Saturday, May 25, 2013

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 disibukan oleh masalah 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.

Saya juga baru memasangnya barusan , karena ada seorang pengujung bernama maryam ishmatullah ingin ikut blog saya tapi tidak ada Widget Subscribe nya , kan repooottt tho. Makannya saya langsung memasang Widget Subscribe di blog saya , Ehh ternyata berguna banget lhooo.

Berikut ini penampakan widget subcribe paling keren yang saya pakai , hehehe :

Widget Subscribe Paling Keren

Sobat tertarik dengan  Widget Subscribe Paling Keren kaya diatas ??? Pasti dong.
ayoooo berangkat belajar cara Membuat Widget Subscribe Paling Keren :

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/AVvXsEgsX-tQ8L57Z8j-EQd_KcvKM3qNsgE53ssMOZaTvosoq0zLxPSLtQt1TdlI95ICrNJAtoc7qo6zXlJ_ghdSfdMNs49L2sL-06okwNoTfmFElS3EAOrvjXN0CmXtOUy6BOndA7kUgX_UG6w/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/AVvXsEjyd2yE7K1bfi5HNZy0c9IyUWrQAln07ORuRhux_L5t3q3ckbO8PChf9Bnut5zIJn9vgz_L0LnAlkUUGOu4WbnP4nWSJ5juX9D7eRg09rNh6PVDOEfzj-2qZCOKD4U7GokgiHvLhEV_Ceo/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/AVvXsEi0_qY87kux7zPK_45Dix1ufVMP-WplDM8Ibs33vBtc628poh3XC_nlq2jzjdn7keBDnVkK88afwBA6hGev8QJNv9-N14nEBag0drg2taSxYuCI4aW4hSdJtRdvRAhumZn_m35zmDHm8WU/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/AVvXsEiuyUZvKBDvmSpQYwGBXzORv_WDHbwUECGTHXnM-bRWVQqdTlUZVxRSMy8Co-7jMnIWK9q-wtUfuDWmyykid5g-dJjvVwOpr_B6kuUt9qtJDFZgDmzLfwMsNr81e50z0iFJbLsZdEjixKo/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/AVvXsEgrU4L6imkk7pZoiaXEGIkE5uphtSGT29krZyIFRTXjg2oa9nWs4zWxwj4Wp-rsLmCyDvKoZ0sudFPz8_Bi6hs9KwEwQMBXpETH8W637SOVtSZUi0Em7HNiek2VAai-UAh-xOeuWCsJgWU/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/AVvXsEjE8z7FDL3ccqRrQBF3zvB0TfAkiyeQPS2wZTCkTtNeGgH1gzoGwcVo7-d476iqib_Cg4gnDzp7ISw5tXT9tIZQc1TB_ckyZp0-44W2NRB8SkAmWdsAmVn_FDVR_EnZVUY59m4ojWhW1Qk/s1600/Follower.png' title='Follow this blog'/></a>
</div><br/>
</div>

Keterangan tulisan berwarna yang ada di atas :
  1. Untuk tulisan Planet Ajaib, silahkan ganti dengan user name feedburner blog Sobat.
  2. Tulisan http://feeds.feedburner.com/planetajaib, ganti dengan url feedburner blog Sobat.
  3. Tulisan https://twitter.com/Ahmad_ManarulH, ganti dengan url profil Twitter Sobat.
  4. Tulisan https://www.facebook.com/PlanetAjaib, ganti dengan url Facebook Sobat.
  5. Untuk  https://plus.google.com/u/0/111196340129624846374, silahkan ganti dengan url profil G+ Sobat.
  6. 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.

No comments:

Post a Comment