Pasang Social Bookmark di Bawah Posting

Seperti yang tampak di bawah postingan Blog 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:


1. Login di blogger.com

2. pilih tata letak/layout

3. kemudian pilih tab edit HTML

4. cari kode seperti ini:
]]></b:skin>

5. copy dan paste kode di bawah ini di atas kode ]]></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;
}


6. kemudian cari kode yang seperti ini
<data:post.body/>

7. copy dan paste kode di bawah ini tepat di bawah kode <data:post.body/>

<br/>
<div class='separator'/>
<div class='clear'/>
<div class='post_social_bookmark'>
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'><img alt='Digg' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYIfN0RVv0Q4wlDvym59lkHHLFchFLelJFjMMK2yKtYxVjeAEJotCn9dTleAQKjoY-FHVTyIhO6yyoCoBC34xulUHPAnfW4GJ6j67v2sjdJFE7g4-G2cfeetek_UTkYuIRP-Qh71eiIyH/s1600/digg.png' width='48'/></a>

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ5t1kSVeltcTtXzkKS9iRkC2a8fnM3jYaUZnwiZByQxYJy_5wZzNEVARZmwW_r490y_oF7NfctHDoEuX_kHMjEUjaVKSohDFrhX-PS-gRCD7cIWCo8GC_5YtHAgR9cSmtk09c_n_Z6dAR/s1600/google.png' width='48'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='reddit'><img alt='reddit' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6unxTR-adaISy92KKPtnQ52XiuNRnCOugnbSVBD5Zu-DtiRhH63T5ksW6Gn36SVSxU7ZME2waSuodA6eRFbvtW6yDolX60L2YS1ZjXf-f3Q4zVBbo7C06n2AYxyj21qdtiwfEAavJhRkJ/s1600/reddit.png' width='48'/></a>

<a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9FI5pV11EdWKtG8rZy64bGexzKkw_uQ8rB5FFGjtagV3oV6asMKxZs4hUWcrddz4g3Dz4OeIZIUFksNYu3fwW6AiwNEzWqVl5rZ4YbhMT-KrSAJBwQaYaUr77ZX-HbYBy1ykcZZbWE3kt/s1600/mixx.png' width='48'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXO3gZovhJ7e9AZoqZBVbxIzShRzvreqQidkPBT6bscAmpIwrW4iLdG3CKpeO7uU4HCmA4Mp_0rO1NJEQ91yNyJOqLLcPrXi_RpaENE4FgMsmiRDKgqS8XVGwHyFggmGknfetJCdPhJxc/s1600/stumbleupon.png' width='48'/></a>

<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9kyT5VnByOubudXN3_ehQudwvf0PW5kVRwPVoPRhDps4hyphenhyphenXRsJkZS5wcORVW_go7F4JZJmiF0zDqq8qjEEpH_mSikqYc6Dp-YmI6nAmqYDz7bpdGhkzYElzQvqqzToL0spe9vt-2EQlW/s1600/technorati.png' width='48'/></a>

<a expr:href='&quot;http://buzz.yahoo.com/article/&quot; + data:post.url' target='_blank' title='Yahoo! Buzz'><img alt='Yahoo! Buzz' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIu5qczgisFYk6-YBxoTXTRBgV4yfaNii-3g0FdrClypUWci9JYOWXzpsCUn2H5ds11Y-EaA3q_Iogne-gu0DWSIq4y_hiWhVLw0bywaAdpnXenrGmXE0YMg9PEiSusQqZeHCzI-89deKf/s1600/yahoo.png' width='48'/></a>

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='DesignFloat'><img alt='DesignFloat' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrabLOThyphenhyphenMwVH4gFvvwO48uTlEgPmd42z-p4kRFIn6cv6VIt4XkVpjP2xgb-ev1G1sS9wZVW4IRf4z41VfmQDNUwzukqhyphenhyphenaM8rDq6eXzJmGRKJlZofTTM8rKb-GVZ5vs0ZiVJ00mFaqz7u/s1600/designfloat.png' width='48'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'><img alt='Delicious' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5RD-_HBConmiznxmzbH34zcfy_PUH6YDc2WWBdaTeaWt1c67PJaokcd4V73Cp-X0xi_yjmMdUm1pJJ0buW3KfJ1uvoZdAhmkrRlS_mB78Ub5150K1JHeaaStSGW1semYfZS7wkDBWwcVn/s1600/delicious.png' width='48'/></a>

<a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='BlinkList'><img alt='BlinkList' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3cvnn3WkjnUV1aQaJCaK1ZoMV1Dp10x1Dcrxb1kLkHdDGWiSOxUpuq5HPIOsozQezMaU1b5NrclDVyH7LHgaGZuaUeVrDzzLWUh5r6zY1tM7qB55dPThVxvAiX-qtBUka1jzf9s90zXU/s1600/blinklist.png' width='48'/></a>

<a expr:href='&quot;http://furl.net/storeIt.jsp?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url' target='_blank' title='Furl'><img alt='Furl' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhko4OVztCN8Bj9omn_pjucVdJ15yG1hJEJ8O7-S7mbwb_SVX-suZ6YtAxUvIxJSx90pRP9_FsAXR4jF35F_7HUVI7tecjIMV-QfECQOmy6ILQk8UdUsk94bfXMhmmTY6RsT89UFG0pA35b/s1600/furl.png' width='48'/></a>
</div>
<div class='clear'/>

8. kemudian tekan simpan/save

9. selesai


Semoga bermanfaat….

Source :http://abdulroqib.blogspot.com/2010/01/pasang-social-bookmark-di-bawah-posting.html

Posted in: Gallery Blogger