Follow @Rifat85

blogger tips warning : Tutorial ini hanya dikhususkan bagi anda parablogger yang masih memakai templat klasik di blogger

blogger tips kaLi ini akan membahas tentang cara membuat Read More pada tempLate kLasik bagi para blogger yang berdomain di blogger.com

Untuk blogger tips yang membutuhkan cara untuk membuat Read More pada tempLate yang baru, jangan khawatir, blogger tips juga akan segera menyediakannya di sini.

Mungkin para bLogger pernah menemukan sebuah artikeL di suatu website/bLog, hanya sedikit teks yang dimuncuLkan. Dan untuk membaca keseLuruhan artikeL:, anda diharuskan untuk meng-kLik tanda "Read More" atau ""Baca selengkapnya" atapun "selengkapnya". Blogger tips akan menunjukkan Langkah-Langkah yang harus anda Lakukan untuk membuat Read More pada tempLate kLasik bLogger di bawah ini :

LoginLah ke blogger.com dengan menggunakan id anda
SeteLah Login siLakan anda kLik tab menu yang bertuLiskan "template" atau "tata letak"
Setelah itu siLakan anda kLik Lagi tab menu "edit HTML"
Jangan Lupa juga untuk meng-Copy semua kode tempLate miLik sobat LaLu paste-kan pada notepad dan kemudian disimpan, untuk membuat back up data. Ini dimaksudkan apabiLa terjadi kesaLahan daLam tempLate seteLah kita merubahnya atau menambahkan script, kita masih punya cadangan data untuk mengembaLikannya seperti semuLa sebeLum kita meLakukan perubahan atau menambahkan script yang mungkin saLah.
Kemudian siLakan anda cari kode script yang bertuLiskan </style>.
Untuk memudahkan pencarian kode </style>, siLakan anda tekan Ctrl + F pada keyboard dan di monitor akan muncuL kotak find. Kemudian paste-kan kode </style> pada kotak pencarian dan kLik tomboL find dan pasti ketemu.
SeteLah ketemu, paste-kan kode di bawah ini tepat persis di atas kode </style>

<MainOrArchivePage> div.fullpost {display:none;} </MainOrArchivePage> <ItemPage> div.fullpost {display:inline;} </ItemPage>

Langkah seLanjutnya yang harus anda Lakukan adaLah copy-kan kode di bawah ini persis/tepat di bawah kode <$BlogItemBody$>

<MainOrArchivePage><br/>

<a href="<$BlogItemPermalinkURL$>">Read more!</a>

</MainOrArchivePage>

SeteLah seLesai, siLakan anda kLik "SAVE SETTING" / "SIMPAN PENGATURAN"
Langkah ini beLumLah seLesai. SeteLah itu siLakan anda kLik menu "Setting"
Kemudian kLik menu "Formatting"
Di bagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :

<div class="fullpost">

</div>

Sebenarnya Langkah ini tidak wajib diLakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikeL, kode tersebut akan muncuL secara otomatis tanpa harus di tuLis dahuLu, tentunya ini akan Lebih memudahkan anda dan tidak harus seLaLu mengingat kode tersebut.

Cara Posting Artikel

Sesudah beberapa tahapan yangteLah kita Lakukan, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikeL agar ada menu Readmore nya.

Klik menu Posting
klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :

</div>

</div>

dan siLakan ketikkan sisa dari artikeL anda di sini yangnantinya akan muncuL seteLah pembaca meng-kLik Read more

</div>

Ketikkan sebagian dari artikeL anda yang nantinyaakan dimuncuLkan pada blog anda di sini

Read more!

Bagaimana, sudah jeLaskan????!?!? biLa beLum jelas siLakan di peLajari dan dipahami kembaLi.

Sedikit masukan Lagi dari blogger tips, kata Read more! sebenarnya bisa kita ganti sesuai dengan keinginan kita, misaLkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung dan pembaca, bahwa artikeL kita masih ada keLanjutannya.

Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span. Hasilnya akan sama, akan tetapi bagi anda yang suka mem-posting artikeL pada menu compose, kode ini sering ada masalah di karenakan bertabrakan dengan perintah Lain yang memakai kode Span.

Sekian blogger tips kaLi ini dalam cara membuat Read more pada tempLate kLasik di blogger. Jika blogger tips ini bermanfaat bagi anda, siLakan vote saya di Lintasberita dengan mengkLik ikon Lintas berita di bawah.

posted by rifat in blogger tips

Web Images Videos Maps News Shopping Gmail more ▼

Books Finance Translate Scholar Blogs

YouTube Calendar Photos Documents Reader Sites Groups

even more »

Help