Memotong sebagian Artikel di Blogspot Versi Template Clasic

Posted by

Buat anda yang menggunakan template klasik gak usah bingung untuk memotong sebagian Artikel yang akan ditampilkan pada halaman utama. Kemudian ditambahkan teks link untuk membaca artikel secara keseluruhan. Biasanya bertuliskan, Baca Selengkapnya atau Read More. Baca Selengkapnya itu menjadi istilah saya untuk menjelaskan cara membuat potongan pada artikel. Untuk membuat menu Baca Selengkapnya pada template klasik kita harus menambahkan beberapa kode HTML ke dalam template blog kita.
langkah-langkahnya sebagai berikut :

Login ke blogger.com dengan id anda
• Klik menu bertuliskan Template
Klik menu Edit HTML
Copy kode HTML di bawah, kemudian paste persis di atas kode </style> :

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

• langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :

<MainOrArchivePage><br/> <a href="<$BlogItemPermalinkURL$>">Baca Selengkapnya</a> </MainOrArchivePage>

Tulisan Baca Selengkapnya bisa anda ubah sesuai dengan keinginan anda, misalkan Readmore atau Baca lebih lanjut, dll. Kemudian jangan lupa Klik tombol yang bertuliskan Save Settings (Simpan Perubahan)
• Langkah selanjutnya adalah klik menu Setting (Pengaturan)
• Klik menu Formatting (Format)
• Dibagian bawah menu tersebut ada kotak di samping tulisan Template Posting, nah isi kotak kosong tersebut dengan kode di bawah ini :

<div class="fullpost">
</div>


kemudian jangan lupa klik tombol Save Settings (Simpan Setelan)

• Selesai

Cara Posting Artikel
cara memposting suatu artikel agar ada menu Baca Selengkapnya, ikuti langkah berikut :
• Klik menu Posting
• Klik menu Edit HTML, secara otomatis akan tampak kode yang kita simpan tadi, yaitu :

<div class="fullpost">
</div>


simpan artikel anda yang ingin di tampilkan sebelum kode <div class="fullpost"> kemudian simpan sisa keseluruhan artikel diantara (ditengah – tengah) kode <div class="fullpost"> dan kode </div>
Selamat Mencoba


<
Blog, Updated at: 22.23

1 komentar: