TUTORIAL BLOG

tutorial:

• cantikan scroll box
• facebook like batton
• satu post satu tajuk
• image hover-melengkung
• ranbow-link
• cantikkan-scroll-box-for-comment
• animation for facebook
• cursor
• timbang blog anda
• cute icon tepi post
• newbe: letak bacground pada blog
• letak ayat bawah post
• divider bawah post
• ambli url gambar kat giltter
• buang subsribe to post atom
• icon sebelah-enrti-yang-
• follow dashboard.
• buat border blog
• Buat gambar jadi kabur
• Tukar komen kepada ayat sendiri
• tutorial komputer
• favicon
• Background Untuk Sideber
• Scrol box entri yang dah lepas
• -background-untuk-sidebar-title.html
• photoshop-membuat-gambar-jadi transparent
• centre kan post title
• centre kan header
• cara-nak-hilangkan-tarikh-
• templet-backrgound-yang-meletop.
• newbe : nak menaip entri
• cara-nak-letak-link-dalam-entri
• blog ID
• -cara-nak-tick-expand-widget.
• tutorial Letak rss atom eed dalam blog.

---

terima kasih sudi baca

---

Tutorial : image hover ( melengkung)

after

Cantik? nak belajar? jom bertutorial

1.) Template > Edit HTML > Proceed > Tick Expand Widget Templates.

2.)  tekan CTRL+F/F3 dan cari code ni :   img {

     

                                                           

3.) Next, copy code ni dan paste kat BAWAH code yang korang cari tu : 

img:hover {

-webkit-transition: 0.3s;

border-radius:20px;

}

4.) priview dulu sebelum korang save k. takut erro pulak. okey dadaaa

                                                                       

   

---

terima kasih sudi baca

---

Animation for face book!

Assalamualaikum..haipppp!!  helllo3.... korang buat ape tu? cik cinta xmau cakap banyak, cik cinta nak ajar macam mana nak tambahkan animation yang cute mute kat korang punyer MUKA BUKU...yeah!!  ke korang dah tahu? okey bagi sesape yang belum tahu, jom cik cinta ajarin yea! 

1. korang  masuk link ni------> sini-sini

2. dah?? okey korang akan jumpa cam gambar bawah ni kan?

3. korang tekan jee yang de tulis FREE DOWNLOD tu yeah!

4. then save file macam biase k..

5. jup-jup..nanti dulu...korang LOG out MUKA BUKU korang tu..then korang LOG in then korang try send chat kat friend korang..nanti kat bawah dia akan jadi cam picture-picture yang cik cinta wat totonan tu..hohooh....

okey? set...

Okey, itu sahaja untuk kali ni..yeah! bye2 korang... ^-----^

---

terima kasih sudi baca

---

Tutorial: Letak back ground pada blog

hai korang...simple je nak jar macam mana nak letak background pada blog...

nih step de

1. dashboard-design-add a gadget-HTML Java Script 

2 copy dan paste code kat bawah ni .

<style> body { background-image: url('URL BACKGROUND');background-attachment: fixed; background-repeat: repeat; } </style>

siap!

---

terima kasih sudi baca

---

Tutorial : Cute Icon Tepi Post

1. dashboard > deisgn > edit html > tick expand widget

2. ctrl-f cari code ni

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

3. Bila korang dah jumpa copy code nih , <img src="LinkGambar"/> dan paste di antara code nih contoh cam kat bawah ni... 

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

4. Warna merah tu korang leh tukar dengan icon URL  yang comel tau tau?

5. preview dulu ek, and lau tak erro boleh la SAVE!

SELAMAT MENCUBA..!

---

terima kasih sudi baca

---

tutorial : Jom cek kesihatan blog anda

wah-wah-wah bukan main lagi yer p timbang berat kat Mall..berat tak naik-naik jugak..
haaa..korang bukan manusia jer yang kene timbang ni, blog pun perlu ditimbang jugak tau..mane tahu kot-kot ade virus ker, lemak kat sana-sini..harus  timbang..haha
meh cik cinta nak bagi tips untuk korang p timbang blog korang tuh..ia boleh melembabkan blog kita nih, nak-nak yang ada widget yang banyak tuh.. korang klik sini ye---> timbang blog korang

SELAMAT MENCUBA..!

---

