SexyBookmarks v1

Berbagi bersama di berbagai situs dan sosial nerworking tentunya sangat menyenangkan, untuk itu kita butuh perantara yang dapat mengakomodasi keinginan kita tersebut sebagai media penghubung. salah satunya ya media bookmarks n share.

Berikut satu dari sekian model tombol bookmark n share yang dapat anda gunakan:

Silahkan taruh kode berikut di atas kode: ]]></b:skin>

div.sociable { margin: 16px 0;} span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable ul li { background: #f5f5f5; display: inline !important; list-style-type: none; margin: 0; padding: 2px; } .sociable ul li:before { content: &quot;&quot;; } .sociable img { float: none; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

Selanjutnya taruh kode dibawah ini tepat setelah kode: <data:post.body/>

<div class='sociable'> <div class='sociable_tagline'> <img alt='' src='' title='Share This Artikel'/> </div> <ul> <li><a expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='delicious' class='sociable-hovers' src='http://dc443.4shared.com/img/c0PvK9Pm/delicious_2.png' title='delicious'/></a></li> <li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='http://dc443.4shared.com/img/YhmUFeq7/0.16121088994970212/digg.png' title='Digg'/></a></li> <li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='stumbleupon' class='sociable-hovers' src='http://dc427.4shared.com/img/gXzuSPPo/stumbleupon.png' title='stumbleupon'/></a></li> <li><a expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='reddit' class='sociable-hovers' src='http://dc376.4shared.com/img/T7q1E7bR/reddit.png' title='reddit'/></a></li> <li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='google' class='sociable-hovers' src='http://dc378.4shared.com/img/sqDCONRT/0.3338168601244309/google.png' title='google'/></a></li> <li><a expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' target='_blank'><img alt='twitter' class='sociable-hovers' src='http://dc269.4shared.com/img/0W9WUYaF/twitter.png' title='twitter'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='facebook' class='sociable-hovers' src='http://dc443.4shared.com/img/3v2fy9Lj/0.9625312520045289/facebook.png' title='facebook'/></a></li> <li><a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' target='_blank'><img alt='mixx' class='sociable-hovers' src='http://dc435.4shared.com/img/N1OyYPkq/0.9156774558839156/mixx.png' title='mixx'/></a></li> <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt='comfeed' class='sociable-hovers' src='http://dc444.4shared.com/img/DwPDi4R1/0.3912325496634914/feed_2.png' title='comfeed'/></a></li> <li><a expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' target='_blank'><img alt='yahoobuzz' class='sociable-hovers' src='http://dc439.4shared.com/img/KILB2Clb/yahoo.png' title='yahoobuzz'/></a></li> <li><a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='linkedin' class='sociable-hovers' src='http://dc311.4shared.com/img/jkVVczae/0.6651993086196961/linkedin.png' title='linkedin'/></a></li> <li><a expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='technorati' class='sociable-hovers' src='http://dc102.4shared.com/img/EKZ3oyc3/0.4694297817556107/technorati.png' title='technorati'/></a></li> <li><a expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='myspace' class='sociable-hovers' src='http://dc269.4shared.com/img/iD_mTQ3E/0.2756566488268093/myspace.png' title='myspace'/></a></li> <li><a expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='friendfeed' class='sociable-hovers' src='http://dc423.4shared.com/img/4pCgRbwo/0.8631687167415111/friendfeed.png' title='friendfeed'/></a></li> <li><a expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='newsvine' class='sociable-hovers' src='http://dc246.4shared.com/img/pRAT4WVb/0.2456728701887846/newsvine_2.png' title='newsvine'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='livejournal' class='sociable-hovers' src='http://dc433.4shared.com/img/mCSiUJgV/0.07438949894690194/livejournal.png' title='livejournal'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='pownce' class='sociable-hovers' src='http://dc436.4shared.com/img/2Mg940Jb/pownce.png' title='pownce'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='webshots' class='sociable-hovers' src='http://dc445.4shared.com/img/wqQR3DFr/webshots.png' title='webshots'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='vimeo' class='sociable-hovers' src='http://dc444.4shared.com/img/VL0ECqS6/vimeo.png' title='vimeo'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='netvibes' class='sociable-hovers' src='http://dc430.4shared.com/img/G86U9rWs/netvibes.png' title='netvibes'/></a></li> </ul> </div>

Terakhir silahkan Save Template

Tag: Sexybookmarks-v2

Posted by Zuhry D'Explorer