Tutorial - Membuat Search Engine Pada Blog

Tentu anda sudah tahu apa itu Search Engine Search Engine tidak boleh dipisahkan dalam dunia internet. Dengan Search Engine kita boleh mencari tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita masukkan Berikut adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah:

1. Login ke blogger klik Design,pilih page elements >kemudian pilih Add Gadget Untuk dashboard blogger baru - klik pada layout dan pilih add a gadget

2. kemudian paparan Add a gadget muncul-pilih basic.Dalam senarai tersebut pilih HTML/Javascript

PILIH HTML/JavaScript
 

Kemudian copy/paste script/kod berikut ini di dalam ruangan content.

<form action="http://projekmaya.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti http://projekmaya.blogspot.com dengan nama blog Anda. Angka 30 menunjukkan panjang kotak (text box)search tersebut>kemudian jangan lupa klik butang save .

ARTIKEL LAIN YANG MUNKIN ANDA MINATI

Blogger Tips N Tricks Tutorial - Meletak Burung Twitter Berterbangan Tutorial - Cara Buat kursor Berbuih Tutorial - Letak Borang Tempahan Tutorial - Letak Video Ke Blog Anda Tutorial - Membuat Texts Bergerak Pada Title Bar Tutorial - Membina Fanpages Dan Letak Butang Plugin Like Tutorial - Membuat Teks Berjalan (marquee) Tutorial - Cara Membuat Link Berkelip Disertai Dengan Kerlipan Bintang Tutorial - Meletakan Efek Bintang Bertaburan ( Bila Kursor Digerakan ) Tutorial - Meletak Efek Salji Berguguran Tutorial - Design Blog Anda Torial - Ubah Setting Blog Anda Teknik Bina Blog Anda Tutorial - Membuat Teks Berkelip/Blink

Tutorial - Membuat Teks Berkelip/Blink

Tulisan yang berkelip pada blog banyak digunakan bagi menarik minat pengunjung untuk melihat dan klik link pada tulisan tersebut.Cara nya amat mudah cuma letakkan kod blink pada depan dan belakang teks yang hendak

contohnya:
Jika hendak melatak blink pada teks cuma tambahkan kod blink didepan dan belakang seperti contoh dibawah:

<blink> TULISAN BERKELIP</blink>

kod mesti rapat,Jika ada ruang kosong antara tanda < > dengan blink  ia tidak berfungsi
HASILNYA:

TULISAN BERKELIP

ARTIKEL LAIN YANG MUNKIN ANDA MINATI

Blogger Tips N Tricks Tutorial - Meletak Burung Twitter Berterbangan Tutorial - Cara Buat kursor Berbuih Tutorial - Letak Borang Tempahan Tutorial - Letak Video Ke Blog Anda Tutorial - Membuat Texts Bergerak Pada Title Bar Tutorial - Membina Fanpages Dan Letak Butang Plugin Like Tutorial - Membuat Teks Berjalan (marquee) Tutorial - Cara Membuat Link Berkelip Disertai Dengan Kerlipan Bintang Tutorial - Meletakan Efek Bintang Bertaburan ( Bila Kursor Digerakan ) Tutorial - Meletak Efek Salji Berguguran Tutorial - Design Blog Anda Torial - Ubah Setting Blog Anda Teknik Bina Blog Anda

Selamat Mencuba 

Tutorial - Meletak Burung Twitter Berterbangan

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 memasangnya:
Masuk kedesign-Page elements
Add a Gadget-HTML/Javascript
dan letakkan kod dibawah ini

Klik Highlight All dan paste kan kod tersebut di Note Pad ,jangan lupa tukar username dengan Username akaun twitter anda terlebih dahulu .

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

ARTIKEL LAIN YANG MUNKIN ANDA MINATI

Tutorial Blog Tutorial - Cara Buat kursor Berbuih Tutorial - Letak Borang Tempahan Tutorial - Letak Video Ke Blog Anda Tutorial - Membuat Texts Bergerak Pada Title Bar Tutorial - Membina Fanpages Dan Letak Butang Plugin Like Tutorial - Membuat Teks Berjalan (marquee) Tutorial - Cara Membuat Link Berkelip Disertai Dengan Kerlipan Bintang Tutorial - Meletakan Efek Bintang Bertaburan ( Bila Kursor Digerakan ) Tutorial - Meletak Efek Salji Berguguran

Tutorial - Cara Buat kursor Berbuih

Kursor ini seakan akan sama dengan kursor bintang berjatuhan sebelum ini,tetapi kali ini adalah dalam bentuk gelembung buih yang akan naik keatas bila kursor digerakkan.

Cara memasangnya:
1.Log in ke blogger terlebih dahulu
2.Pilih design...pilih Layout

3.Kemudian Klik Add Gadget

4.Langkah seterus nya pilih HTML/Java Script dan klik Highlight All kod di bawah copy dan paste kan kod tersebut dan lihat hasil nya .

<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>

ARTIKEL LAIN YANG MUNKIN ANDA MINATI

SENARAI BLOG TIPS Teknik Membina Blog Tutorial-Design Blog Anda Tutorial - Ubah Setting Blog Anda Tutorial-Meletak Efek Salji Berguguran Tutorial-Meletakan Efek Bintang Bertaburan ( Bila Kursor Digerakan ) Tutorial - Cara Membuat Link Berkelip Disertai Dengan Kerlipan Bintang Tutorial - Membuat Teks Berjalan (marquee) Tutorial - Membina Fanpages Dan Letak Butang Plugin Like Tutorial - Membuat Texts Bergerak Pada Title Bar Tutorial - Letak Borang Tempahan

Semoga perkongsian ini dapat anda manfaat kan

Tutorial - Letak Borang Tempahan

Dunia perniagaan secara online berkembang dengan pesat,mempunyai satu laman web atau blog perniagaan adalah perlu bagi peniaga memperkenalkan jualan masing masing.Borang tempahan adalah suatu kemestian bagi sesuatu blog atau web perniagaan bagi membolehkan pelanggan memesan sesuatu barangan.Untuk tutorial kali ini saya akan tunjukan cara membuat borang tempahan yang membolehkan pelanggan memesan barangan dari laman blog perniagaan anda .

Terdapat banyak laman web yang menyediakan borang tempahan secara online.Salah satunya adalah laman web response-o-matic.com.

Langkah bagimembuatnya:

1.Masuk ke web response-o-matic.com
2.Klik pada get started….

3.Isikan form signup yang muncul,isikan ruangan nama,email dan password dan klik sign up, paparan untuk sign in akan muncul jika anda telah berjaya mencipta akaun dengan response-o-matic.com.

4.Sebelum anda boleh membuat borang pesanan anda sendiri pasti kan anda mengesah kan permohonan anda terlebih dahulu .Buka email anda untuk pengesahan pendaftaran, masukkan email dan password tadi untuk log in

5.Selepas pengesahan email anda akan dibawa kepaparan bag imencipta form.Terdapat ruangan nama dan email(boleh dipinda dengan mengklik pada edit),klik pada add question untuk menambah butiran yang diperlukan pada form,bila dah siap klik pada continue.

6.Kemudian muncul option untuk form yang akan anda buat.Yang bertanda upgrade adalah option yang perlu anda bayar jika hendak menggunakannya.Pada bahagian ini masukkan butiran pada email & sms
notifications supaya bila ada tempahan anda akan menerima email,kemudian klik continue.
7.Paparan kod html akan muncul,salin kesemua kod ini.

8.Log in ke blog anda
9.Klik pada pages dan pilih new page….blank page
10.Masuk kan nama pages sebagai borang tempahan dan pastekan kod yang disalin tadi pada ruangan posting.Kemudian klik pada publish.
ublish.

Pada pages akan keluar senarai page yang telah dibuat tadi

Tentunya bagi laman web atau blog perniagaan anda perlu membuat pages(halaman) seperti senarai produk,borang tempahan,hubungi saya dsb.Anda perlu buat langkah bermula pada langkah ke 9 untuk membuat halaman(page) yang berasingan.Pada pages terdapat tiga pilihan iaitu:

Nama :
Alamat :
No Talipon
Alamat Email Sah :
Pilih Tarikh Anda	29 dan 30 December 2012 5 dan 6 January 2013 12 dan 13 January 2013 19 dan 20 January 2013 26 dan 27 January 2013

Click here to create your own form. Top tabs ----tab navigasi berada diatas
Side links ----tab navigasi akan berada ditepi blog
Don’t show---jika anda ingin membuat link dengan butang link tersendiri.Anda perlu buka page dan ambil link yang terpapar pada ruangan search dibrowser.

Sebelum ini juga ada posting tentang membuat pages dan anda boleh rujuk disini.
Selamat mencuba …:

ARTIKEL LAIN YANG MUNKIN ANDA MINATI