terima kasih sudi baca

---

Tutorial for theme fhone : mobile 9

ASsalamualaikum..haiii..selamat malam semua..malam ni cik cinta nak tunjukan something yang special untuk korang, mayb ade yang tak tahu dan mayby jugak ada yang sudah tahu...pasai pa cik cinta? ni haaa...nak tunjuk macam mana nak downlod theme, wallpaper untuk korang punyer fhone...tapi sekarang dah fhone dah canggih right? terus downlod dari fhone jer..tapi tutor ni bagi sape-sape yang tak de tempat nak downlod kat fhone dia..hehehe

jom-jom

terlebih dahulu korang p kat sini dulu

1. DAh? okey now.. korang nampak anak panah tu? haaa korang tekan situ ye and then korang log in..bila dah log in..korang tekan regester pop up akn kuar cam gambar kat bawah ni ..

2.then, korang tekan all devices

3. now, korang leh pilih apa yang korang nak..just untuk fhone saja taw?

pilih pilih jangan xpilih..

4. Bila korang dah pilih theme yang sesuai untuk fhone korang, then korang klik akan kuar cam gambar kat atas tu tau? then korang boleh la downlod..

5.SELESAI..& SELAMAT MENCUBA..!

---

terima kasih sudi baca

---

Tutorial komputer : Tukar theme untuk google chroom

haahhh..nampak? korang teringin tak nak buat background cam cik cinta ni? bila kita tekan new tab kat google chroom kite akan kuar cam ni..so comey...cik cinta suka sangat..! korang plak? suka jugak? waahhh sama la taste kite..nak belajar buat? jom..

1.Korang p kat sini dulu  ...

2.Dah kan? okey akan kuar pop up camni kat bawah ni kan?

cantik x??

3. NOW,korang boleh pilih yang mana korang suka..pilih janagn xpilih...hehe

4. Bile korang dah choose theme tu..de akan aotomatik downlod..dont worry kejap je pun.tak penat sangat la menunggu nye..lau guna broadband lagi cepat..!

SELAMAT MENCUBA..& SEMOGA BERJAYA..!

tatataaaa :)

---

terima kasih sudi baca

---

Tutorial: cute mute cursor

Asslamualaikum, 

Cik cinta xmau membebel, jom kita belajat macam mana nak dapatkan cute mute curser nih..jom! 
tutor nih tersangat lah senang, tp cik cinta mase 1st buat, garu kepala jugak..haha
okey-okey jom kita mulakan..

1.korang cari cursoer yang korang suka di----> sini-sini

* peringatan, yang animate tuh just only Internet explorer k

2.korang copy URL cursor tuh

* then,korang wajib paste tempat cik cinta highligt tuh..faham kan?

 <style>body {cursor:url(URL ICON), url(URL ICON), auto;} </style>
 <a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px;               
   position: absolute; top: 0px; left: 0px;"> </div></a>


Warna merah tuh korang letak URL icon korang tuh ek

Warna biru tu link blog korang..

3. then, dashboard > design > add gadget > Html /Java script

4. paste code kat situ ok!

5. Save and selesai sudaa...

nak lagi jom klik sini sayang----> terbaik punyer

---

terima kasih sudi baca

---

Tutorial : Letak Ayat di bawah setiap Post

Assalamualaikum ya habibi ya maulana..ape habaqqq..? baik ka? 

amboii cakap kedah minah kelate nih..hehe..

tonight cik cinta nak ajar korang something.. hehe.

.macam pop up kat bawah ni..nampak tak? 

okey nampak..nak belajar tak?

 jom kita same-same meluaskan pandangan kita..hehe :)

jup-jup..cuba tengok sini ape yang akan berlaku..jeng-jeng----> okey?

1. dashboard >  design > edit Html

2. tick expand widget

3. tekan ctrl -f serentak untuk copy code nih  <data:post.body/>

4. sudah? okey now korang copy code ni  and paste dibawah code yang korang cari tadi ok!

  <hr/><center>AYAT KORANG</center><hr/>

5.sebelum save priview dulu yer, lau tak erro korang boleh terus SAVE!

SELAMAT MENCUBA! peace! ^ ^

---

terima kasih sudi baca

---

Tutorial: devider bawah post

assalamualakimu u allsss..

