1. Tutorial Blog
Noorhayati Binti Abd Rahman
0195111864
noorhayati87@yahoo.com (FB)
www.yattpinkymaniac.blogspot.com (BLOG)
www.yattcloset.blogspot.com
Kerjasama Pusat Internet 1 Malaysia Kg Sg Senam &
Pusat Internet 1 Malaysia Belimbing Kanan

2. Log In Akaun Blogspot
Buka Link blogger.com
Klik Login
Masukkan ID dan Password

3. Cara Masukkan banyak Gambar
dalam entri Blog dengan mudah
 1. Dari dashboard anda, klik
pada 'create new post‘

4.  2. Pada paparan yang muncul, pilih mode
'compose' kemudian klik pada ikon
'gambar'.
 3. Klik pada 'Choose files‘
 4.Dari paparan yang muncul, pilih
seberapa banyak gambar yang anda ingin
masukkan, kemudian tekan 'open'

5. 5. Proses upload bermula.

6. 6. Apabila selesai, tekan 'add selected'.
Pastikan sebelum anda tekan 'add
selected' semua gambar telah dipilih.

7. 7. Selesai, itu sahaja. Mudah bukan..:)
Berapa maksimum gambar yang boleh
diletakkan.?
Tapi pastinya boleh upload banyak
sekaligus.:)

8. Website untuk download Template
Blog
 http://btemplates.com/
 http://www.ourblogtemplates.com/
 http://www.deluxetemplates.net/
 http://blogtemplate4u.com/
 http://www.bloggertemplatesfree.com/
 http://www.btheme.info/
 http://www.blogspottemplate.com/
 http://www.freebloggertemplate.org/

9.  http://www.bloggertemplateplace.com/
 Anda juga boleh mendapatkan pelbagai lagi template
untuk blog dengan hanya menggunakan fungsi search
pada google.
Tips: Anda tidak perlu risau jika anda gunakan banyak
masa untuk memilih template yang sesuai untuk anda.
Kerana itu adalah perkara biasa. Pastikan template
yang anda pilih betul-betul memenuhi citarasa anda.:)
 Selain itu laman web
www.thecutestblogontheblock.com juga boleh
digunakan untuk menukar background blog

11. Tukar Template Blog
 1. Login akaun kemudian daripada
dashboard klik layout > edit html

12. 2. Baca penerangan berdasarkan gambar di
bawah.
 1. Klik browse
2. Pilih template yang anda telah download
3. Klik open

13.  3. Apabila klik upload, paparan berikut akan
keluar, klik pada 'keep widget'
 4. Setelah selesai anda boleh view blog
anda.:)

14. Blogger template Designer

15. Rainbow Link
 1.) Copy code di bawah ini.
<script
src="https://sites.google.com/site/u
nwanted86/javascript/rainbowlink.js
" type="text/javascript">
</script>

16.  2) Buka dashboard blog anda,
kemudian pergi ke layout > page
element > add a gadget

17.  3) Cari HTML/javascript.
Kemudian apabila sudah buka,
paste code kat situ.

18. Kelopak Bunga Berguguran

<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.c
om/-
teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.bl
ogspot.com/-
3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.b
logspot.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','ra
inDiv')
.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>
<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>

19. Shoutbox yang cool untuk
blogger

20. Daftar akaun dalam CBOX

21. Disable Right Click
 Berikut adalah cara yang mudah untuk menggunakan fungsi ini.
1. Copy kod ini.
<script language=JavaScript>
<!--
//edit by unwanted
var message="Masukkan Mesej Anda Disini";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

22. Letak Facebook Like Button
1. Login akaun blogger, dari
dashboard > design > edit HTML >
expand widget templates
( backup template untuk langkah
berjaga²)
2. Menggunakan fungsi find (ctrl + F),
cari kod berikut.
<data:post.body/>

23.  3. Kemudian copy kod ini, dan paste di
bawah kod yang anda cari di langkah
2.
<iframe allowTransparency='true'
expr:src='&quot;http://www.facebook.c
om/plugins/like.php?href=&quot; +
data:post.url +
&quot;&amp;layout=standard&amp;sh
ow_faces=false&amp;width=100&amp;
action=like&amp;font=arial&amp;color
scheme=light&quot;' frameborder='0'
scrolling='no' style='border:none;

24. Buka Link Baru Apabila Klik Pada
Gambar
 Add a gadget> Image >Copy Paste link yang ingin
dimasukkan > Choose files gambar yang ingin
dipilih

25. Buat Duit dengan Nuffnang
 Daftar dalam akaun nuffnang.com
 Isi segala butir peribadi
 Copy dan Paste code yang
diberikan di dalam blog
 Perlu sentiasa kemaskini blog
untuk memastikan pihak nuffnang
berminat bagi mengiklankan di
dalam blog anda
 Setiap klik anda akan dapat duit 

26. Q&A
Sekian. Terima kasih.