SENARAI BLOG TIPS Teknik Membina Blog Tutorial-Design Blog Anda Torial - Ubah Setting Blog Anda Tutorial-Meletak Efek Salji Berguguran Tutorial-Meletakan Efek Bintang Bertaburan ( Bila Kursor Digerakan ) Tutorial - Cara Membuat Link Berkelip Disertai Dengan Kerlipan Bintang Tutorial - Membuat Teks Berjalan (marquee)> Tutorial - Membina Fanpages Dan Letak Butang Plugin Like Tutorial - Membuat Texts Bergerak Pada Title Bar

Tutorial - Membuat Texts Bergerak Pada Title Bar

Mungkin sebelum ini anda pernah melihat teks yang bergerak pada title bar di browser ( seperti yang terdapat di blog saya ) Jika anda ingin meletakkan pada blog anda ; berikut adalah cara untuk membuatnya:

Highligh script dibawah ini dan paste kan dalam NOTEPAD

<script language='JavaScript'> var txt="<b>Mesej Anda</b>"; var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </SCRIPT>

Sesudah anda paste kan ke NOTE PAD Tukar kan perkataan " Mesej Anda" Cth " Selamat datang ke blog saya "

Kat mana nak dapat kan NOTEPAD ni ???

Disudut bawah sebelah kira komputer anda klik Icon ini

Kemudian taip kan note diruang search programs and files - klik 

    * Log in ke dashboard ,klik pada Design dan disudut sebelah kiri pilih Template

Kemudian Klik pada Edit HTML

Langkah seterus nya klik proceed

Klik pada Expand Widget Template

* Pada template cari kod </head>
    *Letakkan skrip tadi sebelum </head>
  

Kemudian Save dan lihat hasilnya.

Selamat Mencuba Ikhlas Dari

Tutorial - Membina Fanpages Dan Letak Butang Plugin Like

FACEBOOK adalah rangkaian media sosial yang paling pantas berkembang pada masa kini dan dianggarkan hampir separuh daripada pengguna Internet dunia mempunyai akaun Facebook. Setiap hari beribu-ribu pengguna baru mendaftarkan diri untuk menggunakannya .

Pada saat artikel ini ditulis, terdapat 12,268,300 penduduk Malaysia yang mempunyai akaun Facebook iaitu hampir separuh daripada jumlah penduduk dan nombor itu juga mewakili 70 peratus daripada populasi dalam talian Malaysia.

Facebook like page adalah satu jaringan sosial yang penting bagi meningkatkan populariti  sesuatu blog atau web site.Pemasangan facebook like box pada blog akan membolehkan pengunjung mengklik like jika suka dengan FB Page  anda .

Jom kita mula kan membina Facebook fanpages kita .

1. Langkah pertama log in ke akaun facebook anda atau anda boleh terus klik di link ini http://www.facebook.com/pages/create.php .

2. Pada senarai menu sebelah kiri terdapat pages----create a page Pilih kategori perniagaan anda sama ada a) Local businessor place atau b) Brand or Product

3. Pilih website dari senarai option dan namakan page yang anda inginkan pada  brand or product name

4. Tandakan pada I agree with facebook page terms dan klik pada get started

5. Kemudian anda akan dibawa ke paparan setup page anda

6. Pada profile picture anda boleh masukkan imej untuk page anda

7. Kemudian pada about masukkan keterangan berkenaan page anda (Boleh juga skip pada bahagian ini kerana anda boleh memasukkan kemudian pada page anda)

8. Kemudian dapatkan dan salin url page anda pada ruangan url dibrowser.

Langkah seterusnya ada lah untuk meletakan kan Facebook like plugin

 Cara membuat like box

Masuk ke halaman berikut http://developers.facebook.com/docs/reference/plugins/like-box/

Paparan sebegini akan dipaparkan kan ,dan disebelah kanan adalah priview fan page anda 

Setting pada Facebook Like Box:

~ Facebook Page url: Masukkan url page anda disini
~ Width: Lebar like box
~ Color scheme: pilihan warna terang atau gelap
~ Show Faces: Jika anda ingin menampilkan imej profail bagi facebook
~ Border color: Masukkan  kod warna jika ingin meletak border atau kosongkan untuk transparent
~ Show stream: Jika ingin memaparkan posting terakhir anda.
~ Show header: akan memaparkan tulisan header "Find Us on Facebook". Preview akan terpapar di sebelah kanan form setelah disikan.
~ Klik pada get code (salin kod likebox anda disini)
~ Paparan kod akan keluar terdapat kod dalam kategori HTML5,XFBML,
  IFRAME dan URL . ( Salin kod  pada IFRAME )

