. Tutorial -Download Template blog

eh, korang mesti nak kan, template blog yang cantik! kat sini ieyha nak bagi korang template yang cantik cantik korang boleh lah letak dekat blog korang okey
=.=


http://www.finalsense.com

http://btemplates.com

http://www.dantearaujo.net/search/label/Free%20Template

http://www.ourblogtemplates.com

http://www.mytemplatebox.com

http://www.forfreebloggertemplates.com

http://www.bloggertemplatesfree.com

http://www.eblogtemplates.com/templates/blogger-templates

http://www.deluxetemplates.net

http://www.bloggerblogtemplates.com

http://www.chethstudios.net/2009/01/roundup-of-best-blogger-templates.html
http://www.bloggerstyles.com/

http://lenatoewsdesigns.blogspot.com/

http://www.bloggerthemes.net/

http://leelou-freelayouts.blogspot.com

. Tutorial - Cara buat logo dan banner blog percuma secara online

Ada diantara kita yang tertanya-tanya bagaimana cara untuk mencipta logo sendiri untuk diletakkan di dalam blog sebagai header ataupun untuk dijadikan sebagai banner exchange.

Dengan Online Logo Maker, kini kita boleh membinanya secara online tanpa memerlukan kemahiran yang tinggi seperti seorang Designer. Hanya gunakan kretiviti sendiri untuk menngunakan icon dan style font yang sesuai.

Online Logo Maker adalah sebuah site yang menyediakan perkhidmatan untuk membina dan merekabentuk logo secara percuma. Kelebihan yang terdapat pada site ini ialah, tools yang di sediakan sangat mudah untuk di gunakan dan anda tidak perlu membuat sebarang pendaftaran.

Untuk mencubanya, sila lawat:

Onlinelogomaker.com

credit:maribinablog

. Tutorial - Letak sistem rating pada blog

Cara untuk letak sistem ini agak senang kerana tidak memerlukan anda untuk ubah code html anda, semuanya tersedia dan anda hanya perlu ikuti beberapa langkah berikut.
1. Login akaun blogger anda.

2. Buka web http://www.outbrain.com

3. Pada paparan pilih option yang anda.

-->Digalakkan untuk mendaftar untuk mendapatkan maklumat rating dan juga (paling penting bagi aku) untuk membuang 'related post' yang didatangkan secara automatic dalam sistem ini.



4. Klik install dan paparan baru akan muncul


5. Pada paparan, pilih blog anda kemudian klik 'add widget'.


6. Selesai. (Anda boleh buat pengubahsuaianan daripada akaun yang anda telah buat sebelum ini)
credit: unwanted

. Tutorial - website untuk edit gambar

kalau korang nak edit gambar, bagi cantik bagi hilang jerawat bagi nampak putih bagi nampak korang tuh meletup letup! korang boleh edit gambar di picnik je okeh! sangat mudah!

Klik PICNIK

. Tutorial - Blog Setting

Bagi sesebuah blog, setting merupakan antara perkara penting untuk menentukan bagaimana paparan, dan perlakuan-perlakuan lain yang berkaitan dengan blog.
Antara perkara yang berkaitan dengan setting bagi sesebuah blog adalah tajuk blog, berapa bilangan entri, siapa yang boleh komen, dan lain² yang akan diterangkan di bawah.
Paparan untuk setting bagi sesebuah blog adalah seperti berikut.

Untuk entri ini, setting merangkumi basic, formatting dan publishing. Ini kerana 3 perkara ini boleh dianggap bahagian setting yang paling utama bagi sesebuah blog. Beberapa setting asas yang perlu diketahui oleh seorang blogger adalah seperti berikut.
BASIC:


Title : Title akan ditunjukkan pada bahagian atas browser apabila sesebuah blog dibuka.
Description : Berkaitan dengan apa kandungan sesebuah blog. Boleh dimasukkan sehingga 500 huruf. Contoh tutorial blog, tutorial blog dalam bahasa melayu, tutorial untuk semua dan lain² yang berkaitan. Kalau blog peribadi hampir boleh diabaikan ataupun letak sahaja seperti perjalanan hidupku, inilah kisah aku dan lain².
FORMATTING

