Tutorial Blog          Noorhayati Binti Abd Rahman                  0195111864         noorhayati87@yahoo.com (FB)    www....
Log In Akaun BlogspotBuka Link blogger.comKlik LoginMasukkan ID dan Password
Cara Masukkan banyak Gambar  dalam entri Blog dengan mudah 1. Dari dashboard anda, klik pada create new post‘
 2. Pada paparan yang muncul, pilih mode  compose kemudian klik pada ikon  gambar. 3. Klik pada Choose files‘ 4.Dari pa...
5. Proses upload bermula.
6. Apabila selesai, tekan add selected. Pastikan sebelum anda tekan add selected semua gambar telah dipilih.
7. Selesai, itu sahaja. Mudah bukan..:) Berapa maksimum gambar yang boleh diletakkan.? Tapi pastinya boleh upload banyak s...
Website untuk download Template                 Blog http://btemplates.com/ http://www.ourblogtemplates.com/ http://www...
 http://www.bloggertemplateplace.com/ Anda juga boleh mendapatkan pelbagai lagi template untuk blog dengan hanya menggun...
Tukar Template Blog 1. Login akaun kemudian daripada dashboard klik layout > edit html
2. Baca penerangan berdasarkan gambar di bawah. 1. Klik browse 2. Pilih template yang anda telah download 3. Klik open
 3. Apabila klik upload, paparan berikut akan keluar, klik pada keep widget 4. Setelah selesai anda boleh view blog anda...
Blogger template Designer
Rainbow Link 1.) Copy code di bawah ini.<script src="https://sites.google.com/site/u nwanted86/javascript/rainbowlink.js ...
 2) Buka dashboard blog anda, kemudian pergi ke layout > page element > add a gadget
 3) Cari HTML/javascript. Kemudian apabila sudah buka, paste code kat situ.
Kelopak Bunga Berguguran    <script>if(typeof jQuery==undefined){document.write(<+script);document.write(    language="ja...
Shoutbox yang cool untuk        blogger
Daftar akaun dalam CBOX
Disable Right Click   Berikut adalah cara yang mudah untuk menggunakan fungsi ini.    1. Copy kod ini.    <script languag...
Letak Facebook Like Button  1. Login akaun blogger, daridashboard > design > edit HTML >expand widget templates( backup te...
 3. Kemudian copy kod ini, dan paste di bawah kod yang anda cari di langkah 2. <iframe allowTransparency=true expr:src=&q...
Buka Link Baru Apabila Klik Pada              Gambar Add a gadget> Image >Copy Paste link yang ingin dimasukkan > Choose ...
Buat Duit dengan Nuffnang Daftar dalam akaun nuffnang.com Isi segala butir peribadi Copy dan Paste code yang  diberikan...
Q&ASekian. Terima kasih.
Tutorial blog
Upcoming SlideShare
Loading in …5
×

Tutorial blog

985 views

Published on

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
985
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Tutorial blog

  1. 1. Tutorial Blog Noorhayati Binti Abd Rahman 0195111864 noorhayati87@yahoo.com (FB) www.yattpinkymaniac.blogspot.com (BLOG) www.yattcloset.blogspot.comKerjasama Pusat Internet 1 Malaysia Kg Sg Senam & Pusat Internet 1 Malaysia Belimbing Kanan
  2. 2. Log In Akaun BlogspotBuka Link blogger.comKlik LoginMasukkan ID dan Password
  3. 3. Cara Masukkan banyak Gambar dalam entri Blog dengan mudah 1. Dari dashboard anda, klik pada create new post‘
  4. 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. 5. Proses upload bermula.
  6. 6. 6. Apabila selesai, tekan add selected. Pastikan sebelum anda tekan add selected semua gambar telah dipilih.
  7. 7. 7. Selesai, itu sahaja. Mudah bukan..:) Berapa maksimum gambar yang boleh diletakkan.? Tapi pastinya boleh upload banyak sekaligus.:)
  8. 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. 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
  10. 10. Tukar Template Blog 1. Login akaun kemudian daripada dashboard klik layout > edit html
  11. 11. 2. Baca penerangan berdasarkan gambar di bawah. 1. Klik browse 2. Pilih template yang anda telah download 3. Klik open
  12. 12.  3. Apabila klik upload, paparan berikut akan keluar, klik pada keep widget 4. Setelah selesai anda boleh view blog anda.:)
  13. 13. Blogger template Designer
  14. 14. Rainbow Link 1.) Copy code di bawah ini.<script src="https://sites.google.com/site/u nwanted86/javascript/rainbowlink.js " type="text/javascript"> </script>
  15. 15.  2) Buka dashboard blog anda, kemudian pergi ke layout > page element > add a gadget
  16. 16.  3) Cari HTML/javascript. Kemudian apabila sudah buka, paste code kat situ.
  17. 17. 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>
  18. 18. Shoutbox yang cool untuk blogger
  19. 19. Daftar akaun dalam CBOX
  20. 20. 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>
  21. 21. Letak Facebook Like Button 1. Login akaun blogger, daridashboard > design > edit HTML >expand widget templates( backup template untuk langkahberjaga²)2. Menggunakan fungsi find (ctrl + F),cari kod berikut.<data:post.body/>
  22. 22.  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;
  23. 23. Buka Link Baru Apabila Klik Pada Gambar Add a gadget> Image >Copy Paste link yang ingin dimasukkan > Choose files gambar yang ingin dipilih
  24. 24. 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 
  25. 25. Q&ASekian. Terima kasih.

×