Cara Menambahkan Tombol Sharing Is Sexy Di Blogspot
Selasa, 08 Februari 2011
-
10:21 AM
|
22
Comments |
Rezkiji
|
Edit Entri
Apa Sih Tombol Sharing Is Sexy?? Sharing Is Sexy adalah sebuah widget yang berupa tombol2 yang bisa mengantarkan kita langsung ke situs-situs social bookmark ataupun social network, biasanya widget ini berada di bawah postingan.
Apa sih Fungsi atau gunanya?? Sederhana saja menurut saya yaitu untuk mempermudah admin. dan pengunjung untuk membagikan artikel/postingan blog kita ke situs2 bookmark,yang tujuannya untuk Menambah traffic,menambah backlink, dan mempercepat Index Google,,Katanya sih?? Namun menurut pengalaman saya yah gitu deh....!!!???hahaha. Namun itu semua juga tergantung pada situs social bookmarknya dan artikel yang kita bagikan apakah menarik atau tidak,,..daripada saya ngomong panjang lebar di sini dan tidak ada buktinya,,mendingan sobat blogger coba saja sendiri.
Caranya Cukup Mudah Yaitu :
1. Masuk dulu ke akun blogger anda
2 Setelah berada di Dashboard Klik Design --> Edit HTML
3. Centang Expand Template Widget
4. Copy-Paste kode di bawah ini tepat di atas kode ]]></b:skin>
6. Copy-Paste kode berikut di bawah kode <data:post.body/>
Catatan: Jika anda Ingin Menampilkannya hanya saat Postingan terbuka tambahkan <b:if cond='data:blog.pageType == "item"'> di Awal kode di atas dan letakkan kode berikut di akhir kode di atas </b:if>,,Mengertikan..??
7.Save Template Dan Lihat Hasilnya
Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih..
Apa sih Fungsi atau gunanya?? Sederhana saja menurut saya yaitu untuk mempermudah admin. dan pengunjung untuk membagikan artikel/postingan blog kita ke situs2 bookmark,yang tujuannya untuk Menambah traffic,menambah backlink, dan mempercepat Index Google,,Katanya sih?? Namun menurut pengalaman saya yah gitu deh....!!!???hahaha. Namun itu semua juga tergantung pada situs social bookmarknya dan artikel yang kita bagikan apakah menarik atau tidak,,..daripada saya ngomong panjang lebar di sini dan tidak ada buktinya,,mendingan sobat blogger coba saja sendiri.
Caranya Cukup Mudah Yaitu :
1. Masuk dulu ke akun blogger anda
2 Setelah berada di Dashboard Klik Design --> Edit HTML
3. Centang Expand Template Widget
4. Copy-Paste kode di bawah ini tepat di atas kode ]]></b:skin>
div.beauty-bookmarks {5. Setelah Langkah diatas selesai cari kode <data:post.body/>
height:54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiITXIf5t4gOuaMWEzwN2q6eKmMylABEdeiyYNXupUwD4oWni6Lmvnif3N75FgvNb6Voj9x6OcCQfQvpl7lXTitcqS__fv5r8KJYxMjoALYoGe9KrMuj5AclI4iXIIVQ71t28vonOBM23Qe/') no-repeat left bottom;
position:relative;
width:455px;
}
div.beauty-bookmarks span.beauty-rightside {
width:17px;
height:54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiITXIf5t4gOuaMWEzwN2q6eKmMylABEdeiyYNXupUwD4oWni6Lmvnif3N75FgvNb6Voj9x6OcCQfQvpl7lXTitcqS__fv5r8KJYxMjoALYoGe9KrMuj5AclI4iXIIVQ71t28vonOBM23Qe/') no-repeat right bottom;
position:absolute;
right:-17px;
}
div.beauty-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.beauty-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.beauty-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUtVvOEX0kRlisjSoZzt9u0rOa02tVrQxemNeyxg0LA3YGSZowWiSie36wrfVcskKPQrHTKdag2YnP4r6u2bomFGYU-oEb2KZm_L5DJDeex30qyuHwNG2LfZtFyYRxoHw2SnYhWn_l2Ou3/') no-repeat !important;
}
.beauty-furl {
background-position:-300px top !important;
}
.beauty-furl:hover {
background-position:-300px bottom !important;
}
.beauty-digg {
background-position:-500px top !important;
}
.beauty-digg:hover {
background-position:-500px bottom !important;
}
.beauty-reddit {
background-position:-100px top !important;
}
.beauty-reddit:hover {
background-position:-100px bottom !important;
}
.beauty-stumble {
background-position:-50px top !important;
}
.beauty-stumble:hover {
background-position:-50px bottom !important;
}
.beauty-delicious {
background-position:left top !important;
}
.beauty-delicious:hover {
background-position:left bottom !important;
}
.beauty-technorati {
background-position:-700px top !important;
}
.beauty-technorati:hover {
background-position:-700px bottom !important;
}
.beauty-twitter {
background-position:-350px top !important;
}
.beauty-twitter:hover {
background-position:-350px bottom !important;
}
.beauty-facebook {
background-position:-450px top !important;
}
.beauty-facebook:hover {
background-position:-450px bottom !important;
}
.beauty-script-style {
background-position:-400px top !important;
}
.beauty-script-style:hover {
background-position:-400px bottom !important;
}
.beauty-designfloat {
background-position:-550px top !important;
}
.beauty-designfloat:hover {
background-position:-550px bottom !important;
}
6. Copy-Paste kode berikut di bawah kode <data:post.body/>
<div class='beauty-bookmarks'>
<ul class='socials'>
<!-- delicious start-->
<li class='beauty-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- delicious end-->
<!-- digg start-->
<li class='beauty-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- digg end-->
<!-- technorati start-->
<li class='beauty-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- technorati end-->
<!-- reddit start-->
<li class='beauty-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- reddit end-->
<!-- Stumbleupon start-->
<li class='beauty-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- Stumbleupon end-->
<!-- designfloat start-->
<li class='beauty-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- designfloat end-->
<!-- facebook start-->
<li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- facebook end-->
<!-- twitter start-->
<li class='beauty-twitter'><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'/></li>
<!-- twitter end-->
<!-- furl start-->
<li class='beauty-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<!-- furl end-->
</ul>
<span class='beauty-rightside'/>
</div>
Catatan: Jika anda Ingin Menampilkannya hanya saat Postingan terbuka tambahkan <b:if cond='data:blog.pageType == "item"'> di Awal kode di atas dan letakkan kode berikut di akhir kode di atas </b:if>,,Mengertikan..??
7.Save Template Dan Lihat Hasilnya
Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih..
Langganan:
Posting Komentar
(
Atom
)
Entri Populer
- Daftar Kode Warna | HTML
- New Guest Book | RezDown7.Com
- Jadwal Pertandingan Timnas Indonesia Senior, U-23 Dan U-19 | Update Terbaru
- Followers | RezDown7.Com
- Cara Menambahkan Widget Google Translate Di Blog
- Cara membuat Tombol Like Facebook di Blogspot
- Belajar Cara Membuat Tulisan/Gambar Bergerak Dengan Marquee
- Cara Setting Blog [Blogger.Com]
- Cera Membuat Efek Gambar Dengan MouseOver
- Cara Agar Blog Otomatis Redirect Ke Versi Mobile Saat Di Buka Melalui HP
makasih sob tutorialnya, pengen langsung coba...
BalasHapusnice posting sahabat, makasih sudah berbagi
BalasHapusWah sob ,, blog aku yang blogspot dah gak di update lagi :D.. susah sih bikin blog di blogspot. , infonya bagus sob.
BalasHapus@Afoed'zSilahkan Di Coba Sobat,,smoga Berhasil :12
BalasHapus@Warna TulisanMakasi Kawan...n Sama2 Atas Komentarx :17
@FunkyNetterWaduh...Kebalik Dong.Saya Malah Susah di t4 lain sprt WP dll. :39
BalasHapushehe
wah boleh nih Di coba..
BalasHapustenk's buat info nya...
@irone HtcSilahkan Di Coba Kawan.. :D
BalasHapuswah bagus nih nyoba ah mudah2an bs aq hehehehe
BalasHapusmantaf infonya....
@AnisayuSilahkan Mab Di Coba,,moga Berhasil :D
BalasHapusWahh..info berguna nich bisa dicoba. thank's infonya
BalasHapusdatang lagi mempelajari kodenya dan sekalian follow balek blog mantapmu hehe
BalasHapus@kartu kreditSama2 Sobat :D ty sdh mampir
BalasHapus@anisayuMaksi follbackx mbak :D
info yg bagus gan. tukeran link yuk mas. link blog anda udh ada d blog saya ditunggu link backnya mas. makasih
BalasHapuswuahhhhhhh panjangnya script...
BalasHapusbikin lemot nggak ya?
@Dea
BalasHapusGk Kok Sobat..Buktinya banyak Blogger Yang Pasang,,kalau bikin lemot saya Juga Ogah Pasangx,,hehe :D
makasih.
BalasHapusaku coba perlahan mas maklum loem mahir he he
@Desktop Komputer Sama2 .
BalasHapussaya juga belum mahir kok,,oy klo ada pertaxaan silhkn tax,,zptau saya bisa bantu :D
makasi infonya mas, udah saya coba dan langsung berhasil. salam knal
BalasHapus@Lato Sama2 sobat,,mantap lh klo gitu :)
BalasHapusnice info.. :)
BalasHapus@NurCikalmeilawati makasi sobat :)
BalasHapusLangsung dipraktekkan sahabat.Dan alhamdulillah berhasil
BalasHapusTerima kasih atas berbagi ilmunya sangat bermanfaat dan bagus tutorialnya bagi saya yang NewBie.
Lanjutkan berbagi ilmunya...