• Sitemap
  • About Me
  • Contact Me
  • Privacy Policy
  • Blog Tools ▼
    • Kode Warna
    • Parse HTML
    • Check Pagerank
    • Check Speed Blog
  • Mobile
Ghiyats Blogs
  • Home
  • Blogger
  • Widget
  • SEO
  • Template
  • CSS
  • Menu Bar
  • JQuery
Home » CSS » Widget » Cara Membuat Widget Sosial Buka/Tutup di Blog

Tuesday, June 3, 2014

Cara Membuat Widget Sosial Buka/Tutup di Blog

Cara Membuat Widget Sosial Buka/Tutup di Blog | Ghiyats Blogs - Salam sobat, Di awal Bulan juni ini akan saya awali dengan artikel sosial media, widget yang akan saya bagikan begitu menarik dan berbeda kalau biasanya widget sosial media dengan bentuk begitu saja.

Cara Membuat Widget Sosial Buka/Tutup di Blog
Tapi ini dengan bentuk unik widget yang akan saya bagikan memiliki keunggulan pada bentuk yaitu bisa di buka tutup, maksudnya widget berbentuk sebuah bola yang kalau di buka akan keluar sosial media begitu banyak dan bisa di tutup kembali. 

Tutorialnya seperti ini :

  • Pertama kita login ke blogger
  • setelah itu ke menu TEMPLATE >> Edit Html
  • Setelah berada di sana, cari kode </head> untuk mempermudah pencarian klik tombol Ctrl + F, Setelah ketemu masukan kode dibawah ini di atas atau sebelum kode </head>
<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;1cce35ce-6744-4bac-9fa5-8f17a67a6fa6&quot;, onhover:false});</script> <link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

  • Terus Cari kode </body> dan masukan kode di bawah ini di atasnya
<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisOrnament'/><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisOrnament&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;pinterest&#39;,&#39;stumbleupon&#39;,&#39;linkedin&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; 
<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;holiday&#39;});</script></div> 

  • Setelah Klik Simpan

Demikianlah artikel ini yang berjudul ''Cara Membuat Widget Sosial Buka/Tutup di Blog'' Semoga artikel ini bermanfaat dan mudah untuk di pratekkan dan kalau sobat punya pendapat tentang artikel ini silakan beri komentar di kolom komentar di bawah ini,Terima Kasih..

Via : Myblogger-Tricks

Unknown Waktu 14:14

1 komentar untuk "Cara Membuat Widget Sosial Buka/Tutup di Blog"

  1. UnknownDecember 11, 2014 at 5:14 AM

    makasih infonya ! :) sangat membantu

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Silakan Tinggalkan Komentar Di Blog Ini
Kami sangat menghargai atas pertanyaan dan komentar sobat, Di harapkan Berkomentar dengan sopan dan tidak menyingung orang lain, Dan tidak mengunakan Link aktif karena akan Terhapus.
Terima Kasih

›
Home
View web version
Find Us :
Powered by Blogger.
Copyright 2013 Ghiyats Blogs - All Rights Reserved
Template by Mas Sugeng | Blogger