Business

Membuat Widget Social Media Dengan Efek Membesar


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...

source
SHARE

Unknown

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment