Cara Menampilkan Total Visitors Dengan Bermacam Tampilan Menarik pada Blog

Cara Menampilkan Total Visitors Dengan Bermacam Tampilan Menarik pada Blog

Berikut cara menampilkan Quick Counter pada Blog:

1. Pergi ke situs "ini"

2. Tandai tampilan total visitors sesuai dengan keinginan anda, lalu copy kode Javascriptnya yang ada pada bagian paling bawah, seperti:

3. Login ke blog anda

4. Pilih Rancangan -> Elemen Laman -> Add a Gadget -> HTML/Javascript

5. Lalu paste kode Javascript yang kita copy tadi pada bagian konten

6. Lalu simpan

Semoga bermanfaat....

Cara Menambahkan Entri Populer Menarik pada Blog

Cara Menambahkan Entri Populer Menarik pada Blog

Berikut cara menambahkan entri populer menarik pada blog:

1. Login ke blog anda

2. Pilih Rancangan -> Elemen Laman -> Add a Gadget -> HTML/Javascript

3. Copy kode berikut:

<script language='javascript'>

aBold = false;

numposts=100;

maxshowresult=10;

home_page = "http://nurrohmattriatmojo.blogspot.com/";

</script>

<script type='text/javascript'>

//<![CDATA[

var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');

//]]>

</script>

4. Ganti tulisan warna merah dengan jumlah entri yang ingin ditampilkan, sedangkan tulisan warna hijau ganti dengan nama blog kamu

5. Lalu paste pada bagian konten

6. Lalu simpan

Semoga bermanfaat....

Cara Membuat Widget Kamera CCTV pada Blog

Cara Membuat Widget Kamera CCTV pada Blog

 

Berikut langkah-langkahnya:
1. Login pada blog anda
2. Pilih "Tata Letak => Tambah Gadget => HTML/JavaScript"
3. Pastekan kode javascript berikut pada bagian konten:


<script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTQtDgXAaaSt2e4CUTFP3Ea-vVrNTQcTPK7BH9McrdGpPsOwdL8LCVKtliX2yXDQmlzgsqVSwPI2neI4LR_MLWgKguA1Eyq7GiyHOTDkiHzFEFNWsJxL7kmGi1xCthzO9UIatwHhiu_6M/s1600/cctv.gif")</script>


4. Simpan


Special thanks


Semoga bermanfaat....

Cara Membuat Widget Polling atau Voting pada Blog

Berikut langkah-langkahnya:
1. Login dahulu pada Blog anda
2. Knjungi situs "ini"
3. Isi sesuai dengan keinginan anda
4. Jika sudah, klik Creat new poll
5. Lalu klik Put this poll on your blog/website, copy Javascriptnya
6. Klik Tataletak => Tambah Gadget => HTML/JavaScript
7. Pastekan Javascriptnya tadi pada bagian konten
8. Lalu Simpan

Special Thanks: http://nurrohmattriatmojo.blogspot.com/2012/08/cara-membuat-widget-polling-atau-voting.html

Cara Menambahkan Emoticon / Smiley pada Komentar Blog

Emoticon / Smiley pada Komentar Blog.

Berikut langkah-langkahnya:

1. Login dahulu pada akun Blogger anda

2. Pilih "Template -> Edit HTML"

3. Centang Expand Template Widget

4. Cari kode ]]></b:skin> (dengan menekan Ctrl + F)

5. Paste kode berikut di atas kode tadi:

.bukarahasiasmiley {background: none repeat scroll 0 0 #82FA58 !important;font-size: small !important;padding: 5px !important;margin:auto !important;text-align: left !important;font-weight:bold !important;width:100% !important;-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;}

.bukarahasiasmiley span {padding-right: 3px !important;} 

img.brbsmly {height: auto !important;vertical-align: middle !important;width: auto !important;border:0px !important;}

6. Cari kode berikut (apabila ada dua, pilih yang kedua)

<b:if cond='data:post.embedCommentForm'>

7. Paste kode berikut dibawah kode tadi:

<div class='bukarahasiasmiley'>

<img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)  

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-}</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/> :-?</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd</span>

<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^</span>

<span><img class='brbsmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!</span>

<span><a href='http://buka-rahasia.blogspot.com'><img alt='buka rahasia' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1sN0k3EYHrhtKAkpOhQvKatOctdWbMs9EwBidL0mjWoT67bDTfty0P3qF8E27ig_m0CjDkLD14ikeH4KXYFeXR85195e6JEyIseL6OejnJaExSlnd3bAZCfoTBmn3_KhAEEVzgZt26Dv6/'/></a></span>

</div>

8. Lalu "Simpan template"

Note: Anda bisa mengubah kode warna background (#82FA58) dengan warna yang anda suka, anda bisa mencari kode warna yang anda suka "disini".

Special thanks to: http://buka-rahasia.blogspot.com/

Semoga bermanfaat....