Tutorial Pasang Read More Pada Blog Post

Salam..

Kadang kadang ada post yang panjang dan bila nak view kesemua menyebabkan blog nampak tidak kemas. Jadi untuk itu Lanun kongsikan satu tutorial bagaimana nak letak @ buat fungsi read more pada blog korang. Selain itu, read more ni boleh dijadikan gimik bagi saspen pada pembaca untuk ketahui apa sambungan cerita korang tu.

Tanpa buang masa, cara paling kacang buat Read More adalah menggunakan "Jump Break" paling mudah! paling cepat! tanpa memerlukan kode html atau skrip ke hape. Dulu2 Lanun kena bersusah payah geledah skrip tu untuk buat fungsi readmore tapi dengan tools Insert Jump Break boleh lupakan dah kesengsaraan edit HTML tu.

klik untuk lebih besauuu..

Kat mana butang Insert JumpBreak ni?

Di bahadian Compose, Ada terletak sebelah kanan button fungsi Insert Video (simbol kertas koyak dua)

Macam mana cara nak guna Jump Break? Mudah....

Semasa buat blog post terbaru atu edit yang lama, Just klik ikon Insert Jump Break tu dimana-mana bahagian teks / gambar dalam post anda. Selepas klik akan muncul satu garisan. Garisan itu menandakan sempadan Read More :
++ Semua yang diatas garisan akan muncul di awal awal
++ Dan yang dibawah garisan akan muncul selepas klik Read More. Mudah kan!.

Kenapa saya takda butang fungsi Jump Break ni?

Mungkin korang gunakan Post Editor yang lama. Just tukar kepada Post Editor yang baru dengan pergi ke Blogger > Setting > Basic > Skrol ke bawah sekali > Global Setting > Select Updated Editor.

ni yang lama.. tidak ada Jump break

tukar pada baru!!... klik untuk lebih besauu..

Ada lagi korang boleh capai..

Readmore dalam blogger ni boleh di customized @ di iedit lagi. Korang boleh tukar perkataan read more tu kepada ayat anda sendiri contohnya " Baca selanjutnya " atau "Nak tahu sambungnya?". Nak tukar tu boleh pergi ke Design > Page Element > Kotak Blog Post > Tekan Edit > Edit bahagian "Post page link text". Done!

HTML Hyper Link Code Generator

Salam..
Lanun nak share satu tools ni yang simple, macam mana korang hasilkan HTML hyperlink script ke laman web yang dikehendaki. Ok, ada banyak cara sebenarnya antara dengan menggunakan HTML Link generator dibawah.

Kaedah Pertama :

Masukkan alamat URL Post @ Artikel korang dalam bahagian "URL Post". Pastikan yer sebelum www di dahului dengan http:// . Selepas itu masukkan "Nama Link" (Anchor text) , teks yang korang masukkan itu akan di tukar menjadi Hyperlink ke alamat url yang di isi di kotak sebelumnya. Sekiranya korang tak letak nama link, apa yang di isi di "URL post" akan menjadi nama link tersebut secara automatik.

Selepas lengkap di isi, klik butang "Jana Kod" untuk dapatkan kod html. Copy & Paste kod tersebut untuk digunakan di mana mana korang mahukan. Contohnya di friendster, tagged, laman web, dan juga pada ruang komen ataupun blog post. Mudah!

URL Post:
Nama Link:
Kod HTML link, Copy&Paste dimana saja korang nak:

Kaedah Kedua :

Satu lagi alternatif, kaedah nak hasilkan HTML Link skrip boleh menggunakan cara Copy n Paste URL dan edit nama menggunakan kod HTML yang telah diberi seperti di bawah :

<a href="http://www.quackit.com/html/codes">Get your HTML codes here!</a>

Tulisan Merah : URL Post / Laman web
Tulisan Biru : Tajuk Link ataupun Nama link.

Tutorial : Bagaimana Membuat Scroll Text Box @ Kotak Teks Boleh Skrol

Salam.. Lanun share pada anda semua bagaimana skrip membuat text box @ kotak teks dengan fungsi skrol / scroll. Dengan kotak ini korang boleh meletakkan teks yang panjang lebar tanpa perlu mengambil ruang yang banyak. Contohnya di bawah ini :

Dari kod html kotak ini kita boleh ubah suai : Height & Width (Panjang & Lebar ) dan Warna kotak teks. Memang mudah dan banyak kegunaannya. Korang boleh copy html script itu dibawah.

Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..

Copy n Paste skrip html ini di ruang "edit html" dan gantikan perkataan berwarna merah dengan tulisan yang ingin anda masukkan kedalam kotak teks. Pastikan ayat yang hendak di kotakkan di akhiri dengan 

"</div>"

<div style="background-color: #e8e8e8; border: 1px dashed; color: black; height: 260px; overflow: scroll; padding: 15px; width: 570 px;"> XXX TEKS ANDA DISINI YER XXX TQ </div>


Lanunsepet Menjemput Semua Untuk Link Exchange... Tambah Rating.. Tambah Trafik...

Salam...

Lanun harap semua sihat, dan terus sukses dalam ape jugak perkara korang buat. Lanun sekarang dah nak masuk minggu final dah. pas exam tamatlah zaman student Lanun. Buat masa ni tak da la nak sambung belajar dah. Kalu sambung pun, bila di suruh kementerian barulah Lanun akan amik master.

Ok, hari ni Lanun nak umumkan kat semua yang Lanun buat pages baru. Korang perasan tak link Tukar2Link kat menu tab atas tu? Lanun sediakan satu page untuk kita buat exchange link. Korang semua leh submit link korang kat Lanun melalui form yang ada kat situ. 

1. Just  klik pada menu tab kat atas nun Tukar2Link, 
2. isi form ringkas tu, 
3. n then klik submit. Lanun akan masukkan secepat mungkin link yang korang dah submit tu.

Pada hemat Lanun, link exchange ni juga boleh tingkatkan rating blog korang secara tak lansung menaikkan trafik ranking kita dalam search engine. Ia juga di kenali sebagai back link if i not misktaken lar. So, Lanun alu-alu kan semua submit Link korang. Semoga ia jadi satu permulaan ikatan persahabatan antara kita.