Today : | at : | Safemode : ON
Title Author Perms Comt Modified Category
Browse » » » Cara Membuat Widget Social Bookmark Sharing Is Sexy

Cara Membuat Widget Social Bookmark Sharing Is Sexy Bekasi Zone rwxr-xr-x 0 8:58 AM

Title Cara Membuat Widget Social Bookmark Sharing Is Sexy
Permission rw-r--r--
Author Bekasi Zone
Date and Time 8:58 AM
Category
Share
Cara membuat widget Social Bookmark sharing is sexy - Sexy social bookmark sekarang banyak banget blogger yang pasang di postingannya, kebanyakan dari engine wordpress. Bagi blogspot masih kurang. Namun kabar gembira anda semua utusan partai blogspot, soalnya blogspot juga bisa digunakan dalam postingan. Saya sangatmenyukai model social bookmark ini, emang gayanya yang keren dan seksi. Pokoknya mantap dah jika dipasang di dalam postingan anda. Baiklah berikut langkah-langkahnya cara
memasang sexy social bookmark dalam postingan. Dan ini contoh hasilnya :
Bagi yang ingin mencoba membuat widget Social Bookmark sharing is sexy silahkan ikuti tutorial saya dibawah ini...

  1. Login ke akun blogger sobat...
  2. Masuk kebagian rancangan...
  3. Kemudian sobat masuk kembali ke tab edit/html...
  4. Kemudian klik expand widget template...
  5. Kemudian sobat cari script ]]></b:skin>...
  6. Kemudian sobat copy script dibawah ini kemudian letakan d'bawah script  ]]></b:skin> ...

    <!--START:Sexy Sharing CSS-->
    <style type='text/css'>
    div.sexy-bookmarks {
    height:54px;
    background:url('http://sites.google.com/site/catatancuss/icons-1/sharingsexy.png')

    no-repeat
    left bottom;
    position:relative;
    width:540px;
    }
    div.sexy-bookmarks

    span.sexy-rightside {
    width:17px;
    height:54px;
    background:url('http://sites.google.com/site/catatancuss/icons-1/sharingsexy.png')

    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('http://sites.google.com/site/catatancuss/icons-1/Sexysprite.png')

    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>
    <!-- END:Sexy Sharing CSS-->
  7. Kemudian sobat cari kembali script <data:post.body/>...
  8. Copy script dibawah ini, kemudian pastekan tepat dibawah script <data:post.body/>...


    <!--START:Sexy Sharing-->
    <div

    class='sexy-bookmarks'>
    <ul

    class='socials'>
    <li class='sexy-delicious'><a

    expr:href='"http://del.icio.us/post
    url=" +

    data:post.url +   "&title=" + data:post.title'
    target='_blank'/></li>
    <li

    class='sexy-digg'><a expr:href='"   http://digg.com/submit?url="
    + data:post.url +

    "&title=" + data:post.title'
    target='_blank'/></li>
    <li

    class='sexy-technorati'><a expr:href='"

    http://technorati.com/faves
    add=" +

    data:post.url +   "&title=" + data:post.title'
    target='_blank'/></li>
    <li

    class='sexy-reddit'><a expr:href='"   http://www.reddit.com/submit
    url=" +

    data:post.url +   "&title=" + data:post.title'
    target='_blank'/></li>
    <li

    class='sexy-stumble'><a expr:href='"
    http://www.stumbleupon.com/submit?url="

    + data:post.url +   "&title=" +
    data:post.title'

    target='_blank'/></li>
    <li

    class='sexy-designfloat'><a
    expr:href='"http://www.designfloat.com/submit.php?url="

    +   data:post.url +
    "&title=" + data:post.title'

    target='_blank'/></li>
    <li class='sexy-facebook'><a

    expr:href='"
    http://www.facebook.com/sharer.php?u=" + data:post.url +

    "&title=" +
    data:post.title' target='_blank'/></li>
    <li

    class='sexy-twitter'><a expr:href='"   http://twitthis.com/twit
    url=" +

    data:post.url +   "&title=" + data:post.title'
    target='_blank'/></li><li

    class='sexy-furl'><a
    expr:href='"

    http://www.furl.net/storeIt.jsp?u=" + data:post.url +
    "&title=" +

    data:post.title' target='_blank'/></li>
    <li

    class='sexy-syndicate'><a
    href='http://feeds.feedburner.com/catatancuss'

    title='Subscribe to
    RSS'/></li>
    <li

    class='sexy-email'><a expr:href='" mailto:?subject=" +
    data:post.url +

    "&title=" + data:post.title'
    target='_blank'/></li>
    </ul>
    <span

    class='sexy-rightside'/></div>
    <!-- END:Sexy Sharing -->
    <center><a href='http://bekasizone.blogspot.com/' rel='dofollow'>Bekasi Zone</a></center>

Mudah bukan cara membuat widget social bookmarking sharing is caring ?
Selamat Mencoba...

Artikel Terkait:

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)
Diberdayakan oleh Blogger.
Bekasi Zone Info