Cool Social Media Sharing Touch Me Widget by Blogger Widgets

Home » , , » Social Share Widget "Touch Me" Untuk Blog

Social Share Widget "Touch Me" Untuk Blog

Gambar Touch Me Widget

Social Media akan menumbuhkan ketertarikan pengunjung melalui interaksi social pada blog yang sudah menyediakan ruang untuk sharing widget dan pelayanannya. Banyak web master yang semakin kecanduan dengan alat ini karena tidak seperti trafik organik dari mesin pencari, web trafik berasal dari sosial media yang telah disulap menjadi pencarian trafik.

Blogger saat ini sangat tergantung pada jaringan seperti Facebook, Google Plus, Twitter ataupun social media lainnya yang saat ini semakin banyak variasinya dan masih diminati pengguna Internet untuk mengarahkan trafik ke blog mereka.

Sample Animasi Touch Me Widget

Widget ini terlihat menarik (lihat animasi diatas) yang akan memaksa pengunjung untuk menggulung membawa kursor di atas ikon dan menekannya dan menjadi penasaran untuk setidaknya sekali saja mengkliknya. Wadget ini terstruktur rapi dengan menggunakan tombol dari layanan populer seperti Google Plus, Facebook, Twitter dan RSS. Widget ini menggunakan HTML dasar dan beberapa tambahan CSS untuk mempercantinya. JIka rekan-rekan tertarik memasangnya di Blog rekan-rekan, ikuti panduannya sebagai berikut :
  • Masuk ke akun Blogger rekan-rekan
  • Pilih Menu Layout
  • Add a Gadget pada element yang nantinya widget ini dipasang, biasanya sidebar atas atau header seperti yang diterapkan pada Web ini
  • Pilih HTML/JavaScript
  • Salin code dibawah ini pada formulir yang terbuka
<style scoped="" style="text/css">
/* Touch Me Sharing Widget modified by fenuto.com */
.touchme a{display:block;height:50px;width:50px;padding:0 4px;float:left;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQ2ATWsfFAJD6rZZJCedyRM6qOCXXBxh-ncpv480ciHrtyswczoxty4eYgi3fI0Co3GVbzl4RCSJDpHy_VmDpm27zXkxG21pPkJjFghujFrJ0RM1W1_Yyph8syIsDs6PrT9d27LI4hLo/s1600/Sharing+Touch+Me.png) no-repeat;-webkit-transition:ease-in 0.2s all;-moz-transition:ease-in 0.2s all;-o-transition:ease-in 0.2s all;-ms-transition:ease-in 0.2s all;transition:ease-in 0.2s all;cursor:pointer}
.touchme a.googleplus{background-position:0 -58px}
.touchme a.googleplus:hover{background-position:0 0}
.touchme a.twitter{background-position:0 -290px}
.touchme a.twitter:hover{background-position:0 -232px}
.touchme a.facebook{background-position:0 -406px}
.touchme a.facebook:hover{background-position:0 -348px}
.touchme a.rss{background-position:0 -174px}
.touchme a.rss:hover{background-position:0 -116px}
</style>
<div class='touchme'>
<a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>
<a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a>
<a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>
</div>
  • Kemudian Save
Pengaturan :
  • Ganti YOUR RSS LINK dengan Feed Burner Link milik rekan-rekan
  • Ganti YOUR GOOGLE PROFILE LINK dengan Google+ URL milik rekan-rekan
  • Ganti YOUR FACEBOOK  LINK  dengan Facebook URL milik rekan-rekan
  • Ganti YOUR TWITTER LINK dengan Twitter Profile URL milik rekan-rekan
