Cara Membuat Widget Cool Subscribe

By Unknown

Rabu, 02 November 2011

Widget ini pada dasarnya sama dengan yang lain, namun hanya beda tampilan saja. Disamping itu widget ini dijamin lebih menarik dan imut aja gan. Ok ikuti langkah pembuatannya.
Log in ke blog anda
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/JavaScript
Masukkan kode berikut ke dalamnya

<style type='text/css'>
#topbox{width:250px;border:0px solid #a1a1a1;background-color:transparent;}
#topbox:hover{border:0px solid #4e4c4c;background-color:transparent;}
#social1 .social2 h2.subscription { border:0; margin:0; padding:3px 0 0 55px; height:42px; font-size:14px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }
#social1 .social2 h2.subscription:hover { font-size:15px;}
#social1 .social2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEb9C1VJEHGHyqEuhyNsJgbe2RVf9RNAh1Ytd8uVjTaaTkb6XEYkVfxD83exaNS67Lllmy-xURj3CuRYLplWEHhijMvGcEz2UrO-qBCBcE1Mnqx2srs85ZapLSyVCsqawkQAeKPR58PbZ2/s1600/Rss.png) no-repeat top left; }
#social1 .social2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6rraAHIojeUmEvWHZ2J3U0UxaxHy7gGCq91_8b5BLNgPQRY7UpydoFcVXOEPkMkmg52E22yY6yDkNhKN9FeuE5SD7IrADLyi7BLmhPnwTuQOq6Mv95zfm8alOGcI4OpjjRc6iVsHMZQIX/s1600/twitter.png) no-repeat top left; }
#social1 .social2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0FQ-Kv8OPRMmaybAiMnXazy9EygfEQWzbDTHdiuNPBurTuhac_p257aBCFzcZm5iuF2fdOMfzq_0ePeNwFEl2jDeWY0WbnLR_c8eCKS-txdanTYo6oqDOMCq08qA68Ry__VejLZr5-NXU/s1600/mail.png) no-repeat top left; }
#social1 .social2 .subscription a { color:#252e28; text-decoration:none; }
</style>

<div id="topbox">
<div id="social1">
<div class="social2">
<h2 class="subscription rss"><a href="MASUKKAN ALAMAT RSS FEED ANDA DI SINI">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription twitter"><a href="http://twitter.com/USERNAME-ANDA">FOLLOW ME ON TWITTER</a></h2>
<h2 class="subscription email"><a href="MASUKKAN ALAMAT EMAIL SUBSCRIBTION ANDA DI SINI">SUBSCRIBE VIA EMAIL</a></h2>
</div></div>
</div>

Klik Simpan dan lihat hasilnya
Selamat mencoba dan sukses selalu
Thanks a lot to bloggertrix for scripts

"keep spirits and do the best"

Share :

Facebook Twitter Google+