Memasang Widget atau Gadget Dasar Ter-POPULER

Maksudnya disini adalah memasang widget-widget yang paling di perlukan oleh blog dan juga paling populer di kalangan peblogger.

1. Yang asli dari blogger

Untuk memasang semua widget yang asli dari blogger ini silahkan pergi ke Rancangan > Element Hamalan > Tambah Gadget

Populer Post

Widget ini adalah widget terbaru dari blogger yang fungsinya menampilkan postingan kita yang paling banyak diminati oleh para pembaca secara otomatis.



Statistik Blog

Ini fungsinya untuk menampilkan jumlah pengunjung yang datang ke blog anda. Setiap pengunjung yang datang akan dihitung dan bisa anda lihat secara update.




Followers

Widget ini memungkinkan orang untuk mengikuti blog kamu dan juga menampilkan berapa banyak orang atau pengguna blogger lainnya yang menyukai blog kamu.




Link List
Widget ini berfungsi untuk memudahkan kamu dalam membuat link yang ingin kamu masukan kedalam blog, baik itu link blogmu sendiri, link situs favorit kamu, atau link blog lain kalau kamu mau bertukar link.



Labels

Menampilkan label di sidebar. Widget ini memudahkan pengunjung membaca blog anda berdasarkan topik yang mereka inginkan.



Arsip Blog

Menampilkan semua postingan atau tulisan anda dari awal ngeblog sampai yang terbaru saat ini.

2. Widget External ( yang bukan dari blogger)

Komentar terbaru [Recent Comment]

Bagaimana ya cara menampilkan komentar tarbaru di blog? Nah, Widget ini berfungsi untuk menampilkan setiap komentar terbaru yang masuk di blog anda secara otomatis. Pasang Widget ini!

---

Postingan terbaru [Recent Post]

Kalau yang ini berfungsi untuk menampilkan postingan blog anda yang paling baru secara otomatis di halaman depan blog anda. Widget Recent Post ini ada dua macam, yaitu: Yang pakai gambar dan Yang tidak pakai gambar alias hanya link saja. Pasang Widget ini!

---

Flash Label

Hm..yang ini widget favoriteku. Widget ini menampilkan label / kategori blog dalam bentuk flash animasi githu. Ketika kita arahkan mouse kesitu labelnya akan langsung bergerak sesuai dengan arah mouse. Pokoknya keran lah. Saya sarankan widget Flash label cloud ini WAJIB di pasang..hehe.Pasang Widget ini!

---

Artikel yang berhubungan [Related Post]

Klo widget ini berfungsi untuk menampilkan artikel yang berhubungan dengan postingan anda secara otomatis sesuai dengan label / kategorinya. Kalau anda ingin jumlah page view anda meningkat, pasang saja widget ini, InsyaAllah visitor akan betah berlama-lama di blog anda. Pasang Widget ini!

---

Artikel yang berhubungan dengan gambar thumbnail

Sama seperti yang diatas. Cuma bedanya klo yang ini letaknya dibawah postingan dengan tampilan preview gambar postingan kita tersebut. Pasang Widget ini!

Cara mengganti logo icon di header bar [favicon]

Taukah kamu apa itu favicon? Itu loh, kalau kamu menggunakan blogger maka favicon kamu akan tampak seperti logo blogger yang berlambangkan huruf B berwarna putih dan dikelilingi oleh background berwarna orange pada header bar. Mengerti? Kalau masih blom tau juga apa itu favicon bisa melihat screenshot di bawah ini.

Nah, Untuk merubah icon blogger pada header bar ada dua cara yaitu

1. Dengan menggunakan kode HTML biasa

Langkah 1 : Masuk ke blogger
» Pada Dashboard pilih Design» Edit HTML » Centang Expand Widget
 
Langkah 2 : Cari kode </b:skin> agar lebih mudah mencarinya tekan CTRL+F

Langkah 3 : Letakkan kode dibawah ini setelah kode </b:skin> tadi

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg31yvgcrNyDHXPvXmzRAepUYfRw4XV4br8OvKM6Sf7LHW3Auh4vfPQ2PvbzmB4CjURIRHIgp21d20qY69FvhRMSz8_4TJsrM8fyBGk0qBgxcY79MyGEn9uXVLLntpEMLQ2KyVujwUHqtrG/' rel='shortcut icon'/>

Langkah 4 : Save Template kamu

Catatan: Kode link yang berwarna merah itu adalah link lokasi gambar itu terletak. Kode itu bisa kamu ganti sesukamu. Tapi ingat ukuran gambarnya harus di sesuaikan.

2. Dengan Menambahkan kode JavaScript

Langkah 1 : Masuk ke blogger » Pada Dashboard pilih Design» Edit HTML » Centang Expand Widget
 
Langkah 2 : Cari kode </body> . Biasanya kode itu terletak dibagian paling bawah.

Langkah 3 : Letakkan kode dibawah ini sebelum kode </body> tadi

<script type="text/javascript">

//<![CDATA[

/******************************************

Header Link Icon 2.0

Favicon (C)2009 by Vebyo Arson
visit http://hitsuke.blogspot.com to get more cool hacks

********************************************/
//HEADER LINK ICON
var shortc = document.createElement("link");

shortc.rel = "SHORTCUT ICON";

shortc.href = "Image_Source/FavHeader.gif";

document.getElementsByTagName("head")[0].appendChild(shortc);


</script>

Langkah 4 : Ganti kode yang dtebalkan dengan warna merah dengan link gambar yang kamu inginkan.

Langkah 5 : Save Template

Cara membuat background sendiri