• 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 » Tutorial Blogger » Widget » Membuat Widget Social Media Dengan Efek Membesar

Friday, September 20, 2013

Membuat Widget Social Media Dengan Efek Membesar

Membuat Widget Social Media Dengan Efek Membesar | Ghiyats Blogs - Hai, Salam Untuk Sobat Semua... Pada Kesempatan Kali Ini Saya Ingin Berbagi Sebuah Widget Sosial Media Akhir Akhirnya Saya Sering membagi Widget Seperti ini. 

Membuat Widget Social Media Dengan Efek Membesar
Berbeda Pada Widget Yang Pernah Saya bagikan lainnya, Dalam Widget ini tidak berbentuk sebuah Gambar Dari Sosial Media, Tapi Dengan Tulisannya Saja dan Widgetnya kalau Kursor Bergerak ke salah satu widget nya akan Membesar, Begitulah Langsung saja Kita Coba Saja Membuatnya Seperti ini :

Membuat Widget Social Media Dengan Efek Membesar
---------------------------------------------------------------------------------

  • Login Ke Blogger
  • Setelah Masuk, Sekarang Menuju Ke menu ''Template''
  • Klik ''Edit Html''
  • Cari Kode <data:post.body/> mungkin ada 2 kode tersebut, pilih salah satu saja, Dan Copy kode dibawah ini Setelah Kode Di atas <data:post.body/>
<!-- Widget  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<link href='https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt.css' rel='stylesheet' type='text/css'/>
<div id="cenbox">
<div class="zoombox">
    <p>FOLLOW US ON</p>
    <button class="facebook"><a href="FB URL" target='_blank' rel='nofollow'>facebook</a></button>
    <button class="twitter"><a href="Twitter URL" target='_blank' rel='nofollow'>twitter</a></button>
    <button class="gplus"><a href="Google+ URL" target='_blank' rel='nofollow'>google+</a></button>
    <button class="pinterest"><a href="Pinterest URL" target='_blank' rel='nofollow'>pinterest</a></button>
</div>
</div>
</b:if>
<!-- Widget -->

  • Ganti FB Url dengan Url facebook anda
  • Ganti Twitter Url dengan Url twitter anda
  • Ganti Google+ Url dengan Url Profile Google+ anda
  • Ganti Pinterest Url dengan Url pinterest anda
  • Setelah Semua diganti, Sekarang Klik ''Simpan'' 


Demikianlah artikel Ini Semoga Artikel Yang saya Bagikan ini Bermanfaat dan mudah Untuk di Pratekan oleh Sobat semua, Dan Kalau sobat masih Kurang jelas Silakan beri Pendapat anda di kolom komentar dibawah ini, Terima Kasih...

Via : All Blogger Tricks
Unknown Waktu 12:03

5 komentar untuk "Membuat Widget Social Media Dengan Efek Membesar"

  1. cara menghilangkan nyamukSeptember 20, 2013 at 12:09 PM

    Mantap gan, Widgetnya Keren, bisa membesar Kalau di Sentuh Kursor...

    ReplyDelete
    Replies
    1. UnknownSeptember 20, 2013 at 12:10 PM

      Iya.. Sob, Thanks sudah Mampir ya....

      Delete
      Replies
        Reply
    2. Reply
  2. mas-andes.blogspot.comSeptember 20, 2013 at 2:03 PM

    CSSnya kok pake eksternal gak langsung internal aja mas..

    ReplyDelete
    Replies
    1. UnknownSeptember 20, 2013 at 6:29 PM

      iya mas... karena tutorialnya seperti itu.

      Delete
      Replies
        Reply
    2. Reply
  3. UnknownSeptember 22, 2013 at 11:25 AM

    Salam kenal juga sob, Thanks sudah berkunjung. :D

    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