today im want tu teach u all about divider bawah post..ape ke jadah nye tu cik cinta oiii..

sebab tak tahu la yang nak belajar tuh..betol x? 

ni bagi sape-sape yang nak mencantikan post dia la..ok!

jangan membuang masa lagi.

jom kita mulakan..

1. DASHBOARD > DESIGN > EDIT HTML>  TICK EXPAND WIDGET

2. CTRL-F & Search code nih 

           <div class='post-footer-line post-footer-line-3'/>

3. Dah? okey now copy code ni pulak

           <center><img height='20' src='urldivider'/></center>

4. Paste dekat code yang korang cari tadi k

***Merah tu ubah ketinggian divider korang

*** Biru ttuh URL Divider korang dapatkan d--> sini

SIAP &SAVE!  SELAMAT MENCUBA!

---

terima kasih sudi baca

---

Tutorial : ambli URLgambar kat giltter graphics

Assalamualaikum, hai awop..sihat semua k..dah banyak dah cik cinta belajar wat tutorial ni yer..hehe..lau taka de sape yang nak tengok pun xpe, kan cik cinta dah bagi tahu ni untuk anak-anak cik cinta nanti, dia boleh teruskan..haha..

okey kita lupa dulu pasal tu, ape kata cik cinta ajar korang cara nak ambil URL gambar kat  glitter graphics..jom korang...

1.Search dulu link nih..----> glitter graphics and then korang klik la gambar yang korang nak tu ok!

2. Klik downlod image akan kelaur pop up box..

3.Right klik copy image URL..SIAP!

SELAMAT MENCUBA! 

---

terima kasih sudi baca

---

Tutorial : Buang "subsribe to : post (atom) "

ASSalamualaikumm..hai dear..

tak mau cakap banyak jom kita starait to the point..hehe..nak buang subscribe tp : post atom (bukan bom atom, ianya tak meletop ok! hahahha...)

1. Design > edit html < tick expand widget > ctrl-f  cari kod nih

      <b:include name='feedLinks'/>

2. bila dah jumpa, korang delete code yang korang cari tadi k?

3. okey itu aja. simple kan?

---

terima kasih sudi baca

---

Tutorial : Icon sebelah enrti yang dah lepas

haah tu dia! nampak tak ? tuh yang cik cinta anah panah tuh...okey nampak

nak belajar? bagi sape -sape yang dah tahu tu..

okey korang senyap-senyap je k,

ni bagi sape -sape yang tak tahu lagi

ok kita bertutorial..

1. Dashboard > edit html > tick expand widget > cari code kat bawah ni, (pastikan ctrl-f ok! ) 

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

2. Delete code yang di atas ni, korang gantikan dengan code kat bawah ni ye..

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

3. Url icon tuh, korang leh dapatkanya di-->>sini-sini

4. Priview adn save it..! 

PILIH JANGAN TAK PILIH..! 

---

terima kasih sudi baca

---

Tutorial: follow & Dashboard

Nak rm 200? sila klik-klik mana tahu tuah korang?nampak? ni sebenarnya untuk memudahkan bloger nak follow blog korang tuh..

jom kite mulakan...

1.Dashboard > Design > Add gadget > html/ java script 

2. copy code di bawah ni

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="lin kopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel= "nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0 " src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a> <div style="display:scroll; position: fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://as sets.tumblr.com/ images/iframe_dashboard_alpha.png?6" /></a></div></div>


3. Blog ID tuh isi dengan ID korang sendiri tahu kan nak cari macam mana? okey

4. Priview & Save!


SELAMAT MENCUBA..!

---

terima kasih sudi baca

---

Tutorial : Tukar komen kepada ayat sendiri

TArrraaaa! cececehhh..macam yeye je ade orang nak komen cik cinta punye entri..haha

alaaa...tak kisah laaa kan.. nak tukar ayat korang sendiri kat kotak komen?

ayuhhh sih kita belajarinnyaa... :)

1.Dashboard > design> edit post.. pop up akan terpampar macam kat bawah ni yer.

2. Then,  korang edit la tempat cik cinta anak panah tu..nampak kan? okey itu sahaja..senang kan?

SELAMAT MENCUBA..! hope berhasil la yer....heheh..korang berjaya..then cik cinta nk korang jawab soalan cepu mas ni..jawab tau..--> comfirm menarik

