Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja - Hallo guys,mimin mau share nih Tutorial Blog di Blogrenanda, Pada sharing Tutorial Blog kali ini yang berjudul Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja, saya telah menyediakan Tutorial Blog lengkap seperti Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja . mudah-mudahan isi postingan tutorial yang mimin tulis ini dapat anda pahami. okelah, ini dia tutorialnya.

Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja.

TIPS Cara Membuat Auto Read More dengan menampilkan judul posting saja di Halaman Depan Blog ini sebenarnya sudah ada di tips sebelumnya: Variasi Tampilan Halaman Depan Blog.

Biar fokus ke yang versi memunculkan judul saja, berikut ini kode dan cara memasangnya.

Tampilannya seperti dalam ilustrasi posting ini. Demonya bisa dilihat di Johny Simple Magazine yang menjadi sumber kode auto readmore judul saja ini.

Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja

1. Template > Edit HTML
2. Temukan (Ctrl+F) kode ini: <b:include data='post' name='post'/>
3. Hapus dan ganti dengan kode berikut ini:

<b:if cond='data:blog.homepageUrl == data:blog.url'>     
<b:if cond='data:blog.pageType != &quot;item&quot;'>         
<a class='latestpost' expr:href='data:post.url'><data:post.title/></a>     
<b:else/>         
<b:include data='post' name='post'/>     
</b:if> 
<b:else/>     
<b:include data='post' name='post'/> 
</b:if>

4. Pasang kode CSS berikut ini yang mengatur tampilan Auto Read More dengan hanyamenampilkan Judul Posting saja. Copas di atas kode ]]></b:skin>

.latestpost {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqZDzkGa_j4rJQ3JYBWkK6iaWLF_B0zCU8lEHjpjrS7np4o5b7TIUX43jJj3nWZMbPu2voW61LmfHnlf4HiTVlBkz281st8GXJbS5Ny5mTGwZi5fsGcF1_0UqLnGH7JCuvArDo3CS9JKk/s1600/arrowList_2.gif) no-repeat 0px 3px;font: normal 14px Arial;margin: 15px 0 0 2px;padding: 4px 0px 5px 10px;line-height: 1.5em;position: relative;top:15px}

5. Save Template!

Anda bisa mengubah jenis dan ukuran huruf judul di kode font: normal 14px Arial; sesuai dengan template Anda.

Demikian Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja. Good Luck & Happy Blogging! (http://www.contohblog.com).*

Demikianlah Artikel Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja

Sekian Tutorial dari Blogrenanda Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan dari BlogRenanda.

Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja

Anda sedang membaca artikel Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja dan artikel ini url permalinknya adalah https://blogrenanda.blogspot.com/2016/10/cara-membuat-auto-read-more-dengan.html Semoga artikel ini bisa bermanfaat.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: