Cara Memasang Featured Post di Blog paling Mudah

BEBERAPA template blog secara default, - yang dibagikan oleh pembuat template blogger, tidak terpasang salah satu fitur yang dianggap paling menguntungkan, yakni Featured Post.

Cara Memasang Featured Post di Blog paling Mudah

Seperti yang sudah dijelaskan pada pengertian widget featured post, fungsi & cara memasangnya, menjelaskan bahwa featured post merupakan tempat yang bisa dimanfaatkan sebagai pengisian konten berkualitas dan terbaik yang pernah kita tulis.

As bloggers, we all know how important it is to post frequently in order to encourage readers to come back. Of course, the more you post, the more quickly your posts slip down into the archives, making it harder for your readers to discover everything you’ve posted that they might be interested in. To help make it easier to showcase the posts you want your readers to see, we’ve created a new gadget called Featured Post. With Featured Post, you can choose posts you’ve shared on your blog and highlight them wherever you’d like.

Intinya, dengan adanya widget featured post di blog kita, memungkinkan pengunjung dan pembaca blog akan mendapatkan sebuah informasi yang dianggap paling bermanfaat di blog kita.

Berikut adalah cara membuat dan memasang featured image post di blog dengan tips paling mudah.

Cara Memasang Featured Post di Blog paling Mudah


1. Masuk ke Blogger
2. Pilih Layout > Add a Gadget
3. COPAS kode dibawah ini untuk mengisi kotak Gadget tadi:

<style>
#featured-post {margin:15px}
#featured-post a{color:#FF5;font-size:20px;font-weight:700;}
#featured-post a:hover{color:#48d}
#featured-post .item-content{background:transparent}
#featured-post .item-thumbnail{background:#fafafc}
#featured-post .item-content img{width:525px;height:250px}
#featured-post .item-title{line-height:1.3em;font-size:95%;min-height:75px;max-height:75px;;opacity:0.75;background:#111;margin:-100px 0 1px;padding:10px;color:#fff;overflow:hidden}
</style>
<div id="featured-post">
<div class="item-content">
<div class="item-thumbnail">
<a href="http://tipsseokiller.blogspot.co.id/" target="_blank"><img src="https://lh3.googleusercontent.com/-8B4vLNq1jY0/VtikbnuGQdI/AAAAAAAAAVo/1oipo_DHjXs7WgwPr2_YIf5_ZBp0suvDgCCo/s912/SEO%2BVector.jpg" alt="SEO"/> </a></div>
<div class="item-title">
<a href="https://tipsseokiller.blogspot.co.id/2016/04/skor-seo-100-chkme.html" target="_blank">Skor SEO 100% tidak Penting bagi Saya</a>
<p>Pentingkah skor seo 100% versi chkme untuk blog, situs dan website? Faktanya adalah... Pembahasan tinggi atau nilai skor seo...</p>
</div>
</div>
</div>

4. Simpan template blog.

PERHATIAN: Hapus dan ganti link warna-warni diatas dengan milik Anda.

Sampai disini kita harus menyeret atau memindahkan Widget featured post ini diatas "Blog Post" di halaman Layout Blogger.

1. Selanjutnya, masuk ke Edit HTML template blogger
2. Lompat ke widget HTML1 atau diatas kode HTML Blog Post
3. Kurang lebih kita akan melihat kode seperti dibawah ini:

<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
<b:include name='quickedit'/>
</div>
</b:if>
</b:includable>
</b:widget>

INFORMASI

Pada awalnya, kita tidak akan melihat link warna biru diatas. Link tersebut silahkan Anda tambahkan sendiri secara manual di dalam Edit HTML nantinya.

Fungsi dari link berwarna biru tersebut adalah untuk menampilkan widget hanya tampil di halaman Homepage saja (tidak ikut tampil di dalam single post). Jika tidak, widget akan ikut tampil di halaman Single Post dan di mode Next Page or Previous Page.

Thanks to CBLab. Good luck!

0 Response to "Cara Memasang Featured Post di Blog paling Mudah"

Post a Comment

Komentar spam & link aktif akan dihapus. Centang OK pada "notify me" agar komentar balasan saya masuk ke email Anda.