Jika Widget tidak berfungsi silahkan hapus (scoped="") pada baris pertama kode CSS diatas, sebenarnya attribut (scoped="") ini digunakan untuk memvalidasi Widget agar pada saat dicek Markup Validasi tidak terjadi penambahan error. Cara lain untuk mensiasati ini yaitu dengan memisahkan kode CSS dan diterapkan langsung kedalam Template.

    Ferry NurdiantoDitulis Oleh : Ferry Nurdianto

    Artikel Social Share Widget "Touch Me" Untuk Blog, diterbitkan oleh Unknown pada hari 03 Agustus 2013. Semoga artikel ini dapat menambah wawasan Anda. Oleh Admin, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, namun anda harus meletakkan link dibawah ini sebagai sumbernya.

    3 komentar:

    1. assalamualaikum wr, wb.AKI saya:IBU RIANTI dan SEKELUARGA mengucapkan banyak2
      terimakasih kepada AKI ALI ,atas angka togel yang di
      berikan “4D” alhamdulillah ternyata itu benar2 jebol dan berkat
      bantuan AKI ,ALI, saya bisa melunasi semua hutang2 orang tua saya yang
      ada di BANK dan bukan hanya itu AKI alhamdulillah sekarang saya
      sudah bisa bermodal sedikit untuk mencukupi kebutuhan keluarga saya
      sehari2. itu semua berkat bantuan AKI ,ALI, sekali lagi makasih banyak
      yah AKI… yang ingin merubah nasib seperti saya hubungi AKI ,ALI, di
      nomor: 082 394 334 877

      dijamin 100% jebol saya sudah buktikan…sendiri….

      Apakah anda termasuk dalam kategori di bawah ini !!!!

      1″Dikejar-kejar hutang

      2″Selaluh kalah dalam bermain togel

      3″Barang berharga anda udah habis terjual Buat judi togel

      4″Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat

      5″Udah banyak Dukun togel yang kamu tempati minta angka jitunya
      tapi tidak ada satupun yang berhasil..

      Solusi yang tepat jangan anda putus asah….AKI ,ALI, akan membantu
      anda semua dengan Angka ritwal/GHOIB:
      butuh angka togel 2D_3D_4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin 100% jebol
      Apabila ada waktu
      silahkan Hub: AKI ,ALI, DI NO: 082 394 334 877

      angka GHOIB: singapur 2D/3D/4D/

      angka GHOIB: hongkong 2D/3D/4D/

      angka GHOIB; malaysia

      angka GHOIB; toto magnum 4D/5D/6D/

      angka GHOIB; laos

      BalasHapus
    2. KAMI SEKELUARGA MENGUCAPKAN BANYAK TERIMA KASIH ATAS BANTUANNYA MBAH , NOMOR YANG MBAH BERIKAN/ 4D SGP& HK SAYA DAPAT (350) JUTA ALHAMDULILLAH TEMBUS, SELURUH HUTANG2 SAYA SUDAH SAYA LUNAS DAN KAMI BISAH USAHA LAGI. JIKA ANDA INGIN SEPERTI SAYA HUB MBAH_PURO _085_342_734_904_ terima kasih.


      KAMI SEKELUARGA MENGUCAPKAN BANYAK TERIMA KASIH ATAS BANTUANNYA MBAH , NOMOR YANG MBAH BERIKAN/ 4D SGP& HK SAYA DAPAT (350) JUTA ALHAMDULILLAH TEMBUS, SELURUH HUTANG2 SAYA SUDAH SAYA LUNAS DAN KAMI BISAH USAHA LAGI. JIKA ANDA INGIN SEPERTI SAYA HUB MBAH_PURO _085_342_734_904_ terima kasih.

      KAMI SEKELUARGA MENGUCAPKAN BANYAK TERIMA KASIH ATAS BANTUANNYA MBAH , NOMOR YANG MBAH BERIKAN/ 4D SGP& HK SAYA DAPAT (350) JUTA ALHAMDULILLAH TEMBUS, SELURUH HUTANG2 SAYA SUDAH SAYA LUNAS DAN KAMI BISAH USAHA LAGI. JIKA ANDA INGIN SEPERTI SAYA HUB MBAH_PURO _085_342_734_904_ terima kasih.





      BalasHapus
    3. Terimakasih banyak AKI karna melalui jalan togel ini saya sekarang sudah bisa melunasi semua hutang2 orang tua saya bahkan saya juga sudah punya warung makan sendiri hi itu semua berkat bantuan AKI JAYA yang telah membarikan angka 4D nya menang 275 jt kepada saya dan ALHAMDULILLAH berhasil,kini saya sangat bangga pada diri saya sendiri karna melalui jalan togel ini saya sudah bisa membahagiakan orang tua saya..jika anda ingin sukses seperti saya hubungi no hp O85-244-015-689 AKI JAYA,angka ritual AKI JAYA meman selalu tepat dan terbukti..silahkan anda buktikan sendiri. 2D 3D 4D 5D 6D

      BalasHapus