Untuk membantu mendapatkan trafik maka Sharing Widget untuk Blog bernama “Touch Me” dapat digunakan. Ini merupakan salah satu widget sharing media yang menggunakan kode HTML dasar dan CSS yang menarik.

Sharing Widget untuk Blog bernama “Touch Me” - MKR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

Untuk membantu mendapatkan trafik maka Sharing Widget untuk Blog bernama “Touch Me” dapat digunakan. Ini merupakan salah satu widget sharing media yang menggunakan kode HTML dasar dan CSS yang menarik.

Sharing Widget untuk Blog bernama “Touch Me”

Sharing Widget untuk Blog bernama “Touch Me”Kemajuan pesat dan perkembangan Sosial Media dan pertumbuhan minat orang pada situs jaringan sosial telah melahirkan puluhan sosial sharing tools dan jasa. Web master semakin kecanduan dengan tools-tools seperti ini karena tidak seperti organik trafik dari mesin pencari/search engine, trafik web dari sosial media dapat mengalahkan trafik mesin pencarian. Blogger hari ini sangat tergantung pada jaringan seperti Facebook, Google plus dan twitter untuk mengarahkan trafik ke blog mereka. Alat ini baik hanya jika mereka dapat menarik pengunjung untuk membookmark dan membagi konten Anda. Dari kualitas konten website Anda hingga desain blog Anda, sehingga dapat menjadikan pengunjung menjadi follower. Untuk membantu dalam meningkatkan hal tersebut saya akan membagikan widget tool benama "Touch Me". Nama tersebut karena tampilan yang menarik yang memaksa pengunjung untuk mengarahkan kursor di atas ikon dan menekan tekan! :) Gadget ini terstruktur rapi menggunakan tombol dari layanan populer seperti Google Plus, Facebook, Twitter dan RSS. Kami telah dikodekan dengan rapi menggunakan HTML dasar dan beberapa CSS yang menarik.

Di mana sebaiknya Anda letakkan?

Pada umumnya tombol  sharing diletakkan pada bagian sidebar. Karena itu saya akan menyarankan agar Anda menambahkan widget ini pada bagian kanan atas blog Anda di atas semua iklan dan gadget yang lain.

Menambahkan ke blogger

Di bawah ini langkah-langkah untuk pengguna BlogSpot. Jika Anda adalah pengguna wordpress atau Joomla atau menjalankan website yang biasa maka Anda hanya perlu copy dan paste kode berikut dalam template Anda.

Berikut ini adalah langkah-langkah untuk pengguna blogger
  1. Go To Blogger> Layout
  2. Pilih add gadget
  3. Pilih HTML / JavaScript
  4. Paste kode berikut di dalamnya,
<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a { display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.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: 0px -58px;}
.touchme a.googleplus:hover { background-position: 0px 0px; }
.touchme a.twitter { background-position: 0px -290px;}
.touchme a.twitter:hover { background-position: 0px -232px;}
.touchme a.facebook { background-position: 0px -406px;}
.touchme a.facebook:hover { background-position: 0px -348px;}
.touchme a.rss { background-position: 0px -174px;}
.touchme a.rss:hover { background-position: 0px -116px;}
</style>
<div class='touchme'>
<!--RSS-->
<a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>
</div>
Selanjutnya perhatikan ganti dengan link anda:
  • Ganti YOUR RSS LINK dengan Feed burner link anda.
  • Ganti YOUR GOOGLE PROFILE LINK dengan URL Google+ anda
  • Ganti YOUR FACEBOOK LINK dengan URL Facebook anda
  • Ganti YOUR TWITTER LINK dengan URL Profile  Twitter anda
Tekan Save. Dan selesai..

Kunjungi website anda dan lihat hasilnya!
Satank Mkr Beri Komentar
Bagikan kepada teman!
Garis

6 comments:

  1. gak jadi ni...
    caranya gimana...

    BalasHapus
  2. lha caranya mengganri image author gimana gan,

    BalasHapus
  3. maaf saya pakai yg template JPstation Green jika saya ganti backgroundnya warna lain boleh, soalnya di saya tidak muncul thanks..

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN 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>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB: Jangan menuliskan link aktif karena akan terhapus secara automatis.

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah

 
Design by MKR Copyright © 2012 ~ 2013 Powered by Blogger
TOP