Pages

Tuesday, February 14, 2012

Cara membuat Social Traffic Pop untuk Blogger

Cara membuat Social Traffic Pop untuk Blogger
mungkin diantara para TreTan ada yang bertanya-tanya, apa itu Plugin Social Traffic Pop? Waktu TreTan mengakses blog ini, tiba-tiba ada tampilan untuk menshare blog ini dengan menggunakan media Facebook, Twitter dan Google +, nah itulah yang disebut Plugin Social Traffic Pop.

Plugin Social Traffic Pop ini sebenarnya digunakan untuk wordpress, berhubung bisa dimodif, jadi Tukang Coding mengutak-atiknya agar bisa digunakan untuk para Blogger yang ingin menambah pengunjung melalui social media yang ditampilkan oleh Social Traffic Pop.

Social Traffic Pop sangat membantu untuk meningkatkan pengunjung melalui beberapa media social dan yang didukung plugin itu untuk sementara mencakup Facebook, + Google dan Twitter dan untuk lainnya tunggu aja update dari sang pembuat plugin tersebut.

Tukang Coding akan jelaskan cara penerapannya di Blog kalian. Kalian boleh menggunakan atau mempublishnya kembali dengan SYARAT tidak merubah Link dan Nama Widget serta apapun yang ada pada plugin itu yakni Blogger Nusantara.

" Hargailah penemuan orang lain agar terus berinovasi demi kemajuan Blogger Indonesia."


Berikut cara untuk membuat Social Traffic Pop untuk Blogger:

1. Login Blogger
2. Klik Design -> Edit HTML
3. Masukkan script dibawah ini, diatas kode </head>

catatan:

untuk mengcopy script dibawah, klik icon "View Souce" seperti diatas.


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>
<link href='http://dl.dropbox.com/u/21654796/blogger/stp.css' rel='stylesheet' type='text/css'/>
<script src='http://dl.dropbox.com/u/21654796/blogger/stp.min.js' type='text/javascript'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>


4. tetap di atas kode </head> tambahkan kode berikut:
<script>

$(document).ready(function(){

$().socialTrafficPop({
timeout: 0,
title: &quot;Dapatkan Update Artikel Terbaru!&quot;,
message: &#39;Klik salah satu Media Sosial dibawah ini! GRATIS!&#39;,
google_url: &quot;https://plus.google.com/117281496817845212326&quot;,
fb_url: &quot;http://imbloggernusantara.blogspot.com&quot;,
closeable: true,
advancedClose: false,
opacity: &#39;0.45&#39;,
twitter_method: &quot;tweet&quot;,
tweet_url: &#39;http://imbloggernusantara.blogspot.com&#39;,
tweet_text: &#39;Tips, Trick, Seo, Adsense, Theme for Blogger&#39;
});

});


</script>


5. Keterangan:
- timeout:0
jangan diubah.
- title:
judul paling atas.. silahkan diubah..
- Message:
Pesan yang mau disampaikan terkait blog TreTan.
- google_url:
Masukkan alamat halaman Google + TreTan.
- fb_url:
Masukkan alamat blog TreTan untuk dishare di facebook oleh pengunjung.
- closeable: true
jangan diubah.
- advancedClose: true / false
Jika di isi "True" maka pengunjung bisa mengklik sembarang tempat untuk menutup Plugin Social Traffic Pop ini, Jika "False" maka hanya keadaan tertentu yang bisa menutup plugin itu entah melalui tombol close atau hitung mundur.
- twitter_method:
biarkan saja.
- tweet_url:
isi dengan alamat Blog TreTan.
- tweet_text:
Judul dari blog TreTan.

nb:
Jika script dibawah ini:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>

sudah ada sebelumnya, maka tidak usah dipasang untuk menghindari konflik antar script jQuery.

Silahkan berkomentar dibawah jika ada yang ditanyakan.

Ok, Sekian dari Tukang Coding, moga bermanfaat.. ;)

No comments:

Post a Comment