Lazada Malaysia

Friday, September 23, 2011

Tutorial >> Cara nak ambil url image :)


Assalamualaikum..
Cara Nak Ambil Image URL dekat Google
Contoh :1. Click Pic Yang korang nak OK ??
2. Tekan Right Click kat gambar tu!
3. And then , ambik view image :)



4. Right Click dan tekan open image in New Tab.. 
4. Copy URL kat Anak Panah tuh!
5. Then , dari situ , korang boleh dapat kan IMAGE URL  :)
Cara nak Ambil URL dekat Glitter-Graphics
1. Masuk SINI dulu.
2. Pilih ,pic mana yang korang nak OK .?
3.Dah pilih ,korang tgk kat bhagian bwah k .? ada tak code mcm ni .?
4. So, ini lah URL korang !:)
6. Tapi, kalau klik kat citu , mesti dia automatik ,akan terCLICK smua ryte ? So , korang p bukak NOTEPAD , then , paste kat situ dulu ya ! 
7. Then , copy ler yang di kotakan warna HIJAU k. ;)

Tutorial >> Favicon


Assalamualaikum ^^


1. Dashboard=>Design=>Edit HTML=>Tick expand widget template .
2. tekan CTRL+F , search code dekat bawah ni ok :)
</head>
3. dah jumpa dah ? ok good . then copy code kat bawah ni .
<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/> <link href='URL gambar' rel='icon' type='image/x-icon'/>
paste kan dekat atas code </head> tu ok :)
4. lepas tu preview , kalau jadi save jela terus..
*Letak URL gambar dekat Warna Merah 
Tak tahu nak cara URL gambar mcm mana ? LIHAT SINI !!

5. ok bye.

Thursday, September 22, 2011

Tutorial >> Macam mana nak dapat blog id


Assalamualaikum..

1. Login>Design
2. Nanti akan keluar gambar macam kat bawah ni..
3. yang ditanda tu lah Blog ID..


4. Dah jumpa.. senang je..

5. ok bye ! ;)

Tutorial >> LETAK BUTTON FOLLOW



Salam Reader.
(Tutorial ini , pada sesiapa yang dah buat button dashboard ok ?)

1. Log in > Design >Edit Html Untuk Kod Dashboard

2. Copy code kat bawah ni , and paste kan sebelum kod dashboard korang tuh .
<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></a>
3. So , kod korang tuh , akan jadi macam ini :
<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></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://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>
*Warna UNGU : Kod untuk Button Follow
*Warna BIRU : Kod untuk Button Dashboard
*Blog ID boleh dapat kan DI SINI 

4. Bila dah siap paste . SAVE !

Tutorial >> LETAK Button Dashboard


Assalamualaikum..
Orait .! Now ,
Cara-cara nak pasang DASHBOARD button , sangat mudah and simple :)
Tak perlu nak ke Edit Html :)
 1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript
 2. Paste kod di bawah ini , di ruangan Html tadi tu ..
<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://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>
 3. Da siap . Save
 4. Dan lihat hasilnya ! Menjadi tak ??
**Kalau dah jadi inform la ye.. ^_^

Tutorial >> LETAK FIELDSET



Selamat Sejahtera >,<


1. Log in > Design > Add Gadget > Html/JavaScript 
2. Copy and paste kod di bawah di ruangan html tuh :
Kalau untuk letak image di bahagian atas
<fieldset><legend><img src="URL IMAGE"/></legend>YOUR TEXTS</fieldset>


Kalau untuk letak test di bahagian atas 
<fieldset><legend>YOUR TEXTS</legend>YOUR TEXTS</fieldset>

**Kalau nak pic mini yang comel-comel , boleh dapatkan DI SINI !! 
**Tak tahu nak cara amik URL IMAGE macamana ? KLIK SINI !!

3. Dah siap . SAVE ! Lihat lah hasilnya! haha :)

Tutorial >> Letak Salji pada blog


Assalamualaikum ^^

(Salji ini Warna Putih dengan Hitam je !)

1. Dashboard > Design > Add Gadget > Html/Java Script

2. Copy salah satu kod berikut kemudian paste dalam ruangan html/javascript