Show : bilangan entri untuk paparan muka depan. jangan terlalu banyak. Biasanya antara 5 hingga 10 untuk mempercepatkan loading keseluruhan blog.

Date header format : Kurang penting, boleh pilih mana yang dirasakan sesuai.
Archive index date format : Format yang akan ditunjukkan untuk apa yang ditaip dalam sesebuah blog dalam jangka sebulan
Timestamp format : Kurang penting, boleh pilih mana yang dirasakan sesuai.
Time zone : Penting untuk pastikan kedudukan untuk masa adalah betul. Jika yang berada dalam negara Malaysia, sila pilih (GMT +8.00) Kuala Lumpur. Jika berada ditempat lain boleh pilih yang yang sepatutnya.
Language : English (Boleh juga pilih malay, tetapi dicadangkan english untuk memudahkan memandangkan kebanyakan sudah biasa dengan perkataan² english dalam dunia blogging)


COMMENTS

Comments : Show - Jika ada pengunjung yang menghantar komen, komen akan dipaparkan dibawah entri.
Who can comments : Bahagian ini bergantung kepada pemilik blog. Kalau pilih anyone, sesiapa sahaja boleh komen. Kalau pilih registered user, hanya orang yang mempunyai blog/id lain yang boleh komen.
Comment form placement : Kedudukan ruangan komen untuk sesebuah entri. Kebiasaan blogger akan pilih samada pop-up window atau embedded below post. Walau bagaimanapun, tidak semua template boleh gunakan embeded below post.



Comment moderation : Bergantung kepada pemilik blog. Jika mahu komen pengunjung terus dipaparkan,pilih never. Tetapi jika mahu komen dari pengunjung 'ditapis' dahulu oleh pemilik blog, pilih always.
Show word verification for comment : Pilih No. Kerana kehadiran word verificationbiasanya akan menyusahan pengunjung. Kecuali untuk kes² tertentu jika terlalu banyak spam (di Malaysia perkara ni jarang berlaku)

----------------------------
 Setting untuk sesebuah blog boleh diubah bila-bila masa mengikut kehendak pemilik blog.
Walau bagaimanapun,adalah penting untuk cuba kekalkan setting yang dibuat untuk menyenangkan pemilik blog dan juga pengunjung.

. Tutorial - Jenis Border dan cara tukar border

1.   solid

2.   double

3.   groove

4.   dotted

5.   dashed

6.   inset

7.   outset

8.   ridge

9.   hidden

  DASHBOARD>DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES>DOWNLOAD FULL TEMPLATE

 STEP 1 

Klik “CTRL+F” ataupun “F3″ untuk cari code ni

.sidebar .widget{

STEP 2

Sila copy dan paste code di bawah ke dalam code step 1:

border:4px double #D41A1F;

contoh code blog ieyha

.sidebar .widget{

background:#fff;

border:4px double #D41A1F;

margin:0 -5px 1.5em -5px;

padding:0px 7px 10px 7px

}

#bagi border pada post entry sila copy code selepas .post{

#jenis border ni juga boleh dimasukkan bagi tarikh post/post comment/blockquote. Ikut kreativiti korang. Tapi jangan melampau sampai nampak serabut pula ye.

1) code nombor 4px tue korang boleh ubah kepada sebarang nombor bagi ketebalan border.

2) code solid mewakili jenis border. Korang boleh ubah kepada jenis border lain seperti dashed, dotted, double, groove, ridge, outset, inset dan hidden.

3) Code #893BFF mewakili warna border. Korang boleh ubah warna border. pilih sini untuk warna code SINI 

STEP 4

Preview dan save kalau tiada error pada coding. 

Selamat mencuba!

. Freebies :background ala ala bunga

http://i1130.photobucket.com/albums/m531/siti231091/backgroundblue-7.png

http://i1130.photobucket.com/albums/m531/siti231091/backgroundgreen-7.png

http://i1130.photobucket.com/albums/m531/siti231091/backgroundorange-7.png

http://i1130.photobucket.com/albums/m531/siti231091/backgroundpink-7.png

. Tutorial - marquee/ayat bergerak

assalamualaikum

