Hari ini Oto Website akan berbagi tombol share slide menakjubkan yang berjudul 'Slide Out Floating Share Buttons For Blogger' ini adalah widget berbagi, widget ini akan muncul ketika pengguna mengarahkan cursor mouse pada widget ini, widget ini akan keluar dengan beberapa tombol jejaring sosial seperti twitter, facebook, cetak, email dan Anda dapat menambahkan tombol ini yang berisi opsi untuk hampir semua situs. Di sudut bawah kanan halaman widget ini akan muncul dengan halaman yang memungkinkan berbagi pilihan real time bagi pengunjung Anda, widget ini diciptakan oleh addthis dan bloggerized. Jadi silahkan Anda lanjutkan membaca tutorial dan melihat bagaimana menambahkan widget ini untuk blogger Anda.

ScreenShot

Live Demo



Cara Membuat dan Menambahkan Widget ini ke Blogger !

Instalasi widget ini sangat mudah, Anda dapat menambahkan widget ini hanya dalam dua langkah saja!
  • Pergi ke Dashboard Blogger> Template
  • Klik Edit HTML
  • Lalu letakkan kode pada tag yang di sebutkan. (Kesulitan mencari kode HTML? klick DISINI)
Letakkan di atas tag </head>

<script type="text/javascript" src="https://code-otowebsite.googlecode.com/svn/trunk/OW_widget.js"></script>

Letakkan di atas tag </body>

<!-- otowebsite.blogpot.com slideout widget : BEGIN -->
<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
    <a class="addthis_button_more">Share</a>
    <ul>
        <li><a class="addthis_button_preferred_1"></a></li>
        <li><a class="addthis_button_preferred_2"></a></li>
        <li><a class="addthis_button_preferred_3"></a></li>
        <li><a class="addthis_button_preferred_4"></a></li>
    </ul>
</div>
<!-- otowebsite.blogpot.com slideout widget : END -->

  • Akhirnya menyimpan widget Anda dan Anda selesai.

Dari Meja Editor
Saya harap Anda suka dengan tutorial yang OW bahas kali ini, dan saya juga mengharapkan Anda tidak mengalami kesulitan dalam tahap pembuatan/pemasangan Slide Out Floating Share Buttons For Blogger, tapi jika Anda memerlukan bantuan atau kesulitan untuk Slide Out Floating Share Buttons For Blogger jangan sungkan untuk bertanaya, InsyaAllah saya akan secepatnya membantu Anda!
Silahkan tinggal komentar Anda tentang kesan Anda mengenai tutorial kali ini!

Poskan Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top