Cara Buat Kursor Berbuih Bila DiGerakan

Click Here!

Dalam beberapa siri tutorial yang lalu saya ada memberikan tutorial cara untuk memasang kursor bintang berjatuhan .Tetapi kali ini adalah dalam bentuk gelembung buih yang akan naik keatas bila kursor digerakkan.

Berikut adalah cara memasangnya :
1. Log in ke akaun blogger anda

 2.   Login ke Blogger 
 3.   Klik Pada Design → Page elements
 4.    Add a Gadget → HTML/JavaScript

Salin kod /copy and paste kod di bawah ini ( klik highlight all )

<script type="text/javascript" src="https://sites.google.com/site/teknikbuatblog/tbb/kursorbuih.js"></script><script type="text/javascript"> // <![CDATA[ var colours=new Array("#695DA2", "#695DA2", "#695DA2", "#695DA2", "#695DA2"); // colours for top, right, bottom and left borders and background of bubbles var bubbles=100; // maximum number of bubbles on screen /**************************** * JavaScript Bubble Cursor * *(c) 2009 mf2fm web-design * ****************************/ var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var bubb=new Array(); var bubbx=new Array(); var bubby=new Array(); var bubbs=new Array(); window.onload=function() { if (document.getElementById) { var rats, div; for (var i=0; i<bubbles; i++) { rats=createDiv("3px", "3px"); rats.style.visibility="hidden"; div=createDiv("auto", "auto"); rats.appendChild(div); div=div.style; div.top="1px"; div.left="0px"; div.bottom="1px"; div.right="0px"; div.borderLeft="1px solid "+colours[3]; div.borderRight="1px solid "+colours[1]; div=createDiv("auto", "auto"); rats.appendChild(div); div=div.style; div.top="0px"; div.left="1px"; div.right="1px"; div.bottom="0px" div.borderTop="1px solid "+colours[0]; div.borderBottom="1px solid "+colours[2]; div=createDiv("auto", "auto"); rats.appendChild(div); div=div.style; div.left="1px"; div.right="1px"; div.bottom="1px"; div.top="1px"; div.backgroundColor=colours[4]; div.opacity=0.5; if (document.all) div.filter="alpha(opacity=50)"; document.body.appendChild(rats); bubb[i]=rats.style; } set_scroll(); set_width(); bubble(); }} function bubble() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<bubbles; c++) if (!bubby[c]) { bubb[c].left=(bubbx[c]=x)+"px"; bubb[c].top=(bubby[c]=y)+"px"; bubb[c].width="3px"; bubb[c].height="3px" bubb[c].visibility="visible"; bubbs[c]=3; break; } } for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c); setTimeout("bubble()", 40); } function update_bubb(i) { if (bubby[i]) { bubby[i]-=bubbs[i]/2+i%2; bubbx[i]+=(i%5-2)/5; if (bubby[i]>sdown && bubbx[i]>0) { if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) { bubb[i].width=bubbs[i]+"px"; bubb[i].height=bubbs[i]+"px"; } bubb[i].top=bubby[i]+"px"; bubb[i].left=bubbx[i]+"px"; } else { bubb[i].visibility="hidden"; bubby[i]=0; return; } } } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sleft; x=(e)?e.pageX:event.x+sdown; } window.onresize=set_width; function set_width() { if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (typeof(self.innerHeight)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } else { swide=800; shigh=600; } } window.onscroll=set_scroll; function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height; div.style.width=width; div.style.overflow="hidden"; return (div); } // ]]> </script>

5. Klik save dan publish post

Sehingga disini dulu perkongsian saya buat kali ini saya akan update anda apabila mendapat terdapat info terbaru

ARTICLE LAIN YANG MUNKIN ANDA MINATI

Buat blog anda sendiri

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 
Cara Pasang Butang Share Melayang
Letak Stesen Radio Dalam Blog Anda 
Cara Pasang Burung Twitter Terbang
Memasang Google Translater
Cara Pasang Face Book Like Button
Design Blog Anda Sendiri 
Tutorial Letak Kelopak Bunga Berguguran Di Blog 
Cara Buat Kursor Berbuih Bila DiGerakan

Selamat mencuba dan nantikan tutorial seterusnya dari saya
Dan jangan lupa klik +1 dibawah jika anda menyukai artikel ini

Click Here!

Tutorial Letak Kelopak Bunga Berguguran Di Blog

Click Here!

Ingin menampakkan blog anda kelihatan lebih menarik dengan objek yang berguguran selain daripada salji.?
Apa kata kalau hiaskan blog anda dengan kelopak bunga yang berguguran seperti gambar di bawah.

Tutorial yang ringkas adalah seperti berikut.

1. Sign in ke akaun blog anda  
2. Dari dashboard > design > add a gadget > HTML/javascript
3. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka(Klik Highlight All )

<br /> <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv') .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)]) .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script><br /> <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>

4. Jangan lupa safe dan lihat hasil nya
Sehingga disini dulu perkongsian saya buat kali ini saya akan update anda apabila mendapat terdapat info terbaru

ARTICLE LAIN YANG MUNKIN ANDA MINATI

Buat blog anda sendiri

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 
Cara Pasang Butang Share Melayang
Letak Stesen Radio Dalam Blog Anda 
Cara Pasang Burung Twitter Terbang
Memasang Google Translater
Cara Pasang Face Book Like Button
Design Blog Anda Sendiri 
Tutorial Letak Kelopak Bunga Berguguran Di Blog 

Selamat mencuba dan nantikan tutorial seterusnya dari saya
Dan jangan lupa klik +1 dibawah jika anda menyukai artikel ini

 

Design Blog Anda Sendiri

Blogspot memberikan kemudahan kepada pengguna bagi mereka bentuk sendiri design bagi blog.Kemudahan ini amat lah berfaedah kepada mereka yang tidak mahir kod CSS.Kalau dulu kita mungkin tercari cari tutorial dalam internet bagaimana untuk mengubah suai blog kita.Kini dengan adanya kemudahan yang disediakan oleh Blogspot ini, kita boleh mengubahnya hanya dengan menekan tetikus sahaja.

Pertama sekali anda perlu masuk ke Blogger

Kemudian pilih Design

Kemudian kelihatan aplikasi baru:Template Designer.

 klik pada Template Designer anda akan dibawa ke Blogger Template Designer.

Dibahagian ini anda akan dapat mengubahsuai blog anda dengan begitu mudah sekali.apa yang perlu anda lakukan ialah menyusun kedudukan nya mengikut kemahuan anda tanpa menghilangkan widget,bloglist dan aplikasi yang ada.Berdasarkan gambar di atas, Blogger Template Designer ini menyediakan empat aplikasi untuk kita merekabentuk blog iaitu Templates, Background, Layout dan Advanced. 

Pada bahagian Templates, kita boleh memilih jenis-jenis Templates yang disediakan. Ada empat pilihan utama dan setiap pilihan utama ada subpilihan lain. Semuanya berjumlah lebih kurang 10-16 Templates untuk dipilih.

Pada bahagian background kita boleh menukar warna latar belakang blog, atau warna tema.Anda boleh mengekalkan template yang ada,anda boleh menukar gambar latar belakang anda disini.

Selepas menukar background anda boleh pergi kebahagian Layout.Disini kita boleh menyusun atur kedudukan sidebar,column kepada 2 atau 3 column.Kita juga boleh mengubah saiz template.

Sehingga disini dulu perkongsian saya buat kali ini saya akan update anda apabila mendapat terdapat info terbaru

ARTICLE LAIN YANG MUNKIN ANDA MINATI

Buat blog anda sendiri

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 
Cara Pasang Butang Share Melayang
Letak Stesen Radio Dalam Blog Anda 
Cara Pasang Burung Twitter Terbang
Memasang Google Translater
Cara Pasang Face Book Like Button
Design Blog Anda Sendiri 

Selamat mencuba dan nantikan tutorial seterusnya dari saya
Dan jangan lupa klik +1 dibawah jika anda menyukai artikel ini

 

Cara Pasang Face Book Like Button

Butang facebook like ini fungsi nya adalah bagi memudahkan pengunjung berkongsi  artikel pada blog dengan rakan rakan di facebook.Butang ini adalah satu cara bagi meningkatkan trafik ke blog kerana facebook adalah web jaringan sosial paling popular waktu ini.Jika ingin memasang butang tersebut pada blog pada dasarnya kod boleh diambil di facebook developer dengan hanya memasukkan beberapa setting dan kod facebook like akan dihasilkan

1. Langkah membuatnya:
   Masuk ke design—pilih edit HTML
2. tandakan pada Expand template widget
3. Kemudian cari kod dibawah ini (gunakan Ctrl+F untuk memudahkan pencarian) :

         <data:postCommentMsg/>

 Copy dan paste kan kod dibawah selepas  <data:postCommentMsg/> 

*********************************************************************************

<a href='http://www.gj37765.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg6Lp76TQGWqwjrUHobuXN_TBwvCwhVZR5O8Mp56P_02k-8eObWuheihYe8VYg2KtKDv2VnQz9Md4hm6osxVb69wdBKHYZp1l0BUZ8DKx_MV-YzVkmlCkrS4-EIBZCO9uZjTLveUBxxwEX/s1600/best%252Bblogger%252Btips.png'/></a><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

**********************************************************************************

Safe Template dan Klik PUBLISH POST
Sehingga disini dulu perkongsian saya buat kali ini saya akan update anda apabila mendapat terdapat info terbaru

ARTICLE LAIN YANG MUNKIN ANDA MINATI

Buat blog anda sendiri

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 
Cara Pasang Butang Share Melayang
Letak Stesen Radio Dalam Blog Anda 
Cara Pasang Burung Twitter Terbang
Memasang Google Translater
Cara Pasang Face Book Like Button

Selamat mencuba dan nantikan tutorial seterusnya dari saya
Dan jangan lupa klik +1 dibawah jika anda menyukai artikel ini

Memasang Google Translater

Pemasangan widget Translator atau"Penterjemah" pada blog amat perlu. Translator ini berguna apabila blog kita dikunjungi secara tidak sengaja dari oleh pengunjung dari negara lain yang melihat blog kita dan tidak tahu bahasa kita ,maka mereka boleh menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan.Berikut adalah cara untuk memasukkan translator pada laman blog

1. Login ke Blogger kemudian pilih menu Layout
2. Kemudian klik pada Add Gadget
3. pilih HTML/Javascript
4. Kemudian masukkan script berikut ini kedalamnya.   

<br /> <div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'ms', includedLanguages: 'ar,zh-CN,zh-TW,nl,en,tl,fr,de,hi,id,it,ms,ru,es,th,vi' }, 'google_translate_element'); } </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Jangan Lupa Klik safe kemudian PUBLISH POST

Sehingga disini dulu perkongsian saya buat kali ini saya akan update anda apabila mendapat terdapat info terbaru

ARTICLE LAIN YANG MUNKIN ANDA MINATI

Buat blog anda sendiri

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 
Cara Pasang Butang Share Melayang
Letak Stesen Radio Dalam Blog Anda 
Cara Pasang Burung Twitter Terbang
Memasang Google Translater

Selamat mencuba dan nantikan tutorial seterusnya dari saya
Dan jangan lupa klik +1 dibawah jika anda menyukai artikel ini

Cara Pasang Burung Twitter Terbang

Twitter adalah salah satu cara bagi mempromosi blog kita.Terdapat berbagai widget twitter,plugin dan sebagai boleh diletakkan pada blog.Tutorial Kali ini pula adalah cara memasang burung twitter yang berterbangan disekeliling blog

CARA MEMASANG NYA

MASUK KEDESIGN - PAGE ELEMENT

ADD GADGET - HTML/JAVASCRIPT

Dan letak kan Kod dibawah ini 

Pasti kan anda tukar kan dengan username Twitter anda diruang - twitterAccount = "username twitter anda";

<script src="https://sites.google.com/site/teknikbuatblog/tbb/burungtwitter.js?attredirects=0&d=1" type="text/javascript"> </script><br /> <script type="text/javascript"> var twitterAccount = "username twitter anda"; var tweetThisText = " <data:blog.pageTitle/> ~ <data:blog.Url/> "; tripleflapInit(); </script>

Sehingga disini dulu perkongsian saya buat kali ini saya akan update anda apabila mendapat terdapat info terbaru

ARTICLE LAIN YANG MUNKIN ANDA MINATI

Buat blog anda sendiri

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 
Cara Pasang Butang Share Melayang
Letak Stesen Radio Dalam Blog Anda 
Cara Pasang Burung Twitter Terbang

Selamat mencuba dan nantikan tutorial seterusnya dari saya
Dan jangan lupa klik +1 dibawah jika anda menyukai artikel ini

 

Letak Stesen Radio Dalam Blog Anda

Atas pemintaan beberapa follower.. hari ini aku ajar korang cara meletakan radio dalam blog dan website korang sendiri.. korang boleh pilih radio online yang korang minat.. dan korang boleh juga pilih radio yang auto play atau radio yang perlu tekan play untuk mendengar radio... kalau ada masa lain.. aku ajar tutorial letak tv online dalam blog. atau kalau aku terjumpa letak panggung wayang pulak dalam blog korang he...he.. he..wokay...ikuti tutorial nya dan selamat berhibur .

Step masukkan radio dalam blog

1) Sign in akaun blogger

2) Klik Layout dekat dashboard

3) Klik add gadget.

4) klik add HTML/Java script.

5) Letak code RADIO WIDGET

6) Save

PERHATIAN!!
sesetengah radio dan tv..anda perlu install plugin terlebih dahulu untuk mendengar:
KLIK PLUGIN RADIO & TV ONLINE

WIDGET RADIO ONLINE

Autoplay

<embed name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://127.0.0.1:6498/ms2/1077783029159

PERLU TEKAN PLAY UNTUN MENDENGAR RADIO

<embed name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://127.0.0.1:6498/ms2/1077783029159

SINAR.FM

Autoplay 

<embed name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="mms://rs5.radiostreamer.com/amp_sinar" type="application/x-

Sehingga disini dulu perkongsian saya buat kali ini saya akan update anda apabila mendapat terdapat info terbaru

ARTICLE LAIN YANG MUNKIN ANDA MINATI

Buat blog anda sendiri

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 

Cara Pasang Butang Share Melayang
Letak Stesen Radio Dalam Blog Anda 

Selamat mencuba dan nantikan tutorial seterusnya dari saya
Dan jangan lupa klik +1 dibawah jika anda menyukai artikel ini

Cara Pasang Butang Share Melayang

Butang share ini adalah seperti butang share yang lain yang mana kebiasaannya diletakkan dibawah atau pun diatas posting .

Butang melayang ini  ikut bergerak jika kita melakukan scroll pada blog.Oleh kerana ia bergerak keberangkalian pengunjung untuk klik butang tersebut adalah lebih besar kerana lebih mudah untuk mencapainya .Mengandungi butang untuk google plus, facebook dan juga twitter.

Berikut adalah cara cara bagi pemasangannya:

1.Masuk ke dashboard-Klik design--- Page elements

2.Pilih ---Add a gadget

3.HTML/ Javascript

4.Masukkan kod dibawah ini:

<style type="text/css"> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*bs-fsmsb*/-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><br /> <div id="pageshare" title="Share to Your Friends"><div style="clear: both; font-size: 16px; text-align: center;"></div><div class="sbutton" id="gplusone"><script src="https://apis.google.com/js/plusone.js" type="text/javascript"> </script><br /> <g:plusone size="tall"></g:plusone></div><div class="sbutton" id="fb"><a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"> </script></div><div class="sbutton" id="rt"><script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"> </script></div></div>

5.Klik pada butang save

Artikel lain yang munkin anda diminati

Buat blog anda sendiri

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 

Cara Pasang Butang Share Melayang

Selamat mencuba dan nantikan tutorial seterusnya dari saya
Dan jangan lupa klik +1 dibawah jika anda menyukai artikel ini

Pasang Butang Google + 1

Google telah telah mengeluarkan butang alternatif kepada Facebook dan tweeter yang dipanggil +1.Jika anda suka dengan sesuatu artikel yang dibaca pada blog atau web anda boleh klik butang tersebut.Klikkan pada butang tersebut membolehkan artikel tersebut mudah dijumpai ketika membuat carian pada google.Butang ini berkesan pada carian search engine kerana ia akan mengira jumlah +1 yang ada.Kiraan ini boleh dilihat jika kita memasuki laman google webmaster tools.

Cara memasangnya.

1.Masuk ke dashboard blogger>Design > Edit HTML
2.Klik pada ‘Expand widget Templates’.
3.Cari kod   </head> dan letakkan dibawah ini diatasnya:

*****************************************************************************

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>
*****************************************************************************
4.cari kod <data:post.body/> dan letak seterusnya ini dibawahnya:
*****************************************************************************
<div>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>
*****************************************************************************
Size pada kod selain dari standard boleh ditukar kepada small,medium atau tall

5.Kemudian simpan template anda untuk saksikan tampilan butang tersebut.
Nantikan tutorial seterus nya dari saya dan KLIK +1 Dibawah Jika anda menyukai artikel ini


ARTIKEL LAIN YANG MUNKIN ANDA MINATI

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 

Ucapan Kepada Pengunjung Bila Meninggalkan Blog

Kedatangan pengunjung ke blog kita merupakan sesuatu yang diharapkan para blogger.Sebagai menghargainya, bolehlah kita letakkan ucapan  yang akan terpapar bila pengunjung hendak meninggalkan blog kita

Dibawah ini adalah cara membuatnya.

Masuk kedesign terlebih dahulu-Klik pada edit Html 

dan cari kod </head> pada template

Kemudian masukkan kod dibawah ini selepas kod </head>
 ******************************************************************************
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39; Terima Kasih kerana berkunjung,sila datang lagi.. &#39;);
}
parent.window.onunload=goodbye;
</script>
********************************************************************************

Gantikan teks berwarna hijau dengan teks yang anda inginkan
Dan seterusnya  klik save template. 

*** Nanti kan tutorial seterus nya dari saya

KLIK +1 JIKA ANDA SUKA KAN ARTIKEL INI SEBAGAI KREDIT KEPADA SAYA He....he....he...

Membuat Ucapan Selamat Datang Pada Blog

Mungkin anda pernah jumpa blog yang mana muncul paparan selamat datang atau welcome screen.kita perlu klik pada paparan nya sebelum masuk ke blog..Jika anda berminat membuatnya ikuti langkah dibawah ini:

Masuk ke design>>Page elements

Add A gadget

Html/Javascript

Dan masukkan kod ini pada nya.

<script type='text/javascript'> alert("Selamat datang , Jangan lupa komen ya..")</script> 
# gantikan perkataan yang diingini pada teks berwarna merah

kemudian jgn lupa klik pada save...:)


Selamat mencuba .
* Tunggu tutorial dan tips seterus nya dari saya dan sebagai credit join group saya dan klik like FACE BOOK saya okaay .

KLIK +1 JIKA ANDA SUKA KAN ARTIKEL INI