Anda Sedang Iqro

Memasang Sharing is Sexy di Blog

Sharing is Sexy adalah widget untuk mempermudah sharing posting ke social bookmark atau jejaring sosial. Apa itu Social Bookmark Lihat disini, Sharing is Sexy merupakan salah satu Widget Social Bookmark dengan tampilan yang simple, mudah, dan eye cathing, untuk lebih jelas dapat dilihat pada bagian bawah posting ini. berikut langkah bagaimana cara pemasangnya pada blog.

Note : Sebelum Melakukan Perubahan pada templates, Back-up terlebih dahulu templates dengan mengklik "Download Templates Lengkap", pada halaman "Edit HTML"

1. Masuk atau Login ke Blogger, kemudian Pilih "Pengaturan" - "Tata Letak" - "Edit HTML" - Centang "Expand Template Widget"

2. Pada "Edit HTML" Cari Kode ]]></b:skin>, lalu copas (copy paste) kode dibawah, tepat dibawah kode ]]></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-->

3. Lalu Cari Kode <data:post.body/>, dan Copas Kode Berikut, Jika ada 2 kode <data:post.body/>, maka taruh pada kode yang atas atau pertama 

<!-- 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 -->
4. Klik Pratinjau untuk mengetahui apakah Kode yang telah dimasukkan benar, jika tidak ada error, Save Templates, dan lihat hasilnya.

Note: Jika ingin memunculkan Sharing is Sexy hanya pada halaman posting, maka tambahkan kode
<b:if cond='data:blog.pageType == &quot;item&quot;'>
dibawah <!-- START:Sexy Sharing --> pada kode kedua. Dan hasilnya akan terlihat seperti yang tampak pada bagian bawah posting ini.

Jika ada kesulitan atau pertanyaan perihal pemasangan Widget "Sharing is Sexy", Silakan laporkan pada kotak komentar dibawah..

Wassalam...
catatan cuss

Comments for this entry

MOTA TM
Komentar ini telah dihapus oleh pengarang.
5 April 2010 pukul 18.19
MOTA TM
Komentar ini telah dihapus oleh pengarang.
6 April 2010 pukul 13.12
kimochio

Lalu Cari Kode , dan Copas Kode Berikut, Jika ada 2 kode , maka taruh pada kode yang atas atau pertama <<=== mksud nya nih gan coz ane kagak ngerti nich coz pemula sih.....
tolong jawaban nya ke www.chimoci.co.cc..
sebelum nya thank ya gan...
:D

11 Mei 2010 pukul 22.31
cuss pahing

untuk mencari <data:post.body/> tekan ctrl+f pada browser lalu paste kode ini <data:post.body/>, setelah ketemu, copas (copy paste) kode yg "sexy is sharring"
Maaf jawabnya pada blog ini...

12 Mei 2010 pukul 08.08
vane

tu nrhnya di atas atau d bawah cz sy cb error trus..
psnnya kyk gy ne........

"Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The reference to entity "title" must end with the ';' delimiter"

28 Juni 2010 pukul 18.55
cuss pahing

maksudnya yg apa ini... yg css apa yg HTML??

29 Juni 2010 pukul 08.58
vane

mksdnya it yg code html dtrh d ats < data:post.body/ > atw d bwhnya?

30 Juni 2010 pukul 13.05
cuss pahing

untuk pesan : "Template Anda tidak dapat diparse karena tidak well-formed. bla... bla....
itu menandakan, bahwa ada sintax yg tidak lengkap, bisa kekurangan tanda petik atau yang lainnya. untuk kode HTML-nya copas dibawah <data:post.body/>

untuk kode HTML-nya yg benar silakan Copas kode berikut :

<!-- START:Sexy Sharing -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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://feeds.feedburner.com/catatancuss' 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></b:if>
<!-- END:Sexy Sharing -->


kode diatas adalah kode yg memunculkan "Sexy is Sharing: pada halaman posting saja dan kode ini pula yg saya pasang pada blog ini

30 Juni 2010 pukul 19.10
vane

oke mas da bs skrg..
mks bnyak ya... :)

1 Juli 2010 pukul 19.01
kumpulan ibarot bahtsul masail

maaf di template saya gag ada itu kode< data:post.body/ > udah saya cari lewat ctrl f tapi gag ada gmn?

16 Desember 2010 pukul 23.44
Dapur Kumis

Thanks mas ino html sexy"nya. Untuk #Cuss pahing,makasih juga dah membantu.. :)

20 Februari 2011 pukul 07.40
Ulul Albab

munculnya kok ada tulisan gini

Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The reference to entity "title" must end with the ';' delimiter.
Error 500

mohon jawapanya

7 Mei 2011 pukul 17.24
RENO-Planet Ultraman™

cooll! nice share my friend..

10 Juni 2011 pukul 20.31

Leave your comment

Langganan: Posting Komentar (Atom)
 

Copyright 2010. All rights reserved.

RSS Feed. This blog is proudly powered by Blogger and uses Modern Clix, a theme by Rodrigo Galindez. Modern Clix blogger template by Introblogger.