Social Bookmark Tombol Daun Untuk Blogger

• Masuk ke account blogger dan Buka Desain >> Edit HTML  
• Pastikan Anda menempatkan tanda centang pada "Expand Template Widget" 
• Cari tag ini dengan menggunakan Ctrl + F]]> </ b: skin>  
• Paste kode di bawah ini Sebelum]]> </ b: skin> tag

.social {
padding: 5px 5px 5px 5px;
margin: 5px;
text-align:left;
font-family:Trebuchet MS;
font-size:12px;
height: 78px;
}
.social img {
margin:10px 2px 0px 2px;
padding: 3px 2px 2px 2px;
text-align:center;
border:1px solid #cfdde9;
}
.social img:hover {
border:1px solid #abcce9;
}
a.opacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
a.opacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7; }

• Sekarang Cari tag ini juga dengan menggunakan Ctrl F
• mencoba untuk menemukan di bawah tag 
•  <p class='post-footer-line post-footer-line-1'>  atau  <div class='post-footer-line post-footer-line-1'>
• Setelah satu ditemukan kode di atas, paste kode di bawah ini  setelah kode di atas

<div class='social'>
<strong> Share this </strong><a class='opacity' href='http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC-nYV0F3R1MCXVFv7LCeUbEbpZS68ixYYt1IUsiEZETfX1HDLv5OxpdPwokoSLZI2MGneCM3dQXIq_LVIZMsdFr4c9xU0x-nsRG5egDZ5Zwl5LbXoZDXgZS6h3x9UWo7VPg5Jzo51TbQ/s1600/Facebook.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a><a class='opacity' href='http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXfb3TM1SCMU-KD_lBbKnVgBD5f8O58uReESIT-voifCmd__7tSSOyOkGoJq_gPFS4ldlYGQMiJg4PDe5eUhyphenhyphen4Ir1oPFW5TJIX3jyCGSCAQDKyFsl7RM69VERrld59Wj2M8Q0TxwZ4TE/s1600/Twitter.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9EUHPkDSlN1NFPeTZO6cFYAXob1eNiQy-kdHo3z36rxe2t6tgORPa5zsNBhsfR1rUW5FdB7f_n0D7x4f-MekO8zm3_AGZXXQvdq2Y0yDXsI8ZHq2H2CmBaKOijT7DntaPuFWwxYkr1T8/s1600/del.icio.us.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX7v7L70iSpZupzdJWYnxErFAT7tN1j8ooGXDelFqC1rnKYmuuoLLT99CpEacKdTryOH-QPO1eNRmv3b4xQWAclUkPg35hESc-UYSkSDPHQWuv2tWPpDMI4MO7cW0OaeOFDqjyC1YmPTo/s1600/StumbleUpon.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJJh1o3-kocUkOG_MZ6cNnH8NdbdJFSppcktg2B9mlPGd4KMASh9oZMsvdzm-y0Ri1vLQI9MjTHHpbStrMLNRiKoENp8-0d9WR9vx40oSWroa1K17dqK6RGQsgfP1qvp-vQMMNBw9FYb8/s1600/Digg.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://www.technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjePjaMrdbZCgbpBd681ZqFpzkzkR_1N8ohyphenhyphenNtPb2ZyMoFDAZWlBbdhJWFC0RBkKFyaXDkhYvEw1u5LR9iFJfD5UtWd26b033rMIjkL1oDb2LIFJsGKg9TWpRBvdJIM9OEbc8eUKZEHaBQ/s1600/Technorati.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9IWUKsFwGBCu9_MnsMBdXnblXTwbr5VDsgyOmYv_c9f9xRwigW9li1IaQAfqWEU3FmjYLWmE2Mrz-zwplRZ0AqzNNq5-hT8SOj72cwQB37RKx6V_Su8jH06vICntxKkksVs4sASNOrjM/s1600/RSS.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlVfukoJ7Zke7PTCnQ65-71xnwQcNlzeU8Bklg4tqAMzDq3Xu6N27zaEtLQqmxvNSMCWcWCz2l_53OJRJ79IH0FR2oFQ-t-OTD6I7WfVA4Lpkha1K-67NrxMIuZmtN55GcEBKH4WdU68Y/s1600/Reddit.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
</div>

• Selesai, simpen template dan lihat hasilnya

 Buat sobat - sobat yang belum tau info terbarunya telah rilis terbaru tempat share artikel yang di buat oleh kang salman pada tanggal 8 Maret 2012 sebuah blog dan beliau menjadikan blognya menjadi  tempat share artikel yaitu Kucoba.com Tempat Add Bookmark

