Tutorial : Tambah Iklan Pada Churp-Churp

Assalamualaikum.. hai !

Sambil2 xde keje fara boleh la tlg sape2 yang mintak tlg tunjukkan tuto blog... Segala tuto fara dah try and error... Bagi yang ade masalah boleh komen... Jika ada yang boleh bantu fara boleh la tolong2 cikit... Kalau fara xdapat bantu fara mintak maaf ye... fara pon masih belajar...

1. Dashboard > Layout > Add A Gadjet > HTML/Javascript
2. Copy code dibawah dan Pastekan kedalam kotak java tadi
<center> 
<a href="Masukkan URL iklan churp2="_blank"><img src="Masukkan URL gambar Churp2" width="200" height="200" /></a>
</center>


Warna biru : Masukkan iklan/url churp2/8share/etc
Warna Merah : Masukkan Gambar iklan anda

Untuk buat iklan banyak2 pon sama je step dia sebenarnye... Copykan juga link atas tu kemudian tindihkan kt bawahnye pula... macam contoh kat bawah nie..


Senang je buat iklan... Selamat mencuba :)



Boy ke Girl ?

Assalamualaikum...

Tup Tup!! sekejap je dah 27 minggu hamil... Alhamdulillah Ya Allah... Selama 27 minggu ni xde pape masalah pada baby kami... Perot makin memboyot... Makin terasa baby dok gerak2 kat dalam... aktif sayang ibu ni ye... Dok diam2 ye kt dalam... Nanti dah masa , baru boleh main dengan ibu dgn abah... :')

Selalu main teka-teka dgn suami ttg jantina anak kami... kejap2 rase macam boy sebb agk kerap baby bergerak... kejap2 rasa girl... hehe... Ada jugak baca artikel kt internet cara nak tahu jantina anak... Tapi fara x ikut 100% sgt sebab xkesah dapat baby girl or boy... Baca pon suka2 je...yang penting Anak kn.. :)

Tersentuh hati tengok proses perkembangan baby kt youtube... hebatnya kaum wanita yg bergelar ibu...


Sepanjang hamil pon fara xbanyak karenah... xde morning sickness... bersikap macam sebelum hamil... Makanan manis,masam,pahit semua dok telan je... hee... Mengidam pon kadang2 xde lgsg.. Makan je ape yg suami belikan... Alhamdulillah xbebankan suami dri segi pemakanan... terima kasih sgt kt suami sebab rajin layan perangai fara semasa hamil ni... love u syg... :p

Next opoiment  baru nak g KK check jantina... malas nak surprice sgt susah nak belikan barang baby... Excited nya... yang penting baby sihat2... :) 

Scroll Bar di Bloglist

Tuto kali ni saje nak buat Scroll Bar di BlogList... Bosan-bosan memang blog je la jd peneman... Mr Husband dah gerak g keje... baru la dapat pegang PC.. hehe... 
Jom intai sape2 yang belom tahu cara nak buatnya... 
Step 1

Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget

Step 2 

Seterusnya, korang cari/search nama widget bloglist korang. Menggunakan Ctrl + F 

Step 3 

Langkah seterusnya, dibawah nama widget bloglist yang korang cari tu.. Cuba cari code

<div class='widget-content'> 

.Jumpa kan? Buang code tadi dan gantikan dengan code bawah ni.

<div class='widget-content' style='overflow:auto; width: ancho; height:250px;'>

Step 4

Preview dan jika menjadi. Klik save!

Yang warna merah tu boleh tukar dengan panjang yang korang nak okay. 




Semoga berjaya 

FREEBIES ShoutBox Comel



Fara dapatkan cbox ini dari member juga... Fara xkesah jika kawan blogger yang lain nak ambil yang sama macam nie... Tapi sila backlink ke blog fara ye
.
Sharing is caring kn?  Nak ambil dengan tinggalkan komen pon boleh... nak ambil senyap2 pon boleh... huhu.. kecik ati cikit la... hee... 

Ikut step ni... Mudah je... 
Step 1 :

Dashboard > Layout > Add A Gadge > HTML/JavaScript


Step 2 :

Copy dan pastekan codes bawah ni di ruangan javascript tadi


<br /><center> <img width="220" src="http://i.imgur.com/6WfC6.png" />
PUT YOUR SHOUTBOX/CBOX'S CODES
<img width="220" src="http://i.imgur.com/Ovk5v.png" /></center></center></center>nota


Red : Lebar background
Blue : Letak codes cbox
Green : Url background tersebut. Bahagian KEPALA dia. (kaler pink cbox fara)
Purple : Url background tersebut. Bahagian KAKI dia. (kaler pink cbox fara)


Step 3 :

Klik Save

