Cara Pasang Alexa Rank Widget Di Blogger

Selamat Malam, Pada malam hari ini saya akan mencoba memberikan Cara Pasang Alexa Rank Widget Di Blogger memasanng alexa diblog tidak lah sulit, fungsi lain dari kita Pasang Alexa Rank Widget Di Blogger adalah kita dapat mengetahui perkembangan yang terjadi blog kita mulai dari alexa, rank dan masih banyak lagi, Semakin kecil peringkat numerik alexa rank anda,maka akan semakin baik.

Rata rata pada setiap blog yang saya kunjungi telah memasang alexa in di blognya selain mengetahui perkembangan di blog kita juga dapat meningkatkan Rang alexa itu sendiri di blog kita.

Berikut Hal Hal yang di Perhitungkan oleh Alexa dalam memberi rank terhadap Blog kita :

• Pageviews : jumlah halaman Blog yang diakses oleh satu orang(visitor) dalam satu kali kunjungan.

• Bounce rate : presentase banyaknya pengunjung yang langsung meninggalkan halaman suatu Blog dalam waktu singkat dengan tidak membuka halaman lain, dalam hal ini berkaitan dengan lamanya Visitor berada dalam Blog kita.

• Unique Visitor : Jumlah pengunjung dari satu IP dalam kurun waktu tertentu.

• Memasang widget Alexa Rank di Blog.

1. Masuk ke Halaman Alexa Site Widget, http://www.alexa.com/siteowners/widgets.
2. Sobat akan diberikan beberapa pilihan kolom. Masukan URL Blog sobat pada salah satu kolom yang sobat inginkan dan klik Build Widget.

3.Sobat akan diberikan beberapa kode Widget. Pilih salah satu kode Widget yang sobat inginkan dan coppy kode tersebut.

4. Login ke akun Blogger sobat.
5. Masuk pada bagian Tata Letak.
6. Klik Tambah Gadget di posisi yang sobat inginkan.
7. Pilih HTML/Javascript.
8. Pastekan kode Widget dari Alexa disini.

Nah, selesai sob. Semoga bermanfaat...

05:05 | 1 comments | Read More

Kumpulan Widget Animasi Untuk Blog Keren

Widget animasi buat blog , yaa saya kali ini akan mencoba memberikan beberapa kode Widget keren dan lucu untuk blog anda , menambahkan animasi Widget pada blog anda salah satu manfaatnya adalah menjadikan blog anda terlihat menarik sehingga membuat pengunjung blog anda betah karena Widget animasi tersebut.

Untuk mendapat kode tersebut anda tinggal kopi saja atau salin di blog yang sudah anda tentukan untuk memasangnya anda bisa lakukan langkah langkah berikut ini yang terdsedia dibawah . beikut cara caranya memasang Widget animasi buat blog

1. Copy script yang ingin anda munculkan animasinya
2. Login ke Blog
3. Pilih Rancangan
4. Tambah gedget
5. Pilih edit html atau script,
6. Pastekan script tadi
7. Lalu save.. “pasti akan langsung  muncul animasi yang anda pilih tadi”

selamat mencoba..

1.helicopter

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://superasah.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif"  alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

2. Ekspresi muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://superasah.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">Ekspresi</a></center></small></div>

3. Kodok mata gede

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://superasah.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

4 Spiderman

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://superasah.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

5.Pig

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

6. Muka senyum

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

7. monyet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

 8.Doraemon

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

9.Spongebob

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

10.Panda

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

11.Monyet loncat

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

12.Anime cewek

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

13.Saringgan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com//" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

14.Naruto berubah

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

15.Gajah loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">Widget-Animasi</a></center></small></div>

16. Lumba lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

17.Kucing tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://superasah.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

18.Ayam betelur

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.cakrawaladunia.com/http://superasah.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://kicau-blog.blogspot.com/2013/06/kumpulan-widget-animasi-untuk-blog-keren.html" target="_blank" title="Cara Memasang Widget Animasi">Widget</a></center></small></div>

Itulah sedikit kode kode keren, Bagiaimana menurut kalian keren bukan, untuk yang tidak berhasil bisa anda tanyakan langsung di kolom komentar semoga bermanfaat yaa, Amin.

03:55 | 7 comments | Read More

Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog

Karena Tertulis Ngeblog adalah Hobi saya jadi baca baca pada blog blog teman teman saya di dunia maya, tek sengaja saya menemukan suatu kode gatget untuk membuat sebuah Tombol like share dan lain lain anda bisa melihatnya di tempat saya yang berda disebelah kiri/kanan

Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog ini tidak jauh jauh cara nya dengan yang lainya hanyalah hasil ahkirnya yang berbeda karena yang saya berikan pasti selalu berguna buat semuanya.

Untuk mempersingkat waktu langsung saja kita ke TKP dimana kita sedang atau akan membahas Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog. Karena belum tentu kalian membacanya ‘(

 

• Login ke dasbor blog anda
• Pilih rancangan
• Pilih tambah gadget
• Pilih Html/Java script
• Copy kode Html di bawah ini

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://kicau-blog.blogspot.com/2013/06/cara-memasang-widget-share-button.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

• Pastekan di Html/ Java Script tadi
• Simpan
• Selesai

Itu lah sedikit penjelasan tentang Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog Semoga yang saya berikan bisa menjadi manfaat buat yang membutuhkan , membaca dan yang mengunjunginya , terimakasih, salam Blogger Indonesia

Editor : Arif Maulana

03:41 | 5 comments | Read More

Cara Memasang Slideshows Postingan di Blog

Salam manis buat yang membaca Kicau Blog dalam dunia blog banyak sekali kode kode maupun hal lainya yang bersangkuta satu sama lain, dalam menjalankan sebuah blog kita harus memiliki jiwa seni yang tinggi, Kenapa ? ya agar blog kita bisa kita jadikan seindah mungkin tujuanya supaya pengunjung yang dating di blog kita akan menjadi banyak pengunjung.

Dalam Postingan Kali ini Kicau Blog akan memberikan Cara Memasang Slideshows Postingan di Blog memasang Slideshows di blog bukan lah hal yang sulit apalagi anda yang sudah setiap hari nya bermain Blog atau bahasa gaulnya Blog itu sudah menjadi pasangan sehari hari “Pacar”.

Untuk membuat Slideshows di blog Berikut adalah cara caranya untuk anda memasang Slideshows pada blog Kesayangan anda.

1. Login Ke Blog Anda

2. Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru)

3. Kemudian  Klik Tambah Gadget

4. Pilih HTML/javascript

5. Kemudian Copy Kode di bawah ini, kemudian pastekan di HTML/javascript tadi. kemudian simpan/save.

<style type="text/css">

#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}

#rp_plus_img ul{list-style-type:none;margin:0;padding:0}

#rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}

#rp_plus_img li{height:85px;padding:5px;list-style:none;}

#rp_plus_img a{color:#000;}

#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}

#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://permathicblog.googlecode.com/files/Slideshow%20Postingan.js"></script>

<script type="text/javascript">

var speed = 1500;

var pause = 3500;

$(document).ready(function(){

rpnewsticker();

interval = setInterval(rpnewsticker, pause);

});

</script>

<ul id="rp_plus_img">

<script style="text/javascript">

var numposts = 5;

var numchars = 20;

</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

</ul>

Mudah bukan, Slideshows pada blog ini pun tersedia anda bisa melihatnya di bagian kanan blog disana terdapat Slideshows blog Kicau . saya juga ucapkan terima kasih untuk Permathic.blogspot.com karena sumber cara cara nya saya dapatkan dari blog tersebut. Demikian lah Cara Memasang Slideshows Postingan di Blog semoga Bermanfaat buat anda yang membaca nya dan menjadi kan Blog anda menampilkan Slideshows yang lebih keren dari Blog Kicau. Salam Blogger Indonesia

Editor : Arif Maulana

Sumber : Permathic.blogspot.com

Editor : Adi wijaya

03:28 | 2 comments | Read More