Showing posts with label tuto. Show all posts
Showing posts with label tuto. Show all posts

Wednesday, April 20, 2011

Buat LINK pada post


Salam..
harini aku nak share untuk masukkan link kat post...
alah link tu, kalau kita klik perkataan yang di'link' kan dia akan link lah...hahahaha

ok...mula-mula bukak new post, pastu korang taiplah apa yang korang nak tapi, pastu highlightkan perkataan yang nak di link pada mana-mana page...contohnya:-


pastu, klik perkataan LINK kat atas tuh...

pastu akan kuar page gini & korang masukkanlah web address yang di link tu.....
klik OK...maka siap......hehehehehe

kalau nak buat link tu berkelip-kelip plak
meh sini...baca betul2 pastu ikut jek caranya....



mula-mula g kat Design


pastu klik Edit HTML


tick  

korang cari kod guna Ctrl+F 

Cari kod ini a:link 

and korang korang ganti kod tu dengan kod yang dibawah nanti ek

a:link{color:#FF0000;font-size:10px;cursor:default;}


korang cari kod guna Ctrl+F 

Cari kod ini a:hover

and korang korang ganti kod tu dengan kod yang dibawah nanti ek


a:hover{color:#FF0080;font-size:15px;font-style:italic;cursor:wait;}




#FF0000 tu adalah warna link korang korang tuka lah ekot kemahuan korang..hehehe
#FF0080 nie plak adalah warna bila anak panah sentuh kat link korang


yang dekat a:hover ialah effect time anak panah sentuh kat link korang so korang bleh ubah ekot kesesuaian lah ek... 



jangan main save jek, make sure preview dulu kalau tak ada error baru save ek....
make sure dah buat backup tau...kalau mushkil bgtau, nanti kite repair sesama...heheheheh
untuk refer warna, meh tgk kat sini

ok..selamat menerai...♥♥



♥CikPuteh@ReenDiane♥

Thursday, April 14, 2011

Buat Button 'BACK TO TOP'




1. Log in blog>Dashboard>Layout>Edit HTML.
2. kemudian klik pada Expand Widget Templates.
3.Cari code ini
                   </body>  
4. copy code di bawah dan pastekan tepat-tepat di atas code  </body> 

<a href='#' style='left: 5px; position: fixed; bottom: 27px;' title='Back to Top'><img border='0' height='41' src='http://i1007.photobucket.com/albums/af200/taisha79/Backtotopicon.png' width='95'/></a>

5.Pada code berwarna merah korang boleh letak URL gambar yang korang suka dan code berwarna biru korang tetapkan saiz gambar berkenaan...

6. Cam biasa sebelum save make sure korang preview dulu, kalau tak ada error lehlah save.
7. Selamat menerai ek.... ♥♥♥




♥CikPuteh@ReenDiane♥

Buang "Subscribe to: Posts (Atom)"

harini jom kita share macamana nak buang "Subscribe to: Posts (Atom)" yang sangat annoyed tuh...jom reramai kite hapuskan benda tuh..hehehehehe

Step 1
login dan pergi ke Dashboard > Design > Edit HTML.
Step 2
click 'Expand Widget Templates' box.
Step 3
cari code berikut (Ctrl+F).

<b:include data='feedLinks' name='feedLinksBody'/>

kalau dah jumpa korang buang jek code tu.....

Step 4
cambiasa, jangan save dulu, cuba tekan Preview, kalau takde error dah boleh Save.


ok??? senang je kan....settle satu masalah ciput...ngeee~~~~ selamat menerai ek.. ♥♥♥cikputeh
♥CikPuteh@ReenDiane♥

Wednesday, March 23, 2011

Gantikan Logo Blogger pada Browser Tab



salam...
harini Cikput nak share camne nak tukar Favicon pada blog.. tak comellah kalau blog comel-comel, tapi pakai logo blogger kan?? kan??? he3

jom pasang...




1. mula-mula log ke blog korang

2. Design > Edit HTML >Tick Expand Widgets
3. CTRL F cari <title><data:blog.pageTitle/></title>
4. Copy code bawah ni
<link href='*******' rel='shortcut icon' type='image/png'/>

5. Pastekan DIBAWAH kod  <title><data:blog.pageTitle/></title>
6. Gantikan
'*******' dengan URL icon yang anda pilih.
7. preview dulu, kalau puas hati baru Save template.. 



p/s: jangan lah pilih icon yang besar sangat.. nanti tak nampak. cari yang simple & cute2 jek... hehe


Cara paling sempoi untuk dapatkan icon jelita macam cikput:-
Untuk yang nak cepat dan jimat kan masa korang just search saja kat photobucket korang boleh search keyword seperti favicon, flower icon, car icon, animated icon, pirate icon, alphabet icon dan sebagainya ikut suka korang lah. klik mana korang pilih pastu ambil "direct link" icon tu. kemudian paste, menggantikan '*******'kat atas tu dalam template korang. 

 
selamat mencuba~~~~~♥peace♥

♥CikPuteh@ReenDiane♥

Monday, March 14, 2011

check berat blog

Hye Babe..
Pernah tak korang rasa tension giler bile blog korang lambat loading lagi3 time internet slow dan hampeh..
Jom kite timbang blog kita, adakah ia perlu diDIETkan atau menten jek cam blog aku yang dalam kategori slim tuh..he3. Jadi korang bolehlah check kat iwebtool.com size blog korang.






Jangan lupa check kat sini yea huhu.





sumber:
tQ sbb bg share ek.. jasamu dikenang... =)

♥CikPuteh@ReenDiane♥

Buat Border untuk Entri

Harini CikPut nak share camne nak buat border untuk masukkan dalam entri
jom kita share...ayuh...


#1: solid
<div style="border-width: 2px; border-style: solid; border-color: green; "> solid border style</div>


solid border style

#2. dotted
<div style="border-width: 2px; border-style: dotted; border-color: blue; "> dotted border style</div>

dotted border style

#3. dashed

<div style="border-width: 2px; border-style: dashed; border-color: red; "> dashed border style</div>

dashed border style

#boleh juga insert picture


<div style="border-width: 2px; border-style: solid; border-color: purple; ">insert picture</div>







Note

** perkataan yang berwarna merah tu jenis kotak, yang highlight kuning  leh lah korang ganti dengan text atau gambar yang korang suka.
selamat mencuba, kalau ada tak faham ty lah, mana leh tolong, CikPut tolong
=) selamat mencuba, '^peace^'
♥CikPuteh@ReenDiane♥

Cara Letak gambar sebelah tajuk entri

1.Login akaun blogger, dari dashboard >layout > edit html > expand widget templates

2.Tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian cari kod berikut.


<a expr:href='data:post.url'><data:post.title/></a>
3. Letakkan kod dibawah antara kod <a expr:href='data:post.url'> dan kod <data:post.title/></a>

<img src="url gambar"/> 
Contoh kod sepatutnya kelihatan seperti ini
 <a expr:href='data:post.url'><img src="http://dl2.glitter-graphics.net/pub/694/694032qf33k11a3t.gif"/><data:post.title/></a>
  code merah tu code yang sy guna dalam tajuk entri saya
korang boleh cari code yang korang suka
klik SINI untuk dapatkan code

hasilnya...TARRAAAA...... =)




Nota:
a. Tukarkan url gambar dengan url gambar yang anda kehendaki

b. Saiz gambar yang biasa digunakan adalah dalam lingkungan 20x20 hingga 30x30.


 4. Preview, dan jika anda berpuas hati klik save template.:)


♥CikPuteh@ReenDiane♥

Sunday, March 13, 2011

Buat Kotak "Alert Message" pada Blog

Salam...
kalini CikPut nak share sumthing.. he3
Perasan x kalau korang masuk blog orang lain pastu korang disambut dengan 'Alert Message' yang ala2 cam kat bawah nih

kalau singgah Blog CikPut pun korang disambut gak kan
tapi x lah dengan msg yang GANAS cam kat atas tu
lebih sopan & comel.. ngeee~~

So, kali ni Jom CikPut Share untuk korang buat kat Blog korang
(ceh cam terror-terror jek nak ngajo org ek.. hehe)


1. Buka Blogger. Klik Design -> Edit HTML

2. Cari kode <head>  (guna lah Ctrl+f) , kalau dh jumpa korang pastekan code kat bawah ni

<script language='JavaScript'>alert(&quot;Welcome To My Blog&quot;);</script>

3. Kalau masih kompius, korang letakkan jek code atas tu cam ni 

<head> <script language='JavaScript'>alert(&quot;Welcome To My Blog&quot;);</script><b:skin>
4. Teks yang berwarna merah bold diatas merupakan teks yang akan muncul dalam kotak alert. So korang gantilah ikut suka korang...

5. Kalau sudah, klik Save Template.

6. Selesai. Silahkan klik View Blog untuk melihat hasilnya
selamat mencuba =)  '^peace^'

♥CikPuteh@ReenDiane♥

Cara pasang Scroll Box pada blog

Berpinau mata aku cari soklan yang ditanya pasal scroll dalam entry.. tak jumpa plak sapa yang tanya, padahal ada 2 3 orang yang tanya soalan yang sama.. Dah tu, jawapan aku asik nanti nanti nanti, nampak sangat dah berkurun punye soalan aku perap...

Dan sudah tiba masanya untuk aku jawab jawapan yang nanti2 itu...

Ada sesetengah orang tak suka kalau ada entry serabut panjang2. Jadiknye dorang sukaaaa nak carik cara macammana nak memendekkan entry dengan pelbagai cara. Ada yang letak readmore.. dan ada jugak yang letak scroll dalam posting....

Uols paham tak scroll dalam posting tu hape??

Tak paham takpe, jap2 lagi mesti paham..

Kira setiap entry kalau boleh dia nak selaraskan sama panjang... takmo ada panjang, ada pendek.. gitu...

Ok begini ye...

1: Masuk kat new post macam biasa.. like uols nak buat entry baru...

2: Then masukkan coding ini...




<div style="border: 2px solid ; background: transparent none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 450px; height: 100px;">
Kat sini uols boleh masukkan text or segala jenis mak nenek gambar yang ado...
</div>


3: Width boleh tukar ikut lebar entry uols.. macam aku, aku buat jadik 400px.

4: Height jugak boleh ditukarkan ikut keselasaan mata uols.. lebih molek jadik 400px...

5: Border jugak boleh ditukar dari 2px ke berapa tebal yang uols nak..

Contoh yang aku buat...







selamat mencuba... ^peace^
♥CikPuteh@ReenDiane♥