Memasukkan widget pada blog  

Kemudian masuk kedash board blog anda:
Bagi dashboard baru Pilih Layout….Add a gadget ..HTML/Javascript

Bagi dashboard lama  Pilih design…page elements…add a gadget Dan masukkan kod facebook like anda disini dan klik save ,

Masuk kan kod iframe seperti ini :

Nah Facebook page anda yang dilengkapi dengan butang like sudah siap ,mula kan mengumpul peminat anda dengan membuat posting yang menarik # Semoga perkonsian ini dapat membantu anda . 

Selamat mencuba 

ARTIKEL LAIN YANG MUNKIN ANDA MINATI

SENARAI BLOG TIPS Teknik Membina Blog Tutorial-Design Blog Anda Torial - Ubah Setting Blog Anda Tutorial-Meletak Efek Salji Berguguran Tutorial-Meletakan Efek Bintang Bertaburan ( Bila Kursor Digerakan ) Tutorial - Cara Membuat Link Berkelip Disertai Dengan Kerlipan Bintang Tutorial - Membuat Teks Berjalan (marquee)> Tutorial - Membina Fanpages Dan Letak Butang Plugin Like Tutorial - Membuat Texts Bergerak Pada Title Bar

 

 

Tutorial - Membuat Teks Berjalan (marquee)

Tutorial dan Tip kali ini ada lah mengenai marquee text pada blog. untuk membuat teks bergerak ke kiri ,kekanan dan sebagai nya .

Untuk meletakkan marquee contohnya pada sidebar:
Masuk kedesign-pilih Page Elements
Add A gadget--Javascript
masukkan kod yang salin padanya dan save.

Sekira nya anda ingin meletakan nya di ruangan posting = Klik HTML paste kan kemudian klik Compose ( jangan lupa Save ) 

Berikut adalah kod yang kita gunakan:

<marquee>Taip kan mesej yang anda ingin sampai kan disini</marquee>

Taip kan mesej yang anda ingin sampai kan disini
 

Marquee yang biasa (standard) bergerak dari kanan ke kiri,kita boleh mengubahnya kepada beberapa bentuk gerakan dan keadaan dengan tambahan kod seperti dibawah :

bgcolor = warna latar belakang
direction = arah gerakan (left,right,up.down)
behavior = karekter pergerakan (scroll,slide,alternate)
scroll( teks berputar)
slide (teks bergerak sekali dan berhenti)
alternate (teks bergerak dari kiri ke kanan dan berpatah balik)
Title = perkataan muncul semasa mouse berada di atas teks
Scrollamount = meletak kecepatan gerakan
Scrolldelay = mengatur tempoh masa
Loop = mengatur jumlah

Dari arah kiri ke kanan

<marquee direction="right" >Taipkan mesej anda disini</marquee

Taipkan mesej anda disini
 
Arah kiri dan kekanan kemudian berpatah balik

<marquee behavior="alternate" >Taip kan mesej anda disini</marquee>

Taip kan mesej anda disini

Dari kiri ke kanan dengan tempoh masa "10"

<marquee direction="right" scrollamount="10" >Taipkan mesej anda disini0</marquee>

Taipkan mesej anda disini

Halakan pointer mouse pada teks dan ia berhenti

<marquee behavior="alternate" onmouseover="this.start()" onmouseout="this.stop()">arahkankan mouse pada teks,berhenti</marquee>   arahkankan mouse pada teks,berhenti

Selamat Mencuba Ikhlas Dari

 

Tutorial - Cara Membuat Link Berkelip Disertai Dengan Kerlipan Bintang

Cara ini membolehkan link berkelip bila dihalakan cursor padanya.Disamping berkelip ia kan mengeluarkan kerlipan bintang disekeliling.Tidak menggunakan javascript,hanya gabungan css dan imej sahaja.Contohnya boleh dilihat pada blog ini.Kalau berminat hendak membuatnya,berikut adalah langkahnya :

Klik pada Design
Edit HTML
Cari kod : </head>

Tekan Ctrl + F Salin Kod </head> dan paste kan untuk memudahkan anda

Dan letak kod ini diatasnya :

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWrfAPpYtQEJgLyEcn5R654R1-2S3HzVSi2lO9HAwxmvDPMJC0umMx6l41PArAkHcgecntruE7xqHGz6IgGMQGlhcxUsLw_OPyhm0JAcHC39eKZvrL9wybhyphenhyphenkk-5A2yu5lAKWNmX_gt9M/s1600/blink.gif); }
</style>

