Cara Memasang Featured Post di Blog paling Mudah

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.

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. Blogger > Layout
2. 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 Blogger.

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.

Selanjutnya:

1. 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. Oh ya hapus saja kode bi-include-quickedit diatas karena itu memperberat loading blog.

Source: http://cbbloggerlab.blogspot.co.id/2015/12/cara-memasang-featured-image-post-for.html

Ditulis oleh:

Blogger pemula (/Newbie-Class) - senang menulis apa pun yang saya anggap menarik. Just another your blogging inspirations :)

Labels: Desain Blogger

Thanks for reading Cara Memasang Featured Post di Blog paling Mudah. Jika dirasa berguna, silahkan share ke sosial media.

0 Comment for "Cara Memasang Featured Post di Blog paling Mudah"

Nama komentator dan isi komentar yang mengandung SARA, Iklan/Promo dan menyertakan Link tidak akan dipublikasikan.

Back To Top