Pasang Social Bookmark di Bawah Posting

Posted by Abdul Roqib | Saturday, January 30, 2010 14 comments
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:
  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/AVvXsEiJjeKg1KE4rwJPoy4v3u2koeGQ1cGiOESIj-gdfaSIXwXMtNtAPn7o0H4BoAmR_HY0wwr4YlvjctcyibBkexYKAhTF_1pglIJBZ4BOREm_BiE0esfWF9I-Ie6hpNrhqhKJUjkhXFJ-S3OY/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/AVvXsEiryZFTbDAuWmtmK0KXOm6jdRfinwsJ_Gde67zeuReLL0GcYVURZl0hKijbq13-jwczu_P_LzyN9Ao9XfvMpS5ZStFBDv5pDdsfrvH575qEaYNM_twiZnBCic0NsYXoVsY_F9X4wOHePzCw/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/AVvXsEiw8gk7H_W-wlAMLFf8VQn_yItasS157xXFePc2SBbjAfGXaUxHzUXIOuN2A5cBQP4yrxryaY68TErwlSnc7MtUOYmm7MXW-jMHEiDuyIBV54pL1ubaJVpx3y80ht4UIxprcGStQG4ckocr/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/AVvXsEg0b16zLf3PF3MCwq0BjRzPCf-3nE63tOUfTze_-EZA2DHQwtZFb3ykPawQ_HihI6_gVHRm62QGonzVcVPd8Wu934JGHo_ahahBD8pt_x_l9RnhGKr5Ov0fFhb92sfD9QTlS2F6sqlfGjti/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/AVvXsEgNwedc55fCCyvtMFxok4Q9x9SLPHmSGSgKPCKxySJoBcXc-9w1ara9MP3k6gPU3R3HQinnHp_zI27DP3KJRkN7NSmlZkO4UbIiSyKw-LcRkXv3pRVEsw2rQmjFhgd-EDZl5MPvc8C0KHHh/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/AVvXsEjd1goiewGCBDTEpsY4c6EQM5p0CHjUaOioNxAZRmZQPNyZIKBd4FyiHy0bPzhuqVLShY7AmFUK9eUK8LCzuCfuOvo3d0fWV6em9s0Celgy01bfufguCiHc1q7boKPQqwtHhwA8y6xt0C1f/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/AVvXsEi4ALh519Kv2czA9SqF81UWTr7TnCRlG58UokYZXLQMGYZ6Po490-zHZpxrl3PuU82PqzC8maL_sQVSPaxEzlzZ4tMnUuUUSrF6qN4_ZnMkb4U9s9z0CR_PKlpfHrZwWbAdFPXYCV_bPcHj/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/AVvXsEjGvSFGQUr4QBx1UohuNpwDziZS-37erASzHHncWD4H-LuJj9WkISvAcN-ODeGVe1qpYCJxzK8u9ZcmGtdvJJd5ac6J4YUlRFSyrXAqi3U6QVQbGuBdgLhn5lZd_SyC5hECLMnZPyuywQUl/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/AVvXsEjS31wlvdVpTil2aYgKiD3UjoOG4wceHXmOAaaaAkLkQegVIlFoNhwcE3vooR4ZEfTDKUfsYyuqjBW507HuaxQ3rYaz8QqGaWkheqNm9tdcoaeifxjujZDFo2GGyCcoAUoSABUuiGiLqaUc/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/AVvXsEiafszvB_RHocg7cpUEx9M5ISdUz2twgEJtNXKVWGm9Hy4ahYsNaSp3dXL1g0nlsP1uNb60mYoIYRL_igUG6-wqBD39JwZlZFv2Y_U-6J1iysZPGPfTlzAq7idl7qNi3opVL_0d75K3DNqy/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/AVvXsEiEnyEJY90EwaRprr8t_hOlV4sRYumicWpVKd5kUAWo0Bqx2Q0Lu7Etp6KvWo6PY0cfxTtwym9SAiEi5NafL0A4LfN34yTJlaHduoJHfJzwKER0wl7ccExPg_8Mw5870Ge543V4b8tMAmIN/s1600/furl.png' width='48'/></a>
    </div>
    <div class='clear'/>
  8. kemudian tekan simpan/save
  9. selesai
Semoga bermanfaat….

14 comments: to "Pasang Social Bookmark di Bawah Posting"

Rizkyzone said...

p[ertama\x wah sip ini nanti akan aq ganti gan

Yudhie said...

Klo dipasang social bookmark, kira2 jadi tambah berat gak mas..
Krna blog sya loading'a agak lama.

Festival Museum Nusantara said...

wah banyak banget kodenya, thanks

dofollow blog said...

Thank For share

pagerank said...

Thx U..Saya juga lagi cari-cari this post.

Nyubi said...

mantab gan

Forantum I Blogging is My Life I Tutorial Blog I Tips dan Trik Blog I SEO I Free Template said...

Thank kyu...

putrahosting.com dapur hosting hemat said...

mampir perdana mas

agorepost said...

info tutorial blog yang sangat menarik mas...
boleh dicoba untuk mempercantik blog saya.

riziq said...

kok rada kacau ya. muncul di semua post

waone said...

wah berguna banget ne bagi saya yang masih newbie soal blog...
tq banyak banyak informasinya...:D

NusaTV.com - Streaming TV Online said...

kalo wp bisa pake plugin yak

Unknown said...

Mantap nech.......
nice info...

Mercedes-Benz Mobil Mewah Terbaik Indonesia said...

keren nih gan informasinya

Post a Comment

What's your comment about Pasang Social Bookmark di Bawah Posting, type in the comment form below. Please Don't Spam.!!!