Senin, 27 Juni 2011

Cara Membuat Sharing is Sexy

Sharing menurut bahasa berarti bertukar pikiran, namun makna tersebut lebih luas ketika memasuki dunia blogger. sharing dalam dunia blogger berarti saling berbagi, maksud berbagi disini adalah menyebarluaskan artikel atau postingan karya orang lain ke berbagai situs jejaring sosial maupun tempat submit lainnya.

menurut bang kahar, sharing itu juga sebagai rasa menghargai karya-karya blogger atau penulis artikel tersebut, jadi memasang widget sharing ini sangatlah penting. disamping sebagai tanda penghargaan, keuntungan lain yang di dapatkan oleh blogger adalah, postingan dia lebih tersebar di berbagai search engine, istilah simpelnya adalah submit posting.


visitor akan lebih optimal untuk berkunjung ke blog yang dishare, jadi ayo kita sama-sama memasang widget sharing sexy ini di blog atau situs kita, caranya sangat mudah.

bang kahar akan memberi tutorial, cara membuat sharing sexy, disimak dan di praktekan dengan baik ya: 
  1. Masuk Dasbor Blog Kamu
  2. Masuk ke Rancangan Blog Kamu
  3. Masuk ke Edit HTML Kamu
  4. Klik Tambah Gadget
  5. Cek kotak Expand Template Widget
  6. Copy Kode di bawah nanti dan Paste setelah kode ]]></b:skin>
<style type='text/css'>
    div.sexy-bookmarks { height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat left bottom;position:relative; width:540px }
    div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.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;f ont-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://img406.imageshack.us/img406/9198/sexyy.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>

7. Copy kode di bawah dan pastekan di bawah kode <data:post.body/>

<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://feeds2.feedburner.com/miscah' title='Subscribe to RSS'/></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>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=NAMAFEEDSOBAT&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border: 1px solid rgb(204, 204, 204); padding: 10px; text-align: left; background: url(&quot;http://3.bp.blogspot.com/_C6KkooKXCEw/SdzycInYPWI/AAAAAAAAEIQ/-wCtpr_KsfM/s400/feedreader_2.jpg&quot;) no-repeat scroll right center rgb(255, 255, 255);' target='popupwindow'><input name='loc' type='hidden' value='en_US'/><input name='uri' type='hidden' value='NAMAFEEDSOBAT'/><p style='text-align:justify;'><p><font color='#000000'>MASUKAN KALIMAT DISINI</font></p><br/><p><p><input class='inputbox' name='email' style='width:300px;' type='text'/><input name='uri' type='hidden' value='NAMA FEED SOBAT'/><input name='loc' type='hidden' value='en_US'/><input class='button' type='submit' value='Subscribe'/></p></p></p><p/><p/></form>


Catatan : perhatikan kode berwarna merah, dan ganti sesuai feed anda.


8. Save


semoga tutorial blog ini bermanfaat ;)

Tidak ada komentar:

Poskan Komentar