Cara Membuat Widget Twitter Keren di Blog

Membuat Widget Follow Twitter ini sangat berguna untuk Blog anda, selain anda bisa mendapatkan banyak Follower Twitter. Anda juga bisa mendapatkan banyak traffik Blog dari Followers Twitter anda.

Kali ini Press Bloggers akan berbagi Cara Membuat Tombol Follow Twitter, bukan cuma tombol twitter saja. Tapi jua Tombol Twitter yang Keren. Simak berikut ini.

Cara Pertama kita membuat Widget Twitter Standar dari Twitter langsung, caranya anda tinggal mengunjungi Alamat berikut ini

twitter.com/about/resources/buttons#follow

Lalu anda Pilih Model Twitter Button yang anda mau. Selain tombol twittter, lewat alamat tersebut anda juga bisa Membuat Tombol Tweet di Blog.

Cara kedua ini kita akan membuat Tombol Follow Twitter yang lebih keren, kita akan menggunakan gambar agar lebih keren. Silahkan anda gunakan URL IMAGE di bawah ini lalu pasang di Blog anda

Log in ke Blogger » klik Tata Letak » Tambah Gadget »Pilih  'HTML/Javascript'  » Lalu paste kode dibawah ini

<a href="http://twitter.com/User_Name_Twitter_Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP1gy_hi2sJ8mHvbOBC8sGFUiYb6iso2ovODtd2Y3THnGNsUgqkG4zpN0Bzw9iLpkswTgV8Y8phGtAqHbqWto9ZjBmFlmcsIDwEaASnAKmfdc4WjfzdOnpe23h8OGKm3LBH2u1bSe5B3Rf/s1600/Follow+Twitter1.gif"title="follow me on Twitter" border="0" /></a>

<a href="http://twitter.com/User_Name_Twitter_Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxwtJyErKCiJmNfNNYPPzRDiPul1On-CxKYaQFWUEfcpO9EkDDr1NlKs_92vhuf0M60OuEpXPMS5HxU7MkN3XQjdlsicjnDp7oNwIVqzYoLK_MqbB2mSaraEiBOJ5106vLK_iLD-j6tKn2/s1600/Follow+Twitter2.png"title="follow me on Twitter" border="0" /></a>

<a href="http://twitter.com/User_Name_Twitter_Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk9RqW2Vc9E7u7xG3tBJqlVubUQBw44EFmjMMCccCamvRyL7_6XsV4V2om2aDIgyQTFb0uJNvMBz_f_Adl5VOLq4EiGFbEi5XFGVFKLq84aoL8UC27sF5SAH3ePOu2qf50u4KT5an9V7g6/s1600/Follow+Twitter3.png"title="follow me on Twitter" border="0" /></a>

<a href="http://twitter.com/User_Name_Twitter_Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaf8mYBxpzVWfeBjYnF85kLoj2XLZngx8T9uablfwWVxu0ArG9A9NbBUUGBkICDK9KYC6x40XsiF_jT8HrdU2EXHBpJI7-AmqttIr3IRUlpLFRftVPHQN1cytWczviyN-VD_YUZQU-VOAX/s1600/Follow+Twitter4.png"title="follow me on Twitter" border="0" /></a>

<a href="http://twitter.com/User_Name_Twitter_Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzJsctugM2MG-FRghErMRDC-qL_g0ApI-ERt1N8RvjNtzptMue_x_4B06qvU8LqmJeofAhRMdEArPSOcJKKUiHVOJ3wzcez3AXOLaV0DaK8JCp1kjExNSd62BjqpCmg8whaOjBXaqIN7eF/s1600/follow+twitter6.png"title="follow me on Twitter" border="0" /></a>

<a href="http://twitter.com/User_Name_Twitter_Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Oy-cjpGzEdKQJhEqEznskEOq5fvNbB9U5expGfpnX76GxOVHfEMBKHvo668dQUa6yaMkxzSZIOWp9d6u3Dk7e254Mz7poRbduMWL4_-t7xinJp8bLajnslNrBG7JopCd6MRxwb6zOr7E/s1600/Follow+Twitter7.png"title="follow me on Twitter" border="0" /></a>

