Cara Memasang Widget shareholic di Blog

Pada postig sebelumny saya membuat Widget Share bentuk Hati
untuk demo klik disini
bermacam² bentuk share yang ada di blog ,
namun kali ini kita membuat ny dari shareholic
 jika anda tertarik langusng saja ke langkah membuat ny :

 Cara memasang Shareaholic Widget Untuk Blogger

cara nya cukup gampang
tinggal copy script di bawah

<!-- Start Shareaholic Sassy Bookmarks HTML--> <div class="shr_ss shr_publisher"> </div> <!-- End Shareaholic Sassy Bookmarks HTML --> <!-- Start Shareaholic Sassy Bookmarks settings --> <script type="text/javascript"> var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}}; </script> <!-- End Shareaholic Sassy Bookmarks settings --> <!-- Start Shareaholic Sassy Bookmarks script --> <script type="text/javascript"> (function() { var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true; sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s); })(); </script> <!-- End Shareaholic Sassy Bookmarks script -->

Cara Memasang Widget ShareThis

Cara Memasang Widget ShareThis

Masuk ke situs ny

SINI

nah setelah itu Register akun sobat..

kalau engga mau register langsung sign in dari akun facebook :

Setelah itu klik GET SHARING TOOLS

Pilih platfrom Blogger

Click to Pick a Style

 NEXT: Step 2. Pick a Style

ada 3  pilihan di situ ..

pilih sesuai keinginan

NEXT: Step 3. Customize

kalau sudah klik FINISH: Get the Code

ada 2 pilihan Widget style:

kalau sudah klik Go

Otomatis akan trpasang Widget ShareThis nya..

Walau singkat semoga bermanfaat...

Widget Share bentuk Hati

Widget Share bentuk Hati

Tambahkan Gadget hati Bookmarking Untuk Blog Anda :
"Edit Html" > Kemudian Lanjutkan , seperti Screenshot di bawah ini.


Langkah Berikut :
Cari Kode </head>
Copy dan Paste kode berikut Di atas </head>

<!-- Start Heart Bookmarking Gadget Code From http://dai-detected.blogspot.in/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://dai-detected.blogspot.in/ -->

Berikutnya :
Cari kode </body>
Copy Paste Kode Berikut Di atas </body>

<!-- Start Heart Share Code From http://dai-detected.blogspot.in/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://dai-detected.blogspot.com/">Blogger Gadgets</a>
<!-- End Heart Share Code From http://dai-detected.blogspot.in/ -->

Cara Memasang Recommended Slide Out di Blog

Memasang Recommended Slide Out di Blog

Widget jquery ini akan muncul seperti slide ketika pengujung melihat halaman yang paling bawah. Recommended slide out akan menampilkan posting acak pada blog anda. Anda tidak perlu kuatir dengan loading page blog karena widget ini telah dimodifikasi sehingga tidak membuat halaman menjadi berat.

Untuk membuatnya silahkan kunjungi situs DISINI

Pada situs tersebut klik icon blogger yang tampak seperti dibawah ini:

Akan muncul jendela baru, lalu klik Menambah Widget

Widget anda akan tersimpan pada Elemen Halaman. Jika anda ingin melihatnya, maka buka posting dari halaman anda, lalu scroll ke halaman paling bawah. Anda akan melihat recommended post slideout muncul dari sudut kanan.

Selamat mencoba !!

Membuat Widget on Twitter di blog

Membuat Widget on Twitter di blog cara nya cukup simple,

1. Login ke Blogger
2. Pada Dasbor anda silahkan tambahkan Widget HTML/JavaScript

tinggal menambahkan kode script dibawah :

<script src='http://s.moopz.com/fanbox_init.js' type='text/javascript'></script>
<div id='twitterfanbox'>
<script type='text/javascript'>fanbox_init("@nama twitter");</script>

4. Ganti @nama twitter dengan usename Anda.
5. Save

Memasang Gadget Tukar Font di Blog

"Memasang Gadget Tukar Font Pada Blog"

1. Login ke Blog anda.
2. Klik Dasbor >> Rancangan/ Tata Letak.
3. Lalu klik Tambah Gadget >> Pilih HTML/ JavaScript.
4. Lalu masukan kode di bawah ini :

<script> function go1(){ if (document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value != "none") { document.getElementById('main').style.fontSize =document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value } } function go2(){ if (document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value != "none") { document.getElementById('main').style.fontFamily =document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value } } </script> <form id="forma" method="POST" name="selecter2"> <select name="select3" onchange="go2()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="Times New Roman">Times New Roman </option><option value="Arial">Arial </option><option selected="selected" value="Book Antiqua">Book Antiqua </option><option value="Bookman Old Style">Bookman Old Style </option><option value="Century Gothic">Century Gothic </option><option value="Comic Sans Ms">Comic Sans Ms </option><option value="Tahoma">Tahoma </option><option selected="selected" value="Trebuchet Ms">Trebuchet Ms </option><option value="Verdana">Verdana </option></select> <select name="select2" onchange="go1()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="8px">8 </option><option value="9px">9 </option><option value="10px">10 </option><option value="11px">11 </option><option selected="selected" value="12px">12 </option><option value="14px">14 </option><option value="16px">16 </option><option value="18px">18 </option></select></form>