Bubble Subscribe Widget

By Unknown

Rabu, 20 Maret 2013

Widget ini berupa widget subscrib yang dimodifikasi menjadi tampilan sederhana namun masih mempunyai daya tarik tersendiri bila ditempatkan dalam blog anda. Widget button akan bergerak atraktif setelah mengenai cursor anda. Sekarang mari kita bahas cara membuat bubble subscrbe widget untuk blogspot. Ikuti langkah berikut.

Live Demo

• 
• 
• 
• 

Log in ke blogger
Klik Tata Letak
Klik Tambah Gadget
Pilih HTML/JavaScript
Masukkan kode berikut ke dalamnya

<style>
.bubblewrap{list-style-type:none; margin:0; padding:0}
.bubblewrap li{display:inline; width:60px; height:60px}
.bubblewrap li img{width:50px; height:50px; border:0; margin-right:4px; -webkit-transition:-webkit-transform 0.1s ease-in; -o-transition:-o-transform 0.1s ease-in}
.bubblewrap li img:hover{-moz-transform:scale(1.8); -webkit-transform:scale(1.8); -o-transform:scale(1.8)}
</style>
<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="http://www.plus.google.com/nomor_id_anda"><img alt="my google+" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJWoeDuUAoGzXAGZHtVguWrdPz_B6-Hv1nzvy41Mapk-dM2wAS8FC-SU_hLCYejLlrbGVAyuALeadia5S33gY9MBtb13tGNefvNzYYLYiSTpI0TINFNmb7UCD0kHWyHloLW31-8HJmcsQ/s1600/Google.png" title="Add to Google+" /></a></li>
<li><a href="http://www.facebook.com/id_facebook_anda"><img alt="my facebook page" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ygFuFNZyGoPwaeaVPxyE0PqIyiRCv2UwYT2SK7K_jSzLmXjI1PuVMGTk6YDFPaWefJJ0PiwfdB2tybE4p_9CoajaiEZ-QCIg5vQC8b6ZSAysEQHTn83a6rbOIn0mrIRpNcl_0iAI8R4/s1600/Facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.twitter/username_twitter_anda"><img alt="my twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN0cAXKuqqXcqe1lxQ24k-fopogUN_5h80bsdPtJBnwR3NgpwaHHL6gLQFNhYvEjA5CvdtniQ298ErCrfcZiRCmt0uim9Gen8OyYs8kKt89qQ6_qYpAGzlBFSu404giy14AtuCejYGojg/s1600/Twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/username_feedburner_anda"><img alt="my feeds" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlWmlkCYZetGkP5rD9fHyMVPwvvaMtsaKujzb7QoOYWNW9j2-nSw80VPoTpfdfJTNkeUuX1kDgFa3Wy6UDHTlV0w0Idvf2f_jq0YAhSwFYKdG00GVO29v73k6MHh74UEpmvJzeaKLpFWQ/s1600/RSS.png" title="Add RSS Feed" /></a></li>
</ul>
</center>

Selanjutnya ganti semua kode biru dengan cetak tebal sesuai petunjuk
Klik Simpan dan lihat hasilnya
Demikian tutorial cara membuat bubble subscribe widget untuk blogspot, semoga dapat bermanfaat bagi semua. Amin.

"keep spirits and do th best"

Share :

Facebook Twitter Google+