Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Alert / bookmark

Menambahkan Widget Sexy Sosial Bookmarks

Oleh Admin 17 komentar
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. astheams3 Agustus 2010 13.08

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

    BalasHapus
  2. Risty3 Agustus 2010 18.51

    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. Tips Mempercepat Koneksi Internet3 Agustus 2010 20.14

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

    BalasHapus
  4. Jaloee5 Agustus 2010 21.00

    sip lanjutkan

    BalasHapus
  5. anida18 Agustus 2010 11.28

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

    BalasHapus
  6. Unknown29 November 2010 13.23

    gagal ane gan :((

    BalasHapus
  7. Talkiy web tool29 Desember 2010 18.36

    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
  8. Info 17 Tahun Keatas18 Agustus 2011 23.22

    thank ya gan...........

    BalasHapus
  9. Agam trueblue14 Desember 2011 20.13

    koment is sexy ;;)

    BalasHapus
  10. Predator Malang26 Januari 2012 16.37

    jangan lupa mampir..... :)) :)) :))

    BalasHapus
  11. Anonim13 November 2012 16.08

    [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
  12. Anonim13 November 2012 16.21

    [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
  13. Anonim13 November 2012 16.28

    [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
  14. toko obat herbal20 November 2012 01.57

    udah dicoba dan belum berhasil.. :(

    BalasHapus
  15. Anonim4 Januari 2013 23.45

    irraskJelia irraskJeliaJB
    Authentic Von Miller Jersey
    Black Aldon Smith Jersey
    Julius Peppers Jersey

    BalasHapus
  16. Anonim27 Februari 2013 02.32

    buy tramadol online tramadol withdrawal peak - high off tramadol 50 mg

    BalasHapus
  17. latif ramadan11 April 2013 09.52

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

    BalasHapus

Berlangganan via Email