>> Kod untuk salji putih (sesuai untuk background hitam)

<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>  
>> Then , Kod untuk salji hitam (sesuai untuk background putih)
<script type="text/javascript" src="http://www.yourjavascript.com/03441140321/snow-black.js"></script> 
3. Save dan lihat hasilknya yea! :) 

Tutorial >> Letak COPYright II



Assalamualaikum ^^


1. Dashboard-Design-Edit HTML .
2. lepas tu , tekan CTRL+F cari code ni .
</body> 
3. Then , paste kod kat bawah ni kat bahagian atas kod yang korang cari tadi ok?
</center> <font face='NAMA FONT KORANG'><font size='SAIZ FONT KORANG'><font color='#000000'>YOUR OWN COPYRIGHT</font></font></font></center> 


NAMA FONT KORANG - tulis nama font yang korang suka . 
(* pastikan korang download dulu font tu oke )
SAIZ FONT KORANG - letak saiz yang korang nak . faz guna saiz 6 .
#000000 - tu untuk warna tulisan . boleh tuka kat SINI
YOUR OWN COPYRIGHT - tulis ayat yang korang nak letak . pastikan tak terlalu panjang .



4. Before save ,preview dulu..
5. If dah jadi , SAVE terus ok :)

Tutorial >> Letak Background Gambar Pada Blockquote


Assalamualaikum ^^
Pada sesiapa yang nak tahu cara nak letak Background Gambar Pada Blockquote , 
Mari sini , Jom belajar ye :)

 1. Login > Dashboard > Design > Edit HTML
2. Dengan menggunakan fungsi Find (ctrl + F), cari kod berikut :atas ni . contoh tengok kat bawah ni
.post blockquote {
3. Kemudian di bawah kod tersebut, letakkan kod ini. .
                                 background-image:url(url gambar);
 Url gambar , korang boleh amik di sini :) Photobucket! 
* Korang carilah background yang korunk suka kat situ ok? (search je ape2! :)
4. Siap . Save :)


1. First , korang HIGHLIGHT ayat yang korunk nak buat blackquote tu .
2. Then , korang click yang no 2 yang di tunjukkan kat atas ,
3. Lepas publish , korang akan dapat hasil nya!

Tutorial >> Letak Icon Cute Sebelah Comment


Assalamualikum ^^

Bagi pengguna layout

1. Dashboard>Layout/template blogger/design>Edit HTML.
2. Then , klik pada Expand Widget Templates..tekan CTRL+F pada keyboard dan copy paste code di bawah ini ke ruangan find

<span class='post-comment-link'>
Bagi penguna template 
Dashboard > Template
kemudian klik pada Expand Widget Templates..tekan CTRL+F pada keyboard dan copy paste code di bawah ini ke ruangan find
<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>
3. Ok lepas korunk dah jumpa code yang korunk cari tu...korang copy lak code ni k..

Bagi pengguna layout
<img src="LinkGambar"/>
4. Lepas tu korang paste kat sebelah code yang korang dah cari tadi..
CONTOH
Bagi penguna template blogger and layout
<span class='post-comment-link'><img src="LinkGambar"/>
Bagi pengguna template 
<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><img src="LinkGambar"/>
Oke , if dah siap , korang preveiw dulu..
If dah jadi , terus save oke ? :)
*p/s : Cute Icon , korang boleh dapatkan di SINI ! :)

Wednesday, September 14, 2011

Tutorial >> Buat ayat Bergerak


Assalamualaikum..
Nak tahu caranya ??
Begini....
1. Log in > Dashboard > Design > Page Element > Html
2. Then , korunk copy and paste kod kat bawah ni 
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyOTE4OTA3ODU3NjEmcHQ9MTI5MTg5MDgwNDcwOCZwPTc2MTcxJmQ9TWFycXVlZSUyMEdlbmVyYXRvciZnPTE=.gif" /><marquee style="background-color:FFDDFF; border: 1px solid DDBBDD; color:000000; font-family:verdana; font-size:9pt; width:700px; height:50px; " direction="left" behavior="scroll" scrollamount="5" >TEXT KORANG</marquee>
*Yang highlight warna kuning tu , korang boleh tukar width and heigt mngikut kesesuaian.
*Yang highlight warna purple tuh plak , Kalo nak ubah direction ,
korang boleh ubah macam ni...
+  right
+ up
+ down
+ alternate

