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 :)
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
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 :)
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..
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 :)
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 ..
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 ??
4. Dan lihat hasilnya ! Menjadi tak ??
**Kalau dah jadi inform la ye.. ^_^
Tutorial >> LETAK FIELDSET
Selamat Sejahtera >,<
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>
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)
>> Then , Kod untuk salji hitam (sesuai untuk background putih)<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>
<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 :)
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
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
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
Bagi pengguna template<span class='post-comment-link'><img src="LinkGambar"/>
<$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
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...
*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 ?
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
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
<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
]]></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
Pada code warna biru korang boleh gantikan warna line di luar kotak
Save dan lihat hasilnya...