Posted by AlmansuQie™

Emoticon Di Post Entry

Emoticon Yahoo! Messenger..Sebenarnya dah ramai yang buat tutorial ni.. Ana tulis balik untuk simpanan peribadi..Ok untuk yang ini, caranya begini..

Posted by AlmansuQie™

Blogspot Dengan Gaya Wordpress

Pernah tengokkan wordpress?? Kali ini kita buat template kita macam wordpress skit. Kita main sorok-sorok widget.

Posted by AlmansuQie™

Cara Membuat Favicon

Assalamualaikum..ok..Kalau kita buka sesuatu website atau blog maka kekadang kita tengok ada gambar atau icon pada address bar (kat tempat alamat url tu).

Posted by AlmansuQie™

Membuat Label Flash (Blogumus)

Ha tutorial ni Ana ambil dari Blogger Buster. Cantik kalau dapat buat label macam ni..Ini untuk simpanan Ana, kalau Antum minat boleh ikut tutorial ni..

Posted by AlmansuQie™

The Cutest Blog On The Block

Teringin untuk menggunakan transparent background macam ini??Menarik kan?? Ada bayak lagi..Boleh dapatkannya di LamanIni. Untuk menampalnya di blog senang saja.

Posted by AlmansuQie™

Cara Membuat Menu Tab View

Apakah makhluk yang bernama Menu Tab View ni?. Boleh tengok sebelah kanan blog ni. Ana isikan dengan tips2/artikel2 di dalamnya. Kotak menu ni sangat berguna.

Jadikan Tulisan Read More Icon

Khas untuk Cik Farah, tokey muffin kite 10Payah Ana nak jelaskan kat shoutbox. Kene tukar, ganti, tambah kod html ni. Caranya senang saja, sama macam kita nak buat link bergambar. Hanya gantikan sebarang tulisan dengan kod image ini. <img src='http://alamat gambar.gif'/>.

Ok sekarang Ana tumpukan untuk gantikan tulisan Read More. Berpandukan tutuorial ini.

1. Cara Membuat Read More
2. Cara Membuat Read more V2

Loggin ke blogger => Edit HTML. Tanda kotak Expand Widget Template. Pastu cari kod Read More Antum ni.

# Untuk no.1, cari kod ini.

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>


# Untuk no.2/v2, cari kod ini.

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


Dah jumpa, gantikan tulisan merah dengan kod image ini. Kalau Antum dah tukar dengan tulisan lain, gantikan saja.

<img src='http://Alamat Gambar Antum.gif'/>


Preview. Dah ok klik Save.

Tambahan tuk farah. Enti punya tu lain sikit. Cari kod css ni, delete background tu tau.

#showlink {
background: transparent url(http://i302.photobucket.com/albums/nn113/aburifaie/readmore-1.jpg) no-repeat left;
....
....
}
#hidelink {
background: transparent url(http://i302.photobucket.com/albums/nn113/aburifaie/readmore-1.jpg) no-repeat left;
.....
.....
}

Tips² Terkait



7 Komentar:

deeb May 21, 2009 at 11:16 AM  

Mekaseh tuan guru... sungguh bermanafaat! ;;)

Cyber Aceh Forum September 12, 2009 at 4:52 AM  

thanks
http://kobargborid.blogspot.com/

warkahwanita January 20, 2010 at 5:41 AM  

thanks.. tp kat mana nak cri image read more ye?

Handy Blogg May 12, 2010 at 1:20 PM  

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))
thank you

SUHAIMI MOHD SALLEH August 10, 2012 at 5:15 PM  

Terima kasih. Banyak yang membantu saya.

TricaJus August 24, 2012 at 9:00 AM  

berbagi kata kata motivasi gan
Apa yang anda lakukan hari ini, merupakan kunci kebaikan ataupun juga kehancuran hari esok anda. Lakukanlah yang terbaik untuk hari ini.
salam kenal sukses selalu dan ku tunggu kunjungan baliknya :D

Post a Comment

1. Berilah Teguran/Komen Walau Sepatah Kata..
2. Komenlah Dengan Nama dan Blog Sendiri
3. Boleh Guna Kod² Seperti Ini <b>, <i>, <a>

© Hak Cipta Terpelihara 2008 [:: AlmansuQie ::]
http://almansuqie-tips.blogspot.com
Template Designed By: AlmansuQie™

Paparan Lebih Kemas Dengan Firefox