Cara membuat read more

Cara Buat Readmore Paling Mudah Dalam Blogspot

 

 

As-Salam. Mungkin ada yang tak tahu, bahawa link readmore atau baca selanjutnya sangat mudah dibuat dalam blogspot. Mungkin mereka tak nampak bahawa fungsian itu hanyalah memerlukan anda selitkan sahaja dalam entri blog anda.

Err dah tahu ... kalau dah tahu oklah, saya pasti ramai juga blogger yang dah tahu mengenai perkara ini. Tapi tak mengapalah, entri ini buat mereka yang tak tahu sahaja. Kalau dah tahu, anda boleh geledah benda-benda lain dalam blog ini yang mungkin anda tak tahu.

Oppss sebelum tu, mengapa perlukan readmore? Jawapan ringkas saya ialah ruang. Kalau mahu lebih banyak ruang dalam blog, salah satu caranya ialah dengan penggal entri anda itu menjadi satu teaser atau sebagai sorotan sebahagian daripada entri keseluruhan. Fungsi readmore ini juga membolehkan blog anda menerima lebih banyak klik ... dan lebih banyak pageviews (kalau ikutkan jumlah klik la) - tanpa mengira ip address (bukan dari sebab pengunjung unik).

Cara Buat Readmore Paling Mudah Dalam Blogspot

Untuk buat readmore mudah ini, anda hanya perlu berada di dalam mode Compose semasa menulis entri baru. Tulis entri anda ikut kebiasaan. Kemudian, cuba dapatkan bahagian pertama atau perenggan pertama yang anda mahu jadikan sebagai teaser atau pengundang. Dah kenalpasti, selitkan Insert Jump Break dalam entri yang sedang anda tulis itu seperti di bawah ini.

Perhatikan cursor saya tu, bila tekan sahaja Insert Jump Break, satu garisan panjang - berputus-putus akan terhasil yang menjarakkan antara bahagian tersebut.

Dah siap. Anda dah boleh publish entri tersebut.

Kebaikan Readmore

Readmore hanya sesuai digunakan untuk blog yang mahu papar jumlah paparan agak banyak di halaman utama, selalunya lebih daripada 2. Fungsi ini akan menjimatkan ruang selain menjadikan blog anda kaya kandungan - perkara yang sangat dititikberatkan dalam SEO.

Namun, cara mudah ini ada kekurangannya - fungsi readmore menerusi Jump Break ini akan kelihatan tidak seragam. Maka, perlu sangat anda pastikan bahawa jumlah perkataan semua entri anda dengan fungsi readmore punyai keseragaman.

Untuk tukarkan perkataan readmore, anda boleh pergi ke Layout, klik pada bahagian kotak Posts, klik bahagian edit dalam kotak Posts dan paparan berikut akan keluar. Tukar atau ubah pilihan readmore tersebut.

Ok. Selamat mencuba.

Home > Tutorial Blog > Membuat border dan background pada posting

Membuat border dan background pada posting

Sebelum ini aku sudah menuliskan artikel tentang cara membuat border pada judul posting dan sekarang aku akan menuliskan tutorial tentang membuat border dan background pada posting  atau artikel contohnya seperti gambar di atas border biru melengkung dan ada background polka dots pink di dalamnya. Langkah-langkahnya seperti berikut:

1.Masuk Dashboard > Template > edit HTML

2.Expand template widget dan tick F3 atau CTRL + F cari kode 

.post-body {

3.Letakkan kode berikut ini diatasnya:

.post-outer {
-moz-border-radius: 25px;
border-radius: 25px;
border: 3px dotted #00CACA;
background : 
url(http://i1243.photobucket.com/albums/gg546/alice4ja/10382769_zps4cda3464.gif);padding: 15px 20px;
margin: 0 -20px 20px;
}

Atau seperti gambar di bawah ini jadinya:

Untuk ukuran px bisa diubah sendiri menurut keinginan kode warna juga boleh ditukar sendiri dan url image/gambar yang aku tandai dengan warna purple/ungu juga boleh diubah sendiri. Dotted adalah jenis border dan bisa diubah juga menjadi dashed, solid, dll. Itu adalah kalau background posting mau ditaruh warna kesukaan, pakai kode di atas/no 3, dan kalau ingin menaruh warna background dengan warna biasa maka kodenya jadi seperti di bawah:

.post-outer {
-moz-border-radius: 25px;
border-radius: 25px;
border: 3px dotted #00CACA;
background: #FFD0FF;
padding: 15px 20px;
margin: 0-20px 20px;
}
.post-body {

Atau letakkan di bawah kode  .post-outer { dan kalau di bawahnya ada kode embel-embel tolong hapus dulu xD

Warna pink itu kode warna dan bisa diubah juga sesuai keinginan, dotted itu jenis nama border nya, bisa diubah sendiri misalnya menjadi solid, dashed, dll sesuai keinginan dan tentang jenis-jenis nama border aku pernah juga tuliskan atrikelnya sebelum ini.

4.Tekan pratinjau dulu jadi atau tidak? kalau jadi baru tekan simpan template xD.

Itulah cara membuat border dan background pada posting