Tutorial:Menyorokkan Shoutbox

-pergi ke dashboard>design>add gadget>html/javascript

-copy code dibawah

  

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN8yPq1xQSQ_IKCTJjC2U0y077YAOKaxiPfhkupifJhP_jgRfli8gXCUwN8dFyn5XDh8F6T_gXN5hgrfAyLET6VB6Y7ms2DN3WzdS0he4ZGXyuPPPLY9CzjfISvzCnLunnrq8Q9iEkj9iq/s320/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()">   </div> <div class="gbcontent"> MASUKKAN CODE SHOUTBOX KORANG KAT SINI <div style="text-align:right"> <a href="javascript:showHideGB()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

-ubah perkataan warna merah tersebut,kpd code shoutbox anda sendiri.
 -preview dann save 

 bagi yang tak tahu nk buat shoutbox,klik-->membuat shoutbox

credit to:anarm.net 

nampakk??warna hijaukan??.nak tukar??.sila rujuk warnawarna dibawah :P

(http://i895.photobucket.com/albums/ac155/tnhnn/pink-1.gif)

(http://i895.photobucket.com/albums/ac155/tnhnn/blck.png)

(http://i895.photobucket.com/albums/ac155/tnhnn/bloue.png)

(http://i895.photobucket.com/albums/ac155/tnhnn/cute.png)

(http://i895.photobucket.com/albums/ac155/tnhnn/pink.png)
macam mane na tukarnye??
• search perkataan berwarna biru di dalam code shoutbox td.
• gantikan perkataan berwarna biru  tersebut kpd url-url diatas atau url anda sendiri.
• preview.
• save.
• done
u

Tutorial:Memasang ikon di Tajuk Post

1.Pergi ke DASHBOARD > DESIGN > EDIT HTML > klik pada EXPAND WIDGET TEMPLATE

2.Tekan butang CTRL dan huruh F di keyboard anda.Search kod dibawah:

<a expr:href='data:post.url'><data:post.title/></a>

3.edit kod tersebut dengan meletakkan kod dibawah ini diantara kod tadi:

<img src="LinkGambar"/> 

4.Denagn itu,ia akan menjadi begini:

<a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>

5.Tukarkan perkataan yang berwarna biru dengan url gambar yang anda mahu. Gambar boleh lihat di sini atau sini 

6.Save!

 

Tutorial:Membuat Shoutbox

korang mesti dah pandai buat shoutbox kan?.

it's okay,aku buat tutorial ni setelah direquest oleh ana supaya ajar dye.

kalau yang still tak paham nak buad camne,sila baca dengan teliti,okay?

now,let's start.

kenal pasti dahulu apa itu shoutbox.tengok dikanan blog aku,ada perkataan shoutbox.klik perkataan tersebut dan keluarlah mende yang dipanggil shoutbox

1. click--->shoutmix
2. click "create shoutbox"/button kiut hitam.
3. automatiknya akan keluar kotak kotak yang perlu diisi.so,isi sampai takde yang tertinggal
4. jangan lupe klik kotak kecil yang tulis " I have read and agree to the Terms of Service." tu.
5. click continue.
6. akan keluar banyak kotak-kotak kan?
7. turun bawa sikit,anda akan jumpa dye tulis "embed code".copy jelaaaa.*tepi dye ade shoutbox putih
8. but,kalau anda nk tukar warna shoutbox anda pun boleh.
9. anda click perkataan "style and colours" di dalam kotak yang bertitle "display"*ada di ruangan tu jugak.
10. tukar apa2 yang anda nak tukar.
11. kalau nak undo,tekan kotak kecil yang bertulis "reset" dibawah.
12. kalau nak tengok,tekan "preview".
13. aku suggest ,better preview dululah,sebelum save!
14. kalau nak save,click saja button "save setting".
15. lepastu,click perkataan "back to setting"
16. copy "embed code".tapi,pastikan tepi nya ada shoutbox comell dgn warna yang anda pilih.
17. sign in blog.
18. pergi dashboard.click perkataan design.click pulak perkataan page elements.
19. then,click "add a gadget".tekan button"html/javascript".
20. pastekan code.
21. save!

kalu taak jadi,sila komen.

p/s:kalau nk shoutbox korang jadi macam aku.
maksudnya,duduk di kanan blog,klik perkataan ni----->sorok shoutbox

Tutorial:Menghias Tulisan di Blog

okey,harini dengan rela hati aku buat tutorial ringkas neh.Adik2,makcek2,sila ambikk perhatiaann.


= strike

<s>ayat anda<s>

= underline

<u>ayat anda<u>

 = bold

<b>ayat anda<b>

=scroll

<marquee>ayat anda<marquee>

Tutorial:Scroll Box

• copy kod dibawah
  
  

  
  <div style="border: 1px solid #000000; padding: 5px; overflow: auto; width: 400px; height: 370px;">TEXT here</div>

• anda boleh tukar HEIGHT(merah),WIDTH(biru), atau COLOUR(hijau),BORDER(purple)*kalau taknak border,tulis 0px jea.
• tukar perkataan yang diBOLD warna kuning kepada ayat anda sendirii.
• Paste kod diatas dimana sahaja anda mahu seperti sidebar atau post.
• donnne!

Tutorial:Memasang lagu pada sidebar blog.

Ada orang tanya macam mana nak letak lagu di sidebar.Senanggg je.

=Mula-mula pergi ke you tube.

=Search lagu yang anda suka.Contohnya laguYank daripada Wali Band.

=Tekan button "Embed"*kalau dah ada kat situ,tak payah tekan*

=Dengan automatik,akan keluar kod dan warna.

=Pilihlah warna mana yang anda suka.

=Copy kod yang dalam kotak tu.

=Pergi ke Dashboard>Design>Page Element>Add gadget>html/javascript

=Pastekan kod tadi dalam kotak yang disediakan.

=Tukarkan kedua-dua perkataan yang dibulat merah kepada "width="200" dan tukarkan kedua-dua perkataan yang dibulat oren kepada "height="25".

=Preview dan Save!