Widget seperti gambar di samping merupakan implementasi dari widget feedburner yang telah di modifikasi agar tampak lebih menarik.
Untuk membuat widget seperti ini tidaklah terlalu sulit, anda perlu memasang sedikit kode CSS serta HTML pada blog anda. Bagi anda yang tertarik memasang widget ini namun masih merasa kesulitan, berikut kang Rohman ulas langkah-langkahnya.
- Anda harus mengetahui ID feedburner blog anda.
Untuk mengetahui ID feedburner tentu saja anda harus mempunyai account di feedburner
, bagi yang belum mengetahui bagaimana cara daftar di feedburner, anda bisa membaca pada artikel
Daftar Feedburner.com,
Silahkan anda login ke feedburner.com, kemudian tuju blog yang ingin di ketahui nomor ID nya, klik tab
Publicize >> Klik
Email Subscriptions. Dibawah tulisan
Preview Subcribtion Link… ada kode yang mirip seperti ini :
892815&loc=en_US">Subscribe to blog tutorial by Email
Perhatikan angka yang saya cetak merah, angka tersebut adalah nomor ID feedburner anda. Contoh, angka ID blog kang Rohman adalah
892815. Silahkan catat angka tersebut untuk nanti di pakai dalam widget yang akan kita buat.
- Tentukan icon Feed yang Ingin Dipasang
Agar sedikit terlihat manis, kang Rohman menggunakan Icon feed sebagai latar belakang. Silahkan anda tentukan icon feed yang anda pakai. Sebagai referensi, anda bisa memilih berbagai icon feed yang sangat menarik
di sini,
di sini, atau
di sini. Beberapa contoh iconnya seperti ini :
Uploadlah gambar tersebut ke tempat anda biasa mengupload gambar, kemudian copy alamat URL nya, contoh kang Rohman mempunyai alamat icon seperti ini;
http://lh4.ggpht.com/kangrohman/SMhEQwxEw1I/AAAAAAAAAOs/t8f7P4y4dgc/feed_thumb%5B1%5D.png?imgmax=800
Jika anda sudah mengetahui ID feedburner serta alamat Feed Icon, langkah selanjutnya anda bisa mengikuti langkah-langkah berikut :
# Langkah 1
- Silahkan login ke blogger dengan ID anda.
- Klik Tata Letak
- Klik tab Edit HTML.
- Cari kode seperti ini ]]> , copy lalu paste kode berikut persis di atas kode ]]>
#kotak {
background: #fff;
width: 200px;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 10px 0px 0px 0px;
padding: 3px;
border-top: 1px solid #666666;
border-right: 1px solid #ddd;
border-left: 1px solid #666666;
border-bottom: 1px solid #ddd;
display: inline;
}
#tombol {
background: #2B74B4;
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0px 0px 0px 5px;
padding: 2px;
border: 1px solid #234B69;
font-weight: bold;
}
#email{
background: #FFFFFF;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px;
padding: 4px;
border-top: 1px solid #666666;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #666666;
border-bottom: 1px solid #DDDDDD;
}
#submit {
background: #2B74B4;
color: #FFFFFF;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
padding: 4px;
margin: 0px;
border: 1px solid #234B69;
}
- Klik tombol SIMPAN TEMPLATE.
#Langkah 2
- Klik tab Elemen Halaman
- Klik Tambah Gadget.
- Klik tanda plus ( + ) untuk HTML/JavaScript.
- Copy lalu paste kode di bawah ini pada kolom yang tersedia.
http://lh4.ggpht.com/kangrohman/SMhEQwxEw1I/AAAAAAAAAOs/t8f7P4y4dgc/feed_thumb%5B1%5D.png?imgmax=800) no-repeat top right;padding:10px 0px">
kirim update terbaru dari
Blog Kang Rohman langsung ke Email anda!
- Gantilah alamat gambar, ID feedburner serta kata-kata yang saya cetak berbeda dengan milik anda.
- Klik tombol SIMPAN.
- Selesai.
Mungkin widget diatas tidak selalu sesuai dengan template anda, maka sedikit modifikasi mungkin saja di perlukan.
Selamat mencoba!
.png "English"){kind=small}
yep…buat mengedit langsung dari tampilan blog kita, katanya seh, seandainya kita (blogger) malas ketampilan editnya. Tinggal klik aja di 
