Thursday, March 14, 2013

Cara Menambahkan Icon Social Bookmark pada Blog

Hi semuanya. ketemu gue lagi dan gue lagi.hehe. Malam ini gue maua kasih tutorial buat menambah icon social bookmark seperti twitter, facebook dll  se pada blog kalian. so check this out!!

Cara memasang icon sosial bookmark

Cara memasang icon sosial bookmark:
1.Masuk dashboard > tata letak > tambahkan gadget
2.Pilih HTML/JavaScript
3.Copy paste dan masukkan kode di bawah ini:

<style type='text/css'>
.sosbook{display:scroll; position:fixed; top:10px; left:-12px;}
.linkopacity{margin:0 1em;display:block;clear:both;}
.linkopacity img {
border:0;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div class='sosbook'>
<a class='linkopacity' href='url facebook' rel='nofollow' target='_blank' title='Facebook'><img alt='Facebook' src="http://i1243.photobucket.com/albums/gg546/alice4ja/fb_zpse77b64f6.png" /></a>

<a class='linkopacity' href='url twitter' rel='nofollow' target='_blank' title='Twitter'><img alt='Twitter' src="http://i1243.photobucket.com/albums/gg546/alice4ja/twitt_zps2b0f5f6f.png" /></a>
<a class='linkopacity' href='url google plus' rel='nofollow' target='_blank' title='Google+'><img alt='Google+' src="http://i1243.photobucket.com/albums/gg546/alice4ja/g_zps118437fe.png" /></a>
<a class='linkopacity' href='url linkedin' rel='nofollow' target='_blank' title='Linkedin'><img alt='Linkedin' src="http://i1243.photobucket.com/albums/gg546/alice4ja/lindin_zps43239b48.png" /></a>

<a class='linkopacity' href='url foursquare' rel='nofollow' target='_blank' title='Foursquare'><img alt='Foursquare' src="http://i1243.photobucket.com/albums/gg546/alice4ja/4sq_zps7463dcaa.png" /></a>

<a class='linkopacity' href='url instagram' rel='nofollow' target='_blank' title='Instagram'><img alt='Instagram' src="http://i1243.photobucket.com/albums/gg546/alice4ja/insta_zps4bf7a24e.png" /></a>

<a class='linkopacity' href='url pinterest' rel='nofollow' target='_blank' title='Pinterest'><img alt='Pinterest' src="http://i1243.photobucket.com/albums/gg546/alice4ja/pinterest_zps88bbaab5.png" /></a>
</div>

4. Untuk tulisan yang berwarna merah kalian ganti url sesuai dengan social bookmark yang ada. jika kalian hanya memiliki beberapa social bookmark, kalian bisa hapus bagian kode yang tidak kalian punya. setelah itu save dan liat perubahannya. selemat mencoba guys ^^

credit : Loveheaven07 :)

No comments :

Post a Comment

Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.

Follower

Google+ Followers

Translator

English French German Japanese Korean Chinese Russian Spanish
India Saudi Arabia Netherland Portugal Italian Philippines Ukraina Norwegia
Powered by
Widget translator