Cara Membuat Widget Cool Subscribe

Cara Membuat Widget Cool Subscribe

13 Comments

subscribe
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/AVvXsEgL9PvwpqI_YzwxEgVzm3TBaDafvkRIE_-VlyKpDDRaG-11x8-JZYx5sr2nL09BM1l6I5g3ez2TPSg6uFlfJa6CdfzLxPPdBpunr1UQ42s_5rrXCd7NEUyB20rhoFhwi3rS5tI6URXDRdSw/s1600/Rss.png) no-repeat top left; }
#social1 .social2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjiv2ighh2A0UqApiKKe2x4uaJ4fq7GbKwzkWwaXnjNmd3rC6XkrbVr6hWLuryomk95arFAZM0oP8CBNLIOPzjTL0kJxR8nLzSpRd4bss00ucrdY66gSghnnfroUVoOSwE60zrNMAU8MMB/s1600/twitter.png) no-repeat top left; }
#social1 .social2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGVBhBvGgt-xHOMI17KYk2wPWF3w8XwnpufsUePgDykoQu9UzAnQcovZnnjnI7uoKsxkbS4ZY0sgqU3OdXE-7Q0QyLS75Go7M1ujDQFK5HuQem0qs0cJq5rVJz7hiNRPJStz4KY8flroPb/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"
Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.