Membuat Widget Subscribe Paling Keren

Alhamdulillah akhirnya saya bisa update postingan lagi, soalnya dari tadi pagi cuma ngutak-atik template nih. Setelah hari-hari sebelumnya saya coba memPostingkan cara2 blog agar SEO dan akhirnya saya pun bisa menerapkannya yaitu pada tutorial Cara Membuat Blog Valid CSS3 dan Membuat Blog SEO Di Chkme.com. Nah kan masalah SEO pada tutorial sebelumnya sudah teratasi , sekarang masalah Widget Subscribe. Mengapa Widget Subscribe ini diperlukan ??? karena agar pengunjung bisa mengikuti blog sobat.


Berikut ini penampakan widget subcribe paling keren , hehehe :





Sobat tertarik dengan Widget Subscribe Paling Keren kaya diatas ??? Pasti dong.
ayoooo berangkat belajar cara Membuat Widget Subscribe Paling Keren, contoh berikut ini saya CoPas dari Blog Planet Ajaib, berikut Langkah2nya  :

1. Sob , untuk menggunakan kode CSS yg mengatur tampilan gambar Email, RSS, Twitter, Facebook, dan Google+. Silahkan copy kode di bawah ini dan simpan di atas kode ]]></b:skin>

.social a{color: #6e6e6e;font: bold 12px Arial;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #999;}
.social a:hover {color: #333;border-color: #666;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}Tempelkan kode diatas tadi agar tampilan Widget Subscribenya menjadi Paling Keren

2. Kemudian sobat pergi ke Tata Letak > Tambahkan Gadget dan letakan kode berikut ini :

<div style="background: none; border:none; padding: 4px;">
<div class='social' style='padding: 0pt 0pt 0pt 5px;'>
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=Planetajaib' target='_blank' title='newsletters'><img alt='email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh31HRnSbgl8-wQ12V07vw6LslaLNwVDJSjU1CXLGNlTskP41peuDs-mtC1CGqMYxuf9m6Ws-oKhuS1roT85q5g8H46-9vOuOABev5-onSD-dKDygBGiWTDoAaF0PJd73E6I-VDzDj_Syk/s40/mail.png' title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/planetajaib'target='_blank' title='rss'><img alt='rssfeed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXxjsfzA2Ic-Mq8n2tbkyk0BUD6O3dWEgDy-c7JBvh_748ApPpiVNwpp-MswHgcTUC2KO-wIXuaYgP2_c7wlMItX06ttEfrtUQl_Z4RDRp4-CBXFhNjp_0VBdkHOQSKrd9o0wcvAC3LEI/s40/rss.png' title='rss'/></a> </td>
<td> <a href='https://twitter.com/Ahmad_ManarulH' target='_blank' title='Follow on twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2r_9xqklDsWdQyTJgv9bzkHYa8iss8qQg74Y5Rz0u6ObNc4M5oUrhHc8ngmMUFhca1on-BssbJgImmYuvUYlYqiM1m7czu28EJKdM2S3ES9gWxSCF5fUf-I7-lI9nXOCVTLB1Lwk48k/s40/twitter.png' title='Follow on twitter'/></a> </td>
<td> <a href='https://www.facebook.com/PlanetAjaib'_blank' title=' like me on facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiid0Nkt6-3AMGnqmAgpNIr4eyT5xa0hE3Na6JGZwPRh0Frs4PQK3ai3OxOAmtmeMIWLkIjFsHXTq6UfGyPnJkzR0c3RzU92a8aS0wjqGA8QeL0mXBJxr9X3fBT2WVLsZwSDn93CxTX0f8/s40/facebook.png' title=' Like me on Facebook'/></a> </td>
<td> <a href='https://plus.google.com/u/0/111196340129624846374' target='_blank' title='Follow on G+'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj798F9aQj9uZ7IcF8W_OGvsfiGh48ChOmVGop2v4g1N4KjY2MWL-RSXin3otESq65PK9y4cpAJBPfWF532ys8syl8eowNzK26OMB7gwabZaTyliteWMyIVYSKJqX-1wthJmzq12nYnND0/s1600/g+.png' title='Follow on G+'/></a>
</td></tr></tbody></table></div> <br/>
<div style='text-align: center;'>
<a href='http://www.blogger.com/follow-blog.g?blogID=2376713864947803790' target='_blank' title='Follow this blog'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5F0K4xKh9fqXQ0X7fmMzRHSERfrTBYTuXW_JWoZYlJKZdDZIYIDd47IyRMQ0wmIUsFIaaM0LSzSQd1Lvl3OldNq7ON6IYllPpgtZAlOrRzX1EAojJIrGgrnKht5TrCJ9jeBIUFuWHV8/s1600/Follower.png' title='Follow this blog'/></a>
</div><br/>
</div>

Keterangan tulisan berwarna yang ada di atas :

Untuk tulisan Planet Ajaib, silahkan ganti dengan user name feedburner blog Sobat.
Tulisan http://feeds.feedburner.com/planetajaib, ganti dengan url feedburner blog Sobat.
Tulisan https://twitter.com/Ahmad_ManarulH, ganti dengan url profil Twitter Sobat.
Tulisan https://www.facebook.com/PlanetAjaib, ganti dengan url Facebook Sobat.
Untuk https://plus.google.com/u/0/111196340129624846374, silahkan ganti dengan url profil G+ Sobat.
Untuk 2376713864947803790 ganti dengan ID blog Sobat.Terus kalau sudah dirubah tinggal simpan dan lihat hasilnya.

Demikianlah sob postingan saya kali ini tentang Membuat Widget Subscribe Paling Keren , dan seperti biasa sob , semoga berguna dan bermanfaat , apabila ada pertanyaan silahkan komentar dibawah akan saya jawab bila saya bisa , dan bila ada tutur kata / pengucapan saya yang salah mohon dima'afkan , Wassalamualaikum.

Sumber : http://planetajaib.blogspot.com