Minggu, 13 Mei 2012

Widget Subscribe Cantik Untuk Blog


By on 06.41

Widget Subscribe Cantik Untuk Blog - Kali ini saya akan memberitahu anda bagaimana cara membuat Widget Subscribe Canti di blog anda, seperti yang kita ketahui subscribe artinya berlangganan, jika ingin mendapatkan informasi terbaru dari blog anda, maka pengunjung bisa mendapatkan informasi terbaru dengan subscribe atau berlangganan via email.


Langsung saja cara membuat widget nya :

1. Login ke blog kamu.
2. Pilih rancangan > Pilih Edit HTML > Cari kode </head> setelah ketemu letakan kode dibawah ini tepat di atas kode </head>
<style type='text/css'>
#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}
#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;font-weight:bold; }
#sectionmy .sectionmy2 h2.rss { background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/S209wcnxO5I/AAAAAAAAAw4/I7aEXRVYR8s/RSS.png) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/S209s4_wFoI/AAAAAAAAAww/8VovLp1Yxlg/EmailRSS.png) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/S209oJTU3UI/AAAAAAAAAwo/28dTiLvxvDQ/twitter.png) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>
Silahkan ganti kode yang berwarna merah dengan Icon lainnya.

Selanjutnya kembali kemenu awal rancangan pilih Add gadget > pilih HTML / Java Script > Copy kode dibawah ini.
<div id="hsection"><div id="sectionmy"><div class="sectionmy2">
<h2 class="subscription rss"><a href="http://feeds2.feedburner.com/blogspot/blazer_blog">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/blazer_blog&loc=en_US">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="http://www.twitter.com/blazer_blog">FOLLOW ON TWITTER</a></h2>
</div></div></div>
Ganti kode yang berwarna merah dengan ID URL FEED anda
Ganti kode yang berwarna biru dengan USERNAME twitter kamu.

Simpan dan lihat hasilnya.

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

2 komentar: