Lompat ke konten Lompat ke sidebar Lompat ke footer

Menambahkan Widget Sexy Sosial Bookmarks

Blog atau tulisan kita ingin dibookmark pembaca? salah satu yang bisa kita lakukan agar tulisan kita dibookmark oleh pembaca, maka kita harus mempermudah pengunjung blog kita untuk membookmark tulisan kita. Dengan menambahkan Widget Sexy Sosial Bookmarks akan mempermudah tulisan kita menyebar ke social network atau sosial bookmark.

Setelah dulu pernah kita membahas cara menambahkan addthis untuk membagikan tulisan, dan menambahkan sosial bookmarking lokal, sekarang kita akan belajar menambahkan widget sosial bookmarking. Manfaat yang kita dapatkan dari menambahkan Widget Sexy Sosial Bookmarks akan mendatangkan traffik yang meningkat, karena tulisan kita yang menurut pembaca menarik bisa di share dengan mudah ke twitter, atau facebook.


Cara Menambahkan Widget Sexy Sosial Bookmarks
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini </head>
6. Setelah itu taruh kode berikut ini di atasnya.

    <style type='text/css'>
    div.sexy-bookmarks {
    height:54px;
    background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat left bottom;
    position:relative;
    width:540px;
    }
    div.sexy-bookmarks span.sexy-rightside {
    width:17px;
    height:54px;
    background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat right bottom;
    position:absolute;
    right:-17px;
    }
    div.sexy-bookmarks ul.socials {
    margin:0 !important;
    padding:0 !important;
    position:absolute;
    bottom:0;
    left:10px;
    }
    div.sexy-bookmarks ul.socials li {
    display:inline-block !important;
    float:left !important;
    list-style-type:none !important;
    margin:0 !important;
    height:29px !important;
    width:48px !important;
    cursor:pointer !important;
    padding:0 !important;
    }
    div.sexy-bookmarks ul.socials a {
    display:block !important;
    width:48px !important;
    height:29px !important;
    font-size:0 !important;
    color:transparent !important;
    }
    .sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
    background:url(&#39;http://i941.photobucket.com/albums/ad259/spiceupyourblog/sexybookmarksbuttons.png&#39;) no-repeat !important;
    }
    .sexy-furl {
    background-position:-300px top !important;
    }
    .sexy-furl:hover {
    background-position:-300px bottom !important;
    }
    .sexy-digg {
    background-position:-500px top !important;
    }
    .sexy-digg:hover {
    background-position:-500px bottom !important;
    }
    .sexy-reddit {
    background-position:-100px top !important;
    }
    .sexy-reddit:hover {
    background-position:-100px bottom !important;
    }
    .sexy-stumble {
    background-position:-50px top !important;
    }
    .sexy-stumble:hover {
    background-position:-50px bottom !important;
    }
    .sexy-delicious {
    background-position:left top !important;
    }
    .sexy-delicious:hover {
    background-position:left bottom !important;
    }
    .sexy-yahoo {
    background-position:-650px top !important;
    }
    .sexy-yahoo:hover {
    background-position:-650px bottom !important;
    }
    .sexy-blinklist {
    background-position:-600px top !important;
    }
    .sexy-blinklist:hover {
    background-position:-600px bottom !important;
    }
    .sexy-technorati {
    background-position:-700px top !important;
    }
    .sexy-technorati:hover {
    background-position:-700px bottom !important;
    }
    .sexy-myspace {
    background-position:-200px top !important;
    }
    .sexy-myspace:hover {
    background-position:-200px bottom !important;
    }
    .sexy-twitter {
    background-position:-350px top !important;
    }
    .sexy-twitter:hover {
    background-position:-350px bottom !important;
    }
    .sexy-facebook {
    background-position:-450px top !important;
    }
    .sexy-facebook:hover {
    background-position:-450px bottom !important;
    }
    .sexy-mixx {
    background-position:-250px top !important;
    }
    .sexy-mixx:hover {
    background-position:-250px bottom !important;
    }
    .sexy-script-style {
    background-position:-400px top !important;
    }
    .sexy-script-style:hover {
    background-position:-400px bottom !important;
    }
    .sexy-designfloat {
    background-position:-550px top !important;
    }
    .sexy-designfloat:hover {
    background-position:-550px bottom !important;
    }
    .sexy-syndicate {
    background-position:-150px top !important;
    }
    .sexy-syndicate:hover {
    background-position:-150px bottom !important;
    }
    .sexy-email {
    background-position:-753px top !important;
    }
    .sexy-email:hover {
    background-position:-753px bottom !important;
    }
    </style>

7. Cari kode <data:post.body/> dan taruh kode berikut di bawahnya

<div class='sexy-bookmarks'>
        <ul class='socials'>
        <li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-syndicate'><a href='http://kurniasepta.blogspot.com/feeds/posts/default' title='Subscribe to RSS' rel='nofollow'/></li>
        <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        </ul>
        <span class='sexy-rightside'/></div>

8. Ganti FEED saya yang bertuliskan merah miring, dengan FEED kamu sendiri, dan simpan jika sudah selesai.

17 komentar untuk "Menambahkan Widget Sexy Sosial Bookmarks"

  1. di blog saya, kok gak ada sih?
    yang di point 7

    BalasHapus
  2. tutorialnya udah dicoba nih... tapi gagal. Mungkin aku salah di mana gitu. Soalnya templateku sempat error gitu, untung ada back up nya. Untuk sementara belum kepingin utak-atik dulu deh. Tapi thx for sharing dan salam kenal !

    BalasHapus
  3. thnks sob infonya yah..bermanfaat banget nich bagi saya khususnya yang laagi baelajar..hapy blogging yah sob..sukses selalu..salam blogger indonesia..

    BalasHapus
  4. waah artikelnya bermanfaat banget. thank ya.. nanti akan saya coba di blogku http://artikelbistek.blogspot.com

    BalasHapus
  5. Hi ada tool buat Social bookmark Gratis bisa dicoba dan digunakan secara mudah di blog anda

    sebagai widget atau ditaruh dibawah POST.
    Tinggal copy code lalu paste di BLog / web anda.
    Create Your Sharing Social Bookmark

    Tools FREE

    BalasHapus
  6. jangan lupa mampir..... :)) :)) :))

    BalasHapus
  7. [url=http://buyxanax860.webs.com/]order xanax online legally[/url]
    [url=http://buyxanax209.webs.com/]how to buy xanax in mexico[/url]
    [url=http://buyxanax975.webs.com/]buy 3 mg xanax online[/url]
    [url=http://buyxanax859.webs.com/]where to buy xanax 2mg[/url]
    [url=http://buyxanax872.webs.com/]buy 2mg xanax bars[/url]
    [url=http://buyxanax948.webs.com/]order xanax 2mg[/url]
    [url=http://buyxanax117.webs.com/]buy xanax online overseas[/url]
    [url=http://buyxanax450.webs.com/]buy xanax online canada[/url]
    [url=http://buyxanax642.webs.com/]can i buy xanax on line[/url]
    [url=http://buyxanax280.webs.com]order valium xanax online[/url]
    [url=http://buyxanax780.webs.com/]how to buy xanax online for cheap[/url]
    [url=http://buyxanax216.webs.com/]buy xanax for dogs[/url]
    [url=http://buyxanax207.webs.com/]can buy xanax uk[/url]

    BalasHapus
  8. [url=http://buyxanax860.webs.com/]buy xanax no prescription mexico[/url]
    [url=http://buyxanax209.webs.com/]can you buy xanax in canada over the counter[/url]
    [url=http://buyxanax975.webs.com/]buy xanax from india[/url]
    [url=http://buyxanax859.webs.com/]buy xanax from thailand[/url]
    [url=http://buyxanax872.webs.com/]buy cheap xanax overnight shipping online[/url]
    [url=http://buyxanax948.webs.com/]buy xanax new zealand[/url]
    [url=http://buyxanax117.webs.com/]buy xanax no script[/url]
    [url=http://buyxanax450.webs.com/]best site buy xanax online[/url]
    [url=http://buyxanax642.webs.com/]buy xanax usa[/url]
    [url=http://buyxanax280.webs.com]where can i buy xanax in the uk[/url]
    [url=http://buyxanax780.webs.com/]buy xanax cod delivery[/url]
    [url=http://buyxanax216.webs.com/]fake xanax bars g3722[/url]
    [url=http://buyxanax207.webs.com/]can buy xanax uk[/url]

    BalasHapus
  9. [url=http://buyxanax860.webs.com/]buy generic xanax no prescription[/url]
    [url=http://buyxanax209.webs.com/]buy 2mg xanax bars no prescription[/url]
    [url=http://buyxanax975.webs.com/]buy xanax mexico online[/url]
    [url=http://buyxanax859.webs.com/]order xanax online free consultation[/url]
    [url=http://buyxanax872.webs.com/]buy xanax online yahoo[/url]
    [url=http://buyxanax948.webs.com/]can you buy xanax in spain[/url]
    [url=http://buyxanax117.webs.com/]buy cheap xanax from canada[/url]
    [url=http://buyxanax450.webs.com/]buy xanax online india[/url]
    [url=http://buyxanax642.webs.com/]buy xanax sticks[/url]
    [url=http://buyxanax280.webs.com]buy xanax dogs[/url]
    [url=http://buyxanax780.webs.com/]safe buy xanax line[/url]
    [url=http://buyxanax216.webs.com/]where can i buy xanax bars[/url]
    [url=http://buyxanax207.webs.com/]xanax you buy online real[/url]

    BalasHapus
  10. udah dicoba dan belum berhasil.. :(

    BalasHapus
  11. buy tramadol online tramadol withdrawal peak - high off tramadol 50 mg

    BalasHapus
  12. sepertinya kode penutup </a kurang sob. makanya banyak yang coba n gagal. :(

    BalasHapus

Berlangganan via Email