.
English French German Spain Italian Dutch
Russian Portuguese Japanese Korean Arabic Chinese Simplified
Home » » Cara Memasang Share This Post Pada Blog

Cara Memasang Share This Post Pada Blog

Written By AAN PRAWIRA on Kamis, 03 Maret 2011 | 3.3.11

Berikut ini adalah langkah-langkah memasang Share This Post  
Atau bisa juga lihat di blog saya yang lain di sini
1. Login ke akun blogger masing-masing hingga masuk Dasbor >> Rancangan >> Edit HTML
Kindle Wireless Reading Device, Wi-Fi, Graphite, 6" Display with New E Ink Pearl Technology


2. Jangan lupa centangi “Expand Templates Widget

3. cari kode ]]>></b:skin>

4. copy script di bawah ini di atas kode ]]>></b:skin> tersebut.

div.sociable { margin: 16px 0;}
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: #f5f5f5;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;

border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

5. Kemudian cari kode <data:post.body/>

Jika blog kita sudah menggunakan fungsi readmore maka akan terdapat dua kode tersebut dan pilih kode yang kedua atau terakhir agar tidak tampak pada halaman utama.

6. Copy script di bawah ini dan letakkan di bawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='sociable'>
<div class='sociable_tagline'>
<img alt='maspeypah' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbG9gJgQr6iMYiHfXuD2Y-Vx5mQeZkb-qtx_S8S6lNMTGMG_-EuYX7Iqyl_lGc2SpATV-sStp2Qmlm13JwmoSqofKGZUlQTZGPYVmqRfmz4eCFcrIyK1MDdt39MU21uvOhS4IgQibIvVn8/s1600/share.jpg' title='Share This Artikel'/>
</div>
<ul>
<li><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhI98YxuET_0EcIC22ijkEWgDxogDFqi5jPZ2f6HDRxdnq-KmgUzYRQhyqIRe0GQIO33ZxkIpcbljgRrG6IdL_lDLxPSF6zsLXSXG3A9YTmMK35mUrEoT5lw6nAXvi6TWTcgSj-oNu1NGX/s400/digg.png' title='Digg'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0KY26hJQ2u7Nqtap2D04sIw_QiVUWU9Ej-7ZZhulESeJ5wteeL_1zdVUbB27MRF7erLlKf-RIN1BK57P5GS9Ikk-mWDCT8kE79aODsOVyrjqho5LJSSI4XyO4P-4MzKCimZ1hZGzmeofu/s400/delicious.png' title='del.icio.us'/></a></li>
<li><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilmM3ByU2DQMj-SKSExXbSOgFLVAXHq9Inq3BSzFJqry7R5ov9PQyUW6ada4iADdHvWU1CuJxjsaxr3qOFMe2rPJxhE9HkTk5S1fkW60pr7ibxeIE-rd2tqZ2h9C8Et7BwYtY4z9m2zTDk/s400/facebook_002.png' title='Facebook'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Google' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmGeNkbOT2JsWIwlDRvcPSdmujhqb8h7TTc9YAtWc8FQValRh3UtKM9q2S9qE1pKQ-I_oV-e-q-jGyklhYOvjH95v8CZW6nCj7Qggx9A95b4h5rJWhOa_zbUhO_DF0TlQSpkxitinjFGAz/s400/googlebookmark.png' title='Google'/></a></li>
<li><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEFbTit_mIDxeBle0fMf1Ivi2tPxzI-2xOVV5DSDvUZ7LunQLegwI_qs89G3n0CbI4Qyka3_F-dRvuUwrpoXcZmHXX7hkD-tkIkIfQqBJdbYWZ959G3mwehzJkly5fkVDkIJcdiXyAJJHH/s400/stumbleupon.png' title='StumbleUpon'/></a></li>
<li><a expr:href='"http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3_NiEfPrWwhMzQ4KYkLom1VJfd22CBs1WQRnZBlU3D-98T2aeTYdIbYoHeN_qHTqmY7mvZYtlM0C3EAEpQMlUd2RlUUiyeXKrqJ1M00MxC9BK2JBrV8EmjlIAWIIKpcPZtcd-NEbVEyK5/s400/technorati.png' title='Technorati'/></a></li>
<li><a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='TwitThis' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAXu5DJz5PylDNzeBSU6hWcY78BZBd0X9DkXwXOVD-MZp3v_Gb-2yaWwkS5ft3C0Dh6Qd7Od8uVRFpyl_sPFrZCEyAcdV7s3TaWeOBSQvtuJq4VX1GG57ICoMJd4yiWMAcVw0gFPs-mNZW/s400/twitter.gif' title='TwitThis'/></a></li>
</ul>
</div>
</b:if>


7. Simpan template.
Share this article :

Tidak ada komentar:

Posting Komentar

Berikan Tanggapanmu Di Sini

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Mediasiteku - All Rights Reserved
Template Created by Creating Website
Proudly powered by Blogger