Atau gunakan yang dibawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbRQAMHdn6FUV-HySX-D-0e8gXdCl56T29-zI0bsHgtTt1bO12XuOpKsC0KV2LD7fmUjG6tw1NQn0uYdHp7J3gfP7h5FgqiPbb0A31TEBQ_X5PuhRKk4GftKQdfscPma3w4Ev6UhEpuAU/s1600/str4.gif  ( Cuma tukarkan tulisan merah pada diatas dengan url bagi kerlipan seperti diatas )
# sesuai hanya untuk template berwarna gelap.

Hasil nya akan jadi seperti ini 

Simpan template…selesai..

Selamat Mencuba Ikhlas Dari 

Tutorial-Meletakan Efek Bintang Bertaburan ( Bila Kursor Digerakan )

Dalam tutorial sebelum ini saya telah memuatkan artikel  berkenaan cara meletakan efek salji berguguran pada blog.Kali ini pula seakan akan sama juga iaitu meletakkan efek bintang bertaburan apabila kursor di gerakan .Seperti juga efek salji ,efek bintang bertaburan ini terdapat dalam lima warna ; hitam, hijau, merah, putih dan kuning .

Jom kita mula kan - Berikut adalah cara memasangnya :

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

Kemudian pilih warna yang dingini pada  kod berikut :

Kod untuk efek bintang bertaburan warna - HITAM

<script src="https://sites.google.com/site/projekmaya/tbb/black_star.js" type="text/javascript"></script>

Kod untuk efek bintang bertaburan warna - HIJAU

<script src="https://sites.google.com/site/projekmaya/tbb/green_star.js" type="text/javascript"></script>

Kod untuk efek bintang bertaburan warna - MERAH

<script src="https://sites.google.com/site/projekmaya/tbb/red_star.js" type="text/javascript"></script>

Kod untuk efek bintang bertaburan warna - PUTIH

<script src="https://sites.google.com/site/projekmaya/tbb/white_star.js" type="text/javascript"></script>

Kod untuk efek bintang bertaburan warna - KUNING

<script src="https://sites.google.com/site/projekmaya/tbb/yellow_star.js" type="text/javascript"></script>

Setelah memasukkan kodnya,klik pada save untuk melihat hasilnya , Selamat Mencuba

Ikhlas daripada 

Tutorial-Meletak Efek Salji Berguguran

Tutorial kali ini ada lah cara meletak kan efek salji berguguran di blog anda agar nampak lebih menarik

Ada lima warna yang menarik 

Langkah langkah membuatnya :
1.Login ke dashboard --- page element
2.Add a gadget --- HTMLjavascript
3.Masukkan kod berikut padanya :

Kod untuk salji warna Merah

<script type="text/javascript" src=" https://sites.google.com/site/teknikbuatblog/tbb/saljimerah.js"></script>

Kod untuk salji warna Biru

<script type="text/javascript" src=" https://sites.google.com/site/projekmaya/tbb/saljibiru.js"></script>

Kod untuk salji warna Unggu 

<script type="text/javascript" src=" https://sites.google.com/site/projekmaya/tbb/saljipurple.js"></script>

Kod untuk salji warna Hitam

<script type="text/javascript" src="https://sites.google.com/site/projekmaya/tbb/saljihitam.js"></script>

Kod untuk salji warna Putih

<script type="text/javascript" src=" https://sites.google.com/site/projekmaya/tbb/saljiputih.js"></script>

4.Setelah berpuas hati klik pada save 

Selamat Mencuba Ikhlas dari

Tutorial-Design Blog Anda

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 pilih customise.

Kemudian muncul paparan 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.

Selamat Mencuba

Ikhlas dari

.

Torial - Ubah Setting Blog Anda

Blogger Tips kali ini adalah tutorial untuk mengubah beberapa ‘setting’ agar blog kita boleh di kesan oleh enjin pencari seperti Google,yahoo, Msn dan sebagainya. Berikut adalah panduan kepada mereka yang baru membina blog:

1.Klik Setting, dan kemudian klik Basic. Beberapa form yang harus di isi pada menu Formatting:

Title ⇒ isi dengan tajuk blog anda. Contoh : bina blog dengan blogspot.

Description⇒ isi pengenalan tentang blog anda. Contoh : teknik membuat blog dengan blogspot.