Membuat Menu Slid-Box Pojok

Oke mav buat mas wiliam saya baru pulang kuliah dan makasih sudah mau bertanya sama benyo. saya merasa tersanjung hehehehe lebay yah.

"ini postingan requesnya mas wiliam, gmn mas bikin kalo kita kabawak bagian posting keluar like facebook???

padahal mah apa saja bisa bukan lika facebook juga. ini scrip di bilang ada sentuhan jaquery dan sebenernya mah saya juga belum bener-bener paham tentang jaquery makanya saya sering-sering maen di webnya jaquery sering belajar2 tapi tetep aja gak bisa-bisa hehehehe"

Oke postingan kali ini benyo mau kasih sedikit tips membuat slid box pojok. buat contohnya lihat saja di blog benyo jika kita mengarah ke bawah halaman blog maka slid bok itu akan muncul dengan sendirinya.

slide box ini bisa digunakan dengan apa saja yang sobat-sobat mau pokoknya sesuai selera sobat-sobat. kalo benyo seh di selipin like facebook. oke langsung saj neh sobat-sobat.

dan buat scripnya sobat bisa download di sini

 

Caranya :Buka Layout Page Element dan Klik add gadget, kemudian pilih HTML/javaScript :

Catatan  : bila scripnya rusak bilang yah sobat

Cara Membuat statistik widget pada blogger

Oke lanjut neh tips membuat witget sederhana statistik blog. apa seh gunanya mas benyo ???

Nah loh, denger kata-kata statistik pasti ngerti tapi statistik witget yang benyo share ini statistik membuat witget hanya total pos anda dan total komentar yang ada di blog sobat-sobat. oke bagi yang berminat untuk memasang witget ini silahkan neh toritorial pemasanganya :

Buka Layout Page Element dan Klik add gadget, kemudian pilih HTML/javaScript beri judul atau title 

Statistik Blog.

Copy dan tempatkan kode ini :

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<ul><li><script src="http://ALMATBLOGANDA.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>
<li><script src="http://ALMATBLOGANDA.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>
<span style="font-size:75%;"><a href="http://cyber-benyo.blogspot.com/" target="_blank">Widgets for Blogger</a></span>

Catatan : ganti alamat blog dengan alamat blog sobat-sobat.
                Oke semoga bermanfaat yah sobat-sobat.

Dua columns widget di bawah posting

Oke pagi menjelang siang benyo mau share tentang membuat halaman iklan atau halaman share sosial dua kolom di bawah posting. mungkin kebayakan orang sudah tau tips ini dan benyo gak da salahnya share sejenak dan bisa di bilang buat yang lupa membuat witget ini bisa ketemu lagi kan. 

Oke sobat neh langkah-langkahnya yang mungkin bisa sobat-sobat paraktekin.

Nah, Masukkan Kode CSS berikut tepat di atas ]]></b:skin> :


.underpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.underleft{
float:left;
width:265px;
margin-right:15px;
}
.underright {
float:right;
width:265px;
}



Selanjutnya temukan kode ini :

<data:post.body/>

Dan tempatkan kode berikut tepat dibawah kode yang di atas.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='underpost'>

<div class='underleft'>

(scrip sobat atau kode iklan)(kiri)

</div>

<div class='underright'>

(Scrip sobat atau kode iklan) (kanan)

</div>

</div>

</b:if>

Oke segitu tuh share dari benyo dan mudah-mudahhan bisa bermanffat buat temen-temen

Cara mudah Memasang widget Google Translate di Blog

Cara mudah Memasang widget Google Translate di Blog - Translator atau yang biasa disapa Penerjemah memang sangat penting bagi suatu website dan atau blog. Banyak Situs yang menyediakan Translator tools untuk menerjemahkan web mereka. Postingan Kali ini tidak untuk membahas satu per satu penyedia Translator tersebut. Saya hanya akan membahas salah satu dari Translator Tools yang keberadaan nya sudah umum. Ya.. Kali ini saya akan membahas bagaimana Cara memasang Google Translator di Blog

Cara nya sangatlah amat mudah. Anda hanya perlu mengikuti langkah-langkah dibawah ini dengan cermat dan teliti.

Oke.. Langsung saja.

1. Pertama masuk ke http://translate.google.com/translate_tools

2. Akan Muncul Tampilan Seperti Ini.  

 

3. Atur Sesuai Selera / Keinginan  Anda...

4. Copy dan Paste Kode Script nya ke Blog Anda.(Buka Blog anda > Rancangan>Elemen Laman>Tambah Gadget>Pilih HTML/JAVA SCRIPT atau bisa langsung dengan mengklik Add to Blogger