Cbox yang fara ada xbanyak sangat... Ape yang ade ni je la fara letak...  Pilih yang mana suka ye.. 


Notes! 

Pilih icon dibawah kemudian pastekan kedalam link berwarna GREEN dan PURPLE pada step 2 tadi.

Kelabu

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmuK6Ys8zaw5Pw9vJr1wKdmvAKRqZT5DWoCFFvxsdTwqQ9wwrh1IuhDB_RjwR1FgjibKJWG6vTHRbiWdzxMZK8MfiBc_b781eTXt3X5Z7F2Lggaol9KvUHIdEdkit70ujvuo_K4PP21F9U/s1600/bgshout-bnw.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqAZtAp19ttWcHkngqmR7b-mzJhcUsmMHF-yTYJyI2UE7Q7N4vI7zkeEpXxxcpJVF3Z3WOWyX1-sa4lmbFrwugoeebcOXoajTYUfRsmQfh21QEBy18ZBWvelNVWhXParXrnchEol1ABYIm/s1600/bgshout-bnw2.png


Ungu


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5Ghc5hmcb-Qn9Zsu2WgvifKwftGtnCOH8vGxqxaltDvXP9RDXaH8Hg5ZFn2-K6Flb1kW8oWnzN8lXQ2eHElQhb4U9BrUxKGJWvTK3L5_af7NkYw4ARS6c-FCtbYG4KzjhHktayrJEH__/s1600/bgshout-purple.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirZ1D8ilBWz0GvJezRy4Rks9fh4JMePF4RPqpwKDxzkmZq0dm2smhzUc6esUxYjIYB5MdM98k5NQ3h941vF9DvE8CIF1Dsev84smkd08RQGsPevKYpDE3LMNM-hTlge4xeXwqmrKMQd05I/s1600/bgshout-purple2.png



Hijau 


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kfmIUvgMvOpX1xnm2Jwm2oVOG9YqjakDPx51nvXcEaV9PX8dJVW9cyDXzhHVgJ_Etbw-5J6A_MlutkJN9_rYaVB1nrI0gq76p8Ou99mEG7F33WrUKBy4iCj1yE_VJbaN1fA9XTn6hr91/s1600/bgshout-green.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kfmIUvgMvOpX1xnm2Jwm2oVOG9YqjakDPx51nvXcEaV9PX8dJVW9cyDXzhHVgJ_Etbw-5J6A_MlutkJN9_rYaVB1nrI0gq76p8Ou99mEG7F33WrUKBy4iCj1yE_VJbaN1fA9XTn6hr91/s1600/bgshout-green.png


Tutorial Bina Kotak Di Blockquote



Kali ni fara nak share tutorial buat kotak mcm contoh kt bawah ni pulak... 

Hello... Welcome to my blog

Ikut Step di bawah ni Ok

Step 1 :

Dashboard > Template > Edit HTML

 Step 2 :

Klik CTRL + F dan pastekan code di bawah nie....


/* Headings

Step 3 :

Kemudian, copy dan paste kan ayat di bawah SELEPAS ayat /*heading tadi


.post blockquote {
background: # FFCCCC;
padding: 5px;
Border: 2px dashed # FF0099;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;

colour:# FF0099;
}


Take Note 

Bahagian berwarna diatas anda boleh ubah ikut citarasa sendiri

FFCCCC - warna background kotak blockquote. Rujuk kod warrna di bawah
2 - ketebalan garisan border kotak
dashed - style garisan border. Sama ada dashed, solid atau dotted
FF0099 - warna garisan border. Rujuk kod warna html kt untie google
Kod warna purple - bentuk kotak border. (style kotak fara) nak kotak jenis lain tnye untie google ye...

 Untuk testing, buka new post > Type ayat anda > Highlight >Klik Quote > Preview

  • Semoga berjaya  

Tutorial Tukar Bullet List

Hello readers... 
Fara nak share cara tukar bullet list jadi icon pilihan comel korang.... 
Sebagai contoh, boleh lihat kat bawah ni....



SEBELUM                                                 SELEPAS




Step 1 :

Dashboard > Template > Edit HTML

Step 2 :

Cari salah satu code di bawah... Try salah satu je ye...

]]></b:skin>


</style>

atau 

/* Header

Step 3 :

Copy kan code dibawah nie dan paste kan di bahagian atasnya... Contoh ade kat bawah... jgn risau...

.post ul {
list-style:none;
}
.post ul li {
line-height: 1.4em;
background: transparent url(URL GAMBAR BULLET) no-repeat scroll 0px 4px;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
}

Step 4 :

URL warna biru di atas cume perlu digantikan dengan URL icon gambar kesukaan korang... klik save..

 Buka new post dan try klik bullet list then preview untuk lihat sama ada berjaya atau tidak...
  • Semoga Berjaya