skip to main | skip to sidebar

INFOIKI

tutorial untuk mengedit, mempercantik,membuat, dan memperindah blog template seo gratis

  • Home
  • Template
  • Ebook
  • Kata Mutiara
  • Tips Blog
  • Video
  • Umum
 

Dapatkan Update!

Dapatkan artikel terbaru dari INFOIKI yang akan dikirim ke email anda secara gratis!
Browse » Home » Ngeblog » Memasang widget share 'Touch me' di blog

Memasang widget share 'Touch me' di blog

   Memasang widget share 'Touch me' di blog - Berbagai macam tombol share, sudah sering anda lihat. Bahkan mungkin, anda dengar dari web/blog lain. Tapi, kali ini, InfoBlog mau share tentang memasang widget share 'Touch me' di blog. Ada yang tahu belum, bagaimana tampilan widget share jenis ini? Jika belum tahu, ini dia contohnya :

  Berdasarkan image diatas,  ada tombol share Facebook, twitter dsbg, yang akan anda buat, jika anda memang berniat mengikuti/mempraktekkan cara ini di blog anda. Ini dia langkah - langkahnya :

1. Pergi ke blogger.com > Login.
2. Tata letak > add widget.
3. Copy kode dibawah ini.


 <style> 
/*--------Touch Me Sharing Widget by infoiki.blogspot.com ------*/
.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="URL RSS LINK ANDA" rel='external nofollow' target='_blank'></a>
<!--Google Plus--> 
<a class='googleplus' href="Link Google profile anda" rel='external nofollow' target='_blank'></a>
<!--Facebook--> 
<a class='facebook' href="Link/URL facebook anda" rel='external nofollow' target='_blank'></a>
<!-- Twitter --> 
<a class='twitter' href="URL twitter anda" rel='external nofollow' target='_blank' ></a>

</div>


4. Save & lihat hasilnya.

  Good Luck!

Posted By Efendy bloggers | -

Comments :

2 komentar to “ Memasang widget share 'Touch me' di blog ”

Damai Dank mengatakan... on 
9 Juli 2012 pukul 01.08

Mantap gan..

Efendy bloggers mengatakan... on 
21 Juli 2012 pukul 07.42

@Damai Dank : Thanks gan

Posting Komentar

Aturan Berkomentar
1. No spam!
2. No live link!
3. No maho :D

←  Posting Lebih Baru Posting Lama  → Beranda
Langganan: Posting Komentar ( Atom )

Statistik

Statistic Blog:
PageRank Checking Icon
SEO Reports for infoiki.blogspot.com

Pencarian

Kategori

  • Advertiser
  • Diet
  • Ebook gratis
  • Facebook
  • Handphone
  • Jasa Like
  • Kata Kata
  • Komputer
  • Kontes SEO
  • Ngeblog
  • Review‎
  • Software
  • Template
  • tips trik ngeblog
  • Umum
  • Video

Terpopuler

  • Software Hack Wifi GRATIS [WzCook.exe]
  • Kumpulan template blog Imut dan cantik (Blogspot)
  • Download template blog Anime keren
  • Cara paling ampuh membuka situs yang diblokir telkom
  • 3 langkah mudah membuat banner sendiri
  • Software SMS gratis lewat pc/komput [free download]
  • Cara menghapus virus dengan cara manual menggunakan CMD
  • 7 Cara mudah menghafal script tanpa hafalan
  • tips Cara merawat ayam serama
  • Trik mudah membuat header blog bergerak (Gif)

Pengikut

Diberdayakan oleh Blogger.
.

Send Quick Massage

Nama

Email *

Pesan *

 
INFOIKI
Template by Infoiki | Powered by Blogger