<a href="http://twitter.com/User_Name_Twitter_Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR7KvT7f5CWmopvTpi8DfNRDM3Hl3XFFv7Z_c3JUqW9oxOJ4-igYZ9SlnqGR0t-RgbTbsIvDAavuhQ-qHMI9QXObXGngxO1-i6CxXSsCcMnrEjhxW_VJyQHgAFTiBZoRuBoyxmwMgQ_791/s1600/twitter5.png"title="follow me on Twitter" border="0" /></a>

<a href="http://twitter.com/User_Name_Twitter_Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0SjDGMRUIKxeAtWcKcDXV4IRatMtfLWrKw6QQn8ZNAcTidLVZ-ApN2mVaWkecoF46vQZqZFY-nBd4tCe4DW-wRn8UetLxsqQioUVBOdvXlg74YnToRdquYalArs7uNuSGU8ZqDjjPzmXF/s1600/twitter+7.png"title="follow me on Twitter" border="0" /></a>

<a href="http://twitter.com/User_Name_Twitter_Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKjkfmPKJvY71loQNEy09K3VZVyzARQzqAg-oumNNmS3B39b3r_fu5O18OK0C4rZFiy8n34UVdV0Gm2Lvsp5dCTGacrkRzdx5osRdFEKE-GYxxc86avdzjOf5EYpqfq7dU0n_n-QPRwpo/s1600/twitter8.png"title="follow me on Twitter" border="0" /></a>

<a href="http://twitter.com/User_Name_Twitter_Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimoh7WF2W-r7TDGzaY5j1pGYh3CA6pqdWKBjsatd1Vtq9OUV64urxfGYtQp_xPAJ3grYsWz8NvFzVb-lgtBw-fUQKeLJID4qQhD_Tzbl-zxleMMO5zj4qxns3caf-ZSBm-eFOdo4509Mjx/s1600/twitter9.jpg"title="follow me on Twitter" border="0" /></a>

Ganti  User_Name_Twitter_Anda  dengan ID Twitter kamu, lalu klik Simpan.

DEMO:  goo.gl/BV6gz

Silahkan lihat hasilnya, semoga bermanfaat :)

Mempercantik Blog Dengan Tombol Share Keren

Cara Membuat Tombol Share di Blog - Tombol share di Blog sangat bermanfaat untuk Blog anda. Karena para pembaca bisa membagikan Artikel anda, tentu saja Traffik Blog anda bisa meningkat.

Kali ini Press Bloggers akan coba untuk membagikan Tips untuk Mempercantik Blog anda. Caranya dengan Membuat Tombol Share di Blog, terutama yang sering digunakan yaitu Tombol Share Facebook.
Tapi disini lengkap Tombol Sharenya, selain bisa memikat pengunjung. Tombol share ini juga bisa membuat Blog terlihat lebih cantik.

Oke langsung saja berikut cara Membuat Tombol Share Keren Memutar.
Tombol Share berikut ini akan lebih keren dari yang lainnya, karena Tombolnya bisa memutar jika tersentuh oleh Cursor. cekidot:

Pertama Login ke Blogger - klik Rancangan - Edit HTML - Centang Expand Widget ( Backup Template terlebih dahulu).

Cari kode dibawah ini:

<data:post.body/>

Biasanya kode tersebut ada 2 di dalam Template, silahkan anda taruh kode dibawah ini dibawah kode <data:post.body/> yang ke dua.

Jika sudah, Copy Kode dibawah ini dibawah kode ini:

<b:if cond='data:blog.pageType == "item"'>
<div class='spinning_icons'>
<a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank' title='Twitter'>Twitter</a>
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'>Delicious</a>
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'>Digg</a>
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Facebook'>Facebook</a>
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumbleupon'>Stumbleupon</a>
<a class='rss' href='http://feeds.feedburner.com/pressbloggers' target='_blank' title='RSS'>RSS</a>
</div>
</b:if>

Ganti URL Feed anda dengan RSS Feed Blog anda.
Terakhir Klik Simpan Template.
Lihat hasilnya.

Jika ingin Lihat Demo Livenya bisa lihat di Blog ini:
goo.gl/sLQWz

Nah, demikian semoga artikel Cara Membuat Tombol Share diBawah Postingan ini bisa bermanfaat dan berguna.
Bagikan jika anda menyukai Artikel ini, Beri Link Sumber jika ingin mengCopy Artikel ini.