Tutorial baru kali ni . Tutorial ni direqeust oleh aliff . Dia tanya macam mana nak buat marquee .korang nampak tak yang dekat atas tuh yang gerak gerak tuh! tu lah marquee AJAIB kan! Okey Jum Kita belajar :P


Untuk Marquee dari kiri ke kanan

<marquee>Ayat Awak</marquee>

dan Untuk ubah pergerakan perkataan . (left, right, up, down) . Contoh code dia ialah ;

<marquee direction="right" >Ayat Awak</marquee>

. Tutorial - Jawapan kepada masalah Reply To Comment

1. Blogger tidak menukar setting bahagian Comment kepada Embedded below post.

2. Code yang di cari tidak ada pada script template kerana tidak di tick pada Expand Widget Template.

Jika anda mengikut segala langkah yang di tunjukkan dengan betul, insyaallah, Reply To Comment tersebut akan berjaya di pasang pada Comment Form blog anda.

Jika anda mahu meletakkan Reply To Comment pada bahagian bawah comment, seperti yang digunakan di blog ini, cari kod:
<dd class='comment-footer'>


dan kemudian paste kod:
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Masukkan ID blog disini&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply to comment]</a></span>


Jika anda mahu menukar teks [Reply to comment] kepada bentuk icon, gantikan teks yang di bold hijau tersebut kepada kod dibawah.
<img src="http://masukkan url icon di sini" />

. Resepi Kek Batik Terbaiiik!

hai you all! lama dah tak share resepi dengan korang kan, actually petang tadi adik ieyha minta ieyha buatkan kek batik, so petang tadi ieya buat lah kek batik lepas tuh buat jemput jemput @ cikodok untuk minum petang pulak, rajin kan ieyha?

>________>

nggeeee

siapa siapa yang nak cuba kek batik ni boleh lah tiru resepi ieyha nih

Bahan-Bahan:
2 paket biskut marie (patah-patahkan) 1 cawan milo 1 cawan koko 1 ¾ cawan gula 1 buku butter 5 biji telur ½ cawan air
Cara - caranya:
patah-tahkan biskut marie ke dalam 1 mangkuk besar. masukkan milo, koko, gula, butter, 5 biji telur dan 1/2 cawan air ke dalam periuk. kacau hingga sebati. kemudian, didihkan di atas api. lebih baik jika dididihkan dengan cara double boiling supaya coklat tidak cepat hangit. setelah mendidih, tuang coklat ke dalam mangkuk yang berisi biskut marie. gaul coklat dan biskut marie hingga rata. akhir sekali, masukkan biskut yg digaul rata bersama coklat ke dalam loyang. hempap2kan biskut itu sehingga mampat didalam loyang. setelah mampat, biarkan kek sejuk di dalam peti sejuk selama 1 jam. akhir sekali, kek batik boleh lah dipotong dan di hidang.

. Tutorial - Meletakkan background pada blog

1. Sign in blog> Design > Edit HTML dan cari code ini..CTRL + F,untuk mudahkan pencarian
body {
2. Letakkan code dibawah ini di bawah code body {

background-image:url(BACKGROUND GAMBAR);background-position:top center; background-attachment:fixed;
margin:0;

BACKGROUND GAMBAR korang gantikan dengan URL gambar korang.. Preview dulu, dah jadi SAVE.

Sila masukkan code di bawah entry sebagai tanda credit, selepas anda mengcopy paste segala tutorial saya.
Credit By <a href="http://sitinurfariha.blogspot.com/p/tutorial_07.html">IEYHA</a>

. Tutorial - Cara Buat Bubble Cursor Pada Blog

nampak tak cursor tuh?ada bubble?

1. Dari dashboard > design > add a gadget > HTML/javascript
2. Copy code bubble cursor di bawah, kemudian paste di ruangan HTML/javascript.
(code ini bubble warna biru. Untuk tukar warna bubble, sila ikuti tutorial sehingga habis)

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">


// <![CDATA[


var colours=new Array("#0066FF", "#0066FF", "#0066FF", "#0066FF", "#0066FF"); // 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) 2010 mf2fm web-design *


* http://www.mf2fm.com/rv *


* DON'T EDIT BELOW THIS BOX *


****************************/


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>

3. Save dan lihat hasilnya.:)