*Warna Merah plak , buat ayat sendiri ok.

Then, save :)
Jadi tak ? 

Tutorial >> Buat ayat berkelip-kelip

Assalamualaikum..
1. Dashboard >Design>Add a Page element >html/javascript
2. Korang copy code yang kat bawah ni ;) 
<blink>ayat yang nak dikelipkan </blink>
5. Preview and save..




Tutorial >> Letak Ayat Di Bawah Post


Heyy ! 
 jom blajar buat Ayat Kat Bawah Setiap Post :)
Macam Kat Bawah ni ?
1. Log in > Dashboard > Design > Edit Html

2. Tick Expand Widget Template

3. Korunk Tekan Ctrl + F dan cari kod ini  <data:post.body/>

4. Kalo sudah jumpa , korunk copy kod kat bawah ni , and paste di bawah kod <data:post.body/> td :)
<hr/><center>AYAT ANDA</center><hr/>
5. Preview dulu okey..
6. Dh jadi , SAVE.

Tutorial >> HILANGKAN TARIKH ATAS POST TITLE

Assalamualaikum ^^
Nak belajarkan... okey meh sini ye...
Ikut Step di bawah : 

1. Dashboard > Design > Edit Html > Tick Expand Widget Template
2. Dekat bahagian post tu, tekan edit.
3. dah jumpa ? dia akan keluar benda ni..
4. Paste kat anak panah tu tekan UNTICK !!

5. SAVE terus :)

Saturday, September 10, 2011

Tutorial >> Letak background di form comment


Hello Readers !


Langkah 1
Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates. (sila backup template korang dulu okey^^)

Langkah 2
Cari code ini
<div class='comment-form'>
dan gantikan code di atas dengan code ini
<div id='comment-form'>
Langkah 3

Kemudian cari code ini
]]></b:skin>
Langkah 4
Kemudian copy dan pastekan code di bawah ini tepat di atas code ]]></b:skin>

#comment-form iframe{background:#ffffff url(http://dl9.glitter-graphics.net/pub/469/469219g2y8lmq2ui.jpg) ;border:5px solid #FF66CC;padding:5px;font:normal 12pt "ms sans serif", Arial;color:#7EB2AC;width:450px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;}#comment-form iframe:hover{background:#000000 url(http://dl9.glitter-graphics.net/pub/469/469219g2y8lmq2ui.jpg);border:5px solid #FF66CC;}#comment-form a{color:#7EB2AC;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;}<small><a href="http://intanwandalaara.blogspot.com/2011/09/tutorial-letak-background-di-form.html" target="_blank">get this</a></small>
Pada code berwarna merah korang boleh letak link gambar yang korang suka
Pada code warna biru korang boleh gantikan warna line di luar kotak

Save dan lihat hasilnya...

Friday, September 9, 2011

Tutorial >> Scroll Box For Blog Archive

Assalamualaikum ^^
Ok . Korang dah tahu kan .? Korang punya Blog Archive yang Entry Lama-Lama tuh kan .. Mesti Jadi panjang ke bawah kan ? Kalau nak kemas kan lagii blog korang tuh . boleh lah guna tutorial ini .

   
1. Log In > Dashboard > Design > Edit HTML > Tick Expand Widget Templates 



2. Tekan Ctrl F dan cari kod yang ini : 
<div id='ArchiveList'>
3. sebelum korang jumpa kod yg kat atas ni , korang akan jumpa kod yang ini dulu :
<div class='widget-content'>

 4. Gantikan kod ini  <div class='widget-content'> dengan kod yang ini 
<div class='widget-content' style='overflow:auto; height:200px'>


p/s : Korang boleh tukar Size Height 200px mengikut kesesuai blog ;)

5. Korang PREVIEW dulu . kalau menjadi , terus SAVE ok ? :))
 
Malaysian Lifestyle Blogger| Copyright 2016-2017 ©All Right Reserved by Intan Saffyna