Skip to content Skip to sidebar Skip to footer

Cara Membuat Icon Sosial Bookmark 3D

Cara Membuat Icon Sosial Bookmark 3D

Icon Bookmark penting juga untuk dipasang di blog kita dan sekarang ini aku akan menuliskan cara membuat icon sosial bookmark 3D dan aku menggunakan browser Google Chrome dan template HTML5  gambar sosial bookmarknya seperti di atas. Untuk lebih jelasnya tekan DEMO, itu adalah icon editanku sendiri dan kalau teman-teman suka silahkan untuk mengambil kodenya di bawah nanti. 

Cara Membuat Icon sosial Bookmark 3D
Caranya cukup memasukkan kode ke tata letak dengan menambahkan gadget di HTML/JavaScript dan di bawah ini adalah kodenya:
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <div style="text-align:center;"> <div id="social"><a title="Facebook" href="URL FACEBOOK ANDA" target="_blank"><img  src="URL IMAGE/ICON FB" style="margin-right:1px;" alt="Facebook"/></a> <a rel="nofollow" title="Google+" href="URL Google+ anda" target="_blank"><img src="URL IMAGE/ICON G+" style="margin-right:1px;" alt="Google+"/></a><a rel="nofollow" title="Twitter" href="URL TWITTER ANDA" target="_blank"><img src="URL IMAGE/ICON PINTEREST" style="margin-right:1px;" alt="Twitter"/></a>  <a rel="nofollow" title="Pinterest" href="URL PINTEREST ANDA" target="_blank"><img src="URL IMAGE/ICON YOU TOBE" style="margin-right:1px;" alt="Pinterest"/></a>  <a title="You Tobe" rel="nofollow" href="URL YOU TOBE ANDA" target="_blank"><img style="margin-right:1px;" src="URL IMAGE/ICON STUMBLE UPON" alt="You Tobe"/></a>  <a title="StumbleUpon" rel="nofollow" href="URL STUMBLE UPON ANDA" target="_blank"><img style="margin-right:1px;" src="URL IMAGE/ICON STUMBLE UPON" alt="StumbleUpon" /></a> </div>
Yang aku tandai dengan warna pink itu nama sosial bookmark nya, warna merah adalah url image/gambar bookmark dan yang warna biru ganti dengan URL BOOKMARK ANDA. Silahkan untuk mengedit sesuai dengan keinginan anda. 

URL ICON BOOKMARK:
Icons bookmark di bawah ini juga bisa digunakan untuk entri aku sebelumnya yang berjudul cara memasang icon sosial bookmark.

Cara Membuat Icon Bookmark 3D

Cara Membuat Icon Bookmark 3D

Cara Membuat Icon Bookmark 3D

Cara Membuat Icon Bookmark 3D

Cara Membuat Icon Bookmark 3D

Cara Membuat Icon Bookmark 3D

Cara Membuat Icon Bookmark 3D
Cara mengganti background blog dengan mudah II ATAU CARA MENGAMBIL URL IMAGE ATAU ICON.

2 comments for "Cara Membuat Icon Sosial Bookmark 3D"