Add your blog to our listings? ⇒ pilih Yes agar setiap posting kita selalu masuk di daftar Blogger.com.

Let search engines find your blog? ⇒ pilih Yes.

Show Quick Editing on your Blog?⇒ pilih Yes.

Show Email Post links?⇒ Sebaiknya pilih yes, tetapi jika anda memilih no tidak mengapa.

Adult Content?⇒ Pilih No. Jika pilih yes bererti blog anda di anggap blog untuk dewasa.

Show Compose Mode for all your blogs?⇒ pilih Yes.

Enable transliteration?? ⇒ pilih Disable.

Klik butang Simpan Pengaturan . Selesai.


2. Klik Publishing untuk mengubah menu Publishing :

Blog*Spot Address⇒ isi dengan nama blog anda. Contoh : teknikbuatblog.blogspot.com.

Klik Save Setting. Selesai


3. Klik Formatting untuk mengubah menu Formatting :

Show ⇒ pilih angka posting yang ingin anda tampilkan. Contoh : Show : 8 posting.Ini bermakna posting yang akan tampil di halaman blog anda adalah sebanyak 8 posting. Pilih posts on the main page pada menu pulldown.

Date Header Format⇒ pilih format yang mana anda minat, Format Date Header Format ini akan muncul diatas posting anda nanti.

Archive Index Date Format⇒ pilih format yang mana anda minat.
Timestamp Format⇒ Pilih format waktu yang mana anda minat.

Time Zone⇒ Pilih zon waktu yang sesuai. Contoh [GMT+08:00]Kuala Lumpur.

Language ⇒ Pilih format bahasa yang anda minat.
Convert line breaks⇒ Pilih Yes.

Show Title field⇒ pilih Yes.

Enable float alignment⇒ pilih Yes.

Klik Save Setting. Selesai.


4. Klik Comment untuk mengubah menu Comment :

Comment ⇒ pilih show agar artikel anda dapat di komen oleh pengunjung.

Who Can Comment?? ⇒ Pilih Anyone - includes Anonymous Users. Bermaksud setiap orang boleh membuat komen pada posting anda.

Comments Default for Posts⇒ pilih New Posts Have Comments.

Backlinks⇒ Pilih show. Ini bermaksud anda mengetahui apabila ada yang membina link pada artikel anda.

Backlinks Default for Posts⇒ pilih New Posts Have Backlinks.

Comments Timestamp Format⇒ pilih format waktu yang mana anda minat.


saya masih dalam proses update tutorial mengikut dahboard baru blogger.....harap maaf

Teknik Bina Blog Anda

Membuat blog cukup mudah sebenarnya.Boleh sambil buat sambil belajar.Yang penting kemahuan mesti ada.Banyak sumber sumber yang kita boleh perolehi untuk mempelajari blog.Untuk mencipta blog anda mestilah mempunyai akaun dengan blogger di.blogger.com.

Mulakan Langkah Anda Untuk Membina Blog:
1.Klik pada sign up jika belum ada akaun gmail
2.Isikan butir butir dalam form  yang disediakan  dan klik pada next step
3.Anda akan dibawa ke langkah ke2 iaitu create your profile dan klik ke next step

4.Langkah ke 3..you all set anda Berjaya membuat akaun blogger.klik back to blogger untuk confirm profile anda.

5.Klik back to blogger

6.Anda dibawa ke dashboard blogger..klik pada new blog

7. Masukkan tajuk blog dan alamat blog anda dan pilih template yang dikehendakki.Kemudian  klik create blog

8.Anda dibawa kembali ke dashboard…klik pada start posting

9.Masukkan tajuk artikel pada title …taipkan artikel pada ruangan yang disediakan dan klik publish untuk memaparkan posting anda.

NOTA :Bagi anda yang sudah mempunyai akaun gmail,anda boleh sign ke blogger dan anda bermula dengan langkah yang keenam

ARTIKEL LAIN YANG MUNKIN ANDA MINATI

SENARAI BLOG TIPS Teknik Membina Blog Tutorial-Design Blog Anda Torial - Ubah Setting Blog Anda Tutorial-Meletak Efek Salji Berguguran Tutorial-Meletakan Efek Bintang Bertaburan ( Bila Kursor Digerakan ) Tutorial - Cara Membuat Link Berkelip Disertai Dengan Kerlipan Bintang Tutorial - Membuat Teks Berjalan (marquee)> Tutorial - Membina Fanpages Dan Letak Butang Plugin Like Tutorial - Membuat Texts Bergerak Pada Title Bar