Pasang Social Bookmark di Bawah Posting
Seperti yang tampak di bawah postingan ini, itulah social bookmark yang akan kita bahas kali ini. Dengan sedikit berinovasi saya ambil social bookmark ini dari sebuah template tepatnya WP Boxed Tech. Memang awalnya dari lihat-lihat template itu, kog dipandang-pandang asyik banget terus aku berinisitif untuk pasang di templateku yang sederhana ini biar kelihatan lebih cantik gitu… Nah bagi temen-temen blogger yang juga ingin memasangnya untuk mempercantik blog yuk langsung bahas bagaimana cara pasang social bookmark di bawah posting yang ini.
Langkah-langkahnya:
]]></b:skin>
/* bookmark */
.post_social_bookmark {
display: block;
font-size: 12px;
margin: 0px;
padding: 0px 0px;
text-align: justify;
color: #666666;
}
.post_social_bookmark img {
float: left;
width: 35px;
height: 35px;
border: 0;
}
.post_social_bookmark a {
float: left;
margin: 2px;
padding: 1px;
}
.post_social_bookmark a:hover {
background-color:#f1f1f1;
}
<data:post.body/>
<br/>
<div class='separator'/>
<div class='clear'/>
<div class='post_social_bookmark'>
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg'><img alt='Digg' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-9KDWBqXSgMmMDuYW9DpYEorDMZ7r6oFXqzTUg8DGPthVYO-7pa08Zlja5_nBFfVnDgXFWBbOYlFAKJsFrzLBDwQeMXVsZYfOz97t01AkBxQnG6xVhdY_BEEZfLId5gSzOwFhhe1GbknE/s1600/digg.png' width='48'/></a>
<a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9gUZWDosbbQ5i7VZqtpGtTDBs5ecmlvgUSN1KykLsAmJfyqgbrgXl_NSUku637QqMOZxKx9iB2hXdRVrNL9xJ8TxjjvSx2NTETGMPAorYvapXqWthXVrxhSHaeaFZBNHC-Wv5bf-vr7kU/s1600/google.png' width='48'/></a>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='reddit'><img alt='reddit' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCfwFU5VVzDBN-bo5rlhaoq4Td71LOdQ3dBFigIGpXLHBiNqyGdkvyhfDrGjGuZc-nQRIa2RJDfz0zYy6_QfmOWMkcycbMk8B08My_bHuBsBKy65I_TulI779ZsywfGyzV95QTYOHx3OLI/s1600/reddit.png' width='48'/></a>
<a expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZyIVcTMg7Pue31UW9gQnZhEzqgd1bFb0OfPMyAMKgmzNyLVsU8gFovRHXceM-345jbO0PP-KfxUpDOh8sdfDtO-6Vdi79ZsfxwY2sCL3s_PMkE0tXyXJVBih90lKgL5TDq89pS8RvTLnB/s1600/mixx.png' width='48'/></a>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcJC3GTYB59pBfUf37Kdp5Iojn8lRCwilrl8UG_ymuwOFt_xVaOPA6PoQJ2rheD1FB2IdHgzbs3qGA_3qqTLY3H3FREb-MaPRgPuKlZdCVlc43JvTx0XM-9aUHQGA5EfGrKSBxSFD-ddvI/s1600/stumbleupon.png' width='48'/></a>
<a expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ-VdLlZGv9cQMrhdpbL4YZV3lCGoWr43V9LHNSVErmdSEYHDJ5kg9KhP85dNrtDMvQqPe6p7EgKnF8fwaurYhnd51-4UZZnIfgcaM2yLr8PHcEVluFtuR60Mq8mLp4oTtb5Mnp63opO1/s1600/technorati.png' width='48'/></a>
<a expr:href='"http://buzz.yahoo.com/article/" + data:post.url' target='_blank' title='Yahoo! Buzz'><img alt='Yahoo! Buzz' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXUDLlIe8p7uAE1TtRBmYYlxEnaswhrA3Bu1ih2Llz2qIoEiqRvIyYEqfZkU7c8GBwpEVXvMXsuUMVRrYWbqjaBi5yzQR4mOl_4swGuosSds2xbeg9woZBSUErFgXKVO2mUvrUtsFjpeTK/s1600/yahoo.png' width='48'/></a>
<a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='DesignFloat'><img alt='DesignFloat' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItVfjatoK2hSfNKjB115ZbX4mN_Kx_KBhWbzK6bdRiOR1WQpeNXI6vTTGWOvKd4-UQ0piqwvoRrtl-6OiHQaAlDCzZKRKnTLX7CQZPOt0h27Us8YN7ZAlsqW43opR_1dVfEmYXXkWX_4q/s1600/designfloat.png' width='48'/></a>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Delicious'><img alt='Delicious' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitv_yykgzcMY7t20z7zjaqze94dU_wQO98Xdn8UwF67BX57Yg3OfpU-0NSoq_HITYLuisRgVLRVPahnn_C_3ooYMv_pTaT8KkZtVW6dXgTOlzk4mkNNtF-J24JCNwHBnb6tWD-dp2Ll-zb/s1600/delicious.png' width='48'/></a>
<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='BlinkList'><img alt='BlinkList' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQEUxMTvyluoMCEn79Tke6k_a7gQYaqJdiFkiFOkPQamjFTlZNhkzUTI5XEkWW5hSzZ6snHML4bmefvlZ3dxxBz5gsuc0b4QaX7_K8b4iimfMN7cP9m5UARESYXQk4q6xtvd3ryVxsNf8O/s1600/blinklist.png' width='48'/></a>
<a expr:href='"http://furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url' target='_blank' title='Furl'><img alt='Furl' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNxI8M9cr1TBuvbouc9R2A7yXPnDnzDdbJ09PhS7rV3DOW0WmnDa_bejJ2x5Y3u1n7bnEDm7c7UJI9KhjykUcIOdgfftjw_-iBK9-DYRTyDkSugSkeNaqxlHtb5XY7KQHpVsI6fzpnz2y-/s1600/furl.png' width='48'/></a>
</div>
<div class='clear'/>
Semoga bermanfaat….
0 comments:
Post a Comment