Memasang social bookmarks di bawa posting ~ Bangjo Website

Ok sobat bloger kali ini saya akan memposting cara memasang social bookmarks di bawa posting mungkin ini berguna untuk mempromosikan blog sobat di jejaringan facebook, twitter, digg dan lain-lain, untuk lihat hasilnya lihat di bawa posting suda saya pasang, untuk sobat yang berminan ikuti langka-langka di bawa ini...

Login ke blog sobat
Masukke Tata letak Edit HTML
Beri tanda centang pada Expand Template Widgets
Lalu, sobat cari kode ]]></b:skin>
Copas kode di bawah ini, dan letakkan di atas kode ]]></b:skin>

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);
}

Lalu sobat cari kode <data:post.body/>

Keterangan : Jika sobat memasang read more, akan terdapat dua buah <data:post.body/> copas kode di bawah ini di bawah kode yang kedua..

<b:if cond='data:blog.pageType == "item"'>
<div class='sociable'>

<ul>
<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/AVvXsEgj096wNnooNWBT_XmUT9xF6Pom5cl02VaR4CUd4OD0dx7YDpxSPrsEpwOb2v4e1L5w_Xp-EHp7VT-IZMRfwDKUoqFlrTH06-YPtsuNPIMZMt_33HGYgUuqQrmjYUTr0MaEXjrHOX7Cyk9W/s400/facebook_002.png' title='Facebook'/></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/AVvXsEjYMXPeBB1VO4j2J5gjpEZUCnpu6IoPChEPukMbs4zOcOPMhCyg5A-wd2jeWwTPH5q0rsLWmq8aDIOSZdqBF4U1ce7zieFnQnOSPURRbvp5ENoHTcFdXE3RDkC0Gve-JNk8LZlaTBMV5HiV/s400/twitter.gif' title='TwitThis'/></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/AVvXsEiuv5a3QJe4zXKHc-UUUKRsnjYhgIKtn-Q9lUE7ONvur1mdB__9yr7ExmFbot-Q9Bps4w6unhUhikX7Daxvyn640wLgSTml2EicdGpIoW5exEt5Plpcl3nZcy3njWLAkWlxgw9Uuvb4GaX2/s400/googlebookmark.png' title='Google'/></a></li>

<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/AVvXsEi55dAzZyDvwWmiRx3jdFWtPWfzt3qHMGGLb2XdqNRpI0coYo3Y8Gy0NvBymt6NDvD_vaCVvOZ7j19kg7g5YeXDzChAXXjHko47WEx44MMNkf59V73gdARzOfp56KVQd92B912ZeuuV41Db/s400/digg.png' title='Digg'/></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/AVvXsEjrQq0B8X_8Qk1crVzDBQoabgmTPVrfJM_83IecuZLJIhbgi9zVMehhQk-UWnPRPG7Pao7s1JdaT4GgUTk0v6x9-Znt2CGlTvv0Inr65LW_XVF_aUxOnymfwJWJjrfgGkvTFaQhVdYhe78G/s400/technorati.png' title='Technorati'/></a></li>
</ul>
</div>
</b:if>

Setela suda di pasang sobat save dan lihat hasilnya...

Semoga bermanfa'at...

Selasa, 07 Juni 2011

Memasang social bookmarks di bawa posting

Artikel Terkait:

2 komentar:

Posting Komentar