Cara Letak Lagu Atau Muzik

Apa khabar geng lama juga aku tak beri kan tips baru untuk blog korang ,hari ni aku berikan satu tip bagaimana nak letak lagu atau musik sebagai latar belakang blog korang .Ingat lagi tak tutorial yang lalu cara letak video ,kalau korang dah cuba atau dah letak kan video ,delete dulu html yang ade video tu ,kalau tak kang bagai nak pecah lak video dengan muzik sekali jalan...

Mari Belajar (Cara Meletak Lagu)

Baik, Sekarang kita belajar cara nak letak lagu dalam blog ok!!! sebenarnya kalau nak letak lagu atau muzik dalam blog ada beberapa website yang menyedia kan perkhidmatan ini ,antara nya seperti berikut :

• http://www.itoky.com/
  
• http://www.imeem.com/
• http://www.fullmusik.co.cc/

serta banyak lagi lah kan!!! tapi kaedah nyer sama jer ok.... tapi aku nak ajar korang guna wesite ni!! http://www.fullmusik.co.cc/ so jom kita mula kan !!!

Langkah pertama :

Log in ke website ni >>> http://www.fullmusik.co.cc/ ( klik pada gambar untuk besarkan kalau kurang jelas .

Langkah dua :
Pilih lagu yang korang suka melayu , inggeris atau apa sahaja yang dipaparkan di side bar sebelah kanan website tu .

Langkah 3 :
Dapatkan HTML kod

Langkah 4 :

Klik Dashboard >>>Design >>>Add Widget dan pilih HTML

bila dah pilih itu, korang akan nampak kotak macam ni (configure HTML/JavaScript) .... macam biasa letak tajuk kan... tapi kotak tu biarkan kosong dahulu ok!! sebab kotak bawah itu korang akan letak code nyer ok...

Langkah 5 :

Dah dapat kan nya tadi paste atau tampal kan kod nya diruang seperti di atas ( atau klik diruang tu tekan
ctrl + v ) jangan lupa save kan , boleh lihat preview

berpandukan gambar yang aku bagi serta penerangan ringkas itu, korang paham ok!!! mulanya korang boleh lah pilih lagu yang korang nak!! ada lagu indon, ada lagu nasyid, ada lagu melayu & ada lagu barat!! semua korang boleh copy kalau ada yang korang nak ok!!! code yang nak di copy nya ada dalam kotak berwarna putih itu ok!!!! so code dicopy haruslah sempurna, diingatkan jangan tertinggal walaupun satu huruf ok!!! cara copy : right clik "mouse" korang, then pilik copy.... senang kan!!


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
Cara Letak Lagu Atau Muzik 

Selamat mencuba

 

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