---

terima kasih sudi baca

---

Tutorial :Buat Gambar jadi kabur

ASSalamualaikum..hai sweet..hai hensem..

hope baik-baik aja ya? study okey? ke ko? haha

malam ni cik cinta nak teach something..huhu..nak tahu?

 jom cikgu yang tidak bertauliah ajarin cara buat gambar jadi kabur bila cursor menyentuh..

waahhh..nampak cam menarik..nger~~ 

jom mulakan

1. Dashboard > design > page element > add gadget

2. Then, copy  & paste code kat bawah ni ye sayang..

<style> /* ----- Image opacity effect 1 ----- */ .post a img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } .post a:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; } </style>

3. Save..siaP!

---

terima kasih sudi baca

---

Tutorial :Buat Border Blog

Assalamualaikum

Selamat malam semua..korang tak pelik ke, cik cinta asyik wish selamat malam jer.entah-entah..?hahaah...eh bukan tahap tuh lagi..manusia lagi cik cinta ni..haha..Yela siang hari tido  ade kelas, padat pulak tu, so tengah malam la yang sesuai untuk beristirahat wit my princes...haha..ehemm..my laptop laa. 

Cik cinta ase nak buat tutorial nih,wahh...semakin rajin..padahal exam dah dekat ni..just seminggu je lagi..takpe-tak pe..try buat study last minit, berkesan ke tak..dah dah..lari topik ni, jom cinta ajarin korang macam mana nak buat border di blog..blog cik cinta xde..lau korang nak try buat, leh jer,.jom kita bertutorial..

1. Dashboard > Edit Html > cari code di abwah ni..( pastikan korang ctrl-F  mase nk copy tuh..

                        .content-inner { 

2. korang copy  and paste code kat bawah ni di bawah code yang korang cari tadi tu k..

     

                       border: 4px solid #2B60DE;

Warna hijau tu saiz yang korang nak

Warna kuning tuh jenis yang korang nak

Warna ungu tuh jenis warna yang korang nak. ( klik sini untuk pilih warna yang korang suka!  

SELAMAT MENCUBA! 

---

terima kasih sudi baca

---

Tutorial komputer : cara nak downlod software kat file hippo

Assalamualaikum..

selamat malam cinta..untuk diri sendiri..haha..korang suka tak downlod software? a-aah suka la tu kan? contohnya cik cinta suka sangat downlod sofware kat file hippo..korang plak? kat area mane ye agaknya? hihih..

If korang yang nak menambahkan software kat laptop mektop tuh, korang leg try domwlod kat sini..pakcik hippo semau ada..cakap jer...bagi sape-sape yang suka edit gambar tuh, kat sini bermacam-macam korang leh downlod.. tu pun kalau korang suka la..if tak suka tidak mengapa dong..cik cinta cuma ingin berkongsi aja..hehe

berlambak-lambak kat sini..meh la kito

tengok laa...semua ada..

mesti xnampak kan? tapi complit la kat sini, semua ade.anti-vairus ad, untuk pengemar tontong movie pun ade, software untuk edit gambar pun ada, alaaaaa....boleh di katakan MACAM-MACAM ADA laa...hehe..

So.. tunggu apa lagi,, ?moh la kito samo-samo p downlod..yang penting bagi cik cinta adalah...FREE OF CHARGE..haha..

---

terima kasih sudi baca

---

Tutorial : favicon

ASSalamualaikum..hai..korang

ehem..cik cinta dah belajar sesuatu, tapi korang mesti dah tahu kan?tapi bagi yang xtahu tu jom cik cinta ajar macam mana nak buat favicon. Ape tuh? icon tepi blog korang tuh..tak tahu jugak? ni macam gambar kat bawah ni yer..

1.Dashboard > design > Edit HTML >Tick Expand Widget

2. Ctrl-F copy code ni ye.

    </head>

3. Dah? pandaii...okey now korang copy code ni

    <link href='URL gambar' rel='shortcut icon' type='image/x-icon'/>

     <link href='URL gambar' rel='icon' type='image/x-icon'/>

4. paste kat atas code  </head> tu eh..?

5. Lpeastu priview dulu, kot-kot erro..lau jadi boleh la save

Ehh,,ade lagi..jom sini--->  comfirm cantik

---

terima kasih sudi baca

---