Cara Memasang Icon Bubble Subscribe

Diposting oleh SIMPANGblogger pada tanggal
Cara Memasang Icon Bubble Subscribe 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 lanjut cara membuat bubble subscrbe widget untuk blogspot. Ikuti langkah berikut ini
  • Log in ke blogger
  • Klik Tata Letak
  • Klik Tambah Gadget
  • Pilih HTML/JavaScript
  • Masukkan kode yang ada dibawah ini  lalu simpan
Alt

<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/AVvXsEi6Aku4KVCqRd7HEunyFLlNoB7iEQF8k5pr2wJVSRxZltqTtzIBlhVE0EZ3ZUJFStDvo6udZBO8Q2bjV_ZlqS23twI7E0UbrA7W5Pofbo_tsFBeDvWe-OtsLgN9SLgXg_jEGq66BslO8uI/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/AVvXsEjLuj-ruazy0I6Ve6qIR3vwyebH8kEQORJDxMaNalrymCXfs-kZtgH6NOzv0736aGqkWZdCljwy6PR5MRwSKbmR4WKVmo6roD3kz2_Zu4HCVQOIR0x1iFK7th8TM4An45rKUr5T7sEL9oQ/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/AVvXsEjxhhB6cKnXnpbKq7N52qzUa9JsjPzrooEGjjOcdItSwzZRMnt_3A0_Uf60hoR2q7sGiKkL6O9jRBuCxypdwTpdRMQi1zS43hrJ_x19kF4n4oidomUviWt27TpEMwmsbL-dRhCk7D77-WY/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/AVvXsEiozjZMV2Sfq1rHoTUgdkcvBCaG5hlwOsDR5fiY_FBb6OjeGORpwiebaiTqnruEYH2NTlHhUe_xk7SPDZN0uadom55icWO_wT_ysdmvVW9TEZQNq5ybo2gZ_ix1aCYv_Z2DdcCKGRKVOPA/s1600/RSS.png" title="Add RSS Feed" /></a></li>
</ul>
</center>
Ganti semua Tek yang berwarna biru dengan nomor id anda Cukup sekian semoga bermanfaat.

Komentar

Posting Komentar