Monday, October 24, 2016

Cara membuat Featured post, popular post simple keren pada blog

loading...

Featured post dan popular post,  istilah yang hampir sama itu disandang oleh sebuah posting yang dinilai penting bagi pemilik blog atau pengunjung blog bahkan kedua elemen tersebut. Featured post seringkali kita liat pada halaman depan atau homepage blog seseorang dan bergentayangan dibawah header.

Beberapa waktu lalu entah mengapa tiba-tiba mood saya tergerak untuk 'utak atik' blog ini. Pada mulanya saya bingung apa yang harus saya ubah, kebetulan saya juga setia terhadap template.. :D *alias males merubah template* hehe..

Sebenarnya banyak cara yang dapat digunakan untuk membuat featured post. Banyak blog-blog yang telah menyediakan script-script untuk membuat slider. Takkkan ada yang sempurna didunia ini, nah hal tersebut juga berlaku pada slider blog lho. Kemarin saat ku ingin memiliki slider atau featured post pada blog saya, saya search di google. Ternyata banyak variasi dari tiap-tiap slider umumnya pada desainnya.

Slider demi slider ku coba tapi, kembali lagi bahwa tak ada yang sempurna. Mulai dari error pada numbering ketidak cocokan ukuran dengan template yang saya kehendaki, dan masalah lainnya. Saya mencoba mengakali bagaimana membuatnya sesuai selera saya mengingat keterbatasan saya dalam editing template.. :D

Akhirnya ide itu muncul.. Melalui widgetlah saya bisa membuat featured post. Meskipun terlihat sederhana yang penting fungsinya luar biasa.. :) Daripada slider mewah tapi tak bisa menggunakan fungsinya hehehe.

Featured post sederhana yang berhasil saya buat adalah featured post yang tampak dibawah menu saya diatas. Langsung saja masuk ke TKP:

1. Langkah pertama langsung saja merapat ke edit HTML blogspot dan centang expand widget template.

2. Carilah letak postingan anda (blog post) biasanya berada setelah kode <div id='main-wrapper'>

3. Tepat dibawah kode tersebut terdapat kode <b:section class='main' id='main' showaddelement='no'> . Ganti kata "no" menjadi yes.

4. Oke, lanjut. Masuk ke page elements atau Tata letak.. Coba lihat diatas postingan, akan terdapat tombol add widget. dan disitulah anda letakkan postingan apa yang akan anda jadikan sebagai featured post.
Letakankode di bawah ini di dalamnya :

<center><span style="font-weight:bold; font-size:2em;" >- <a href="https://pepinnono.blogspot.co.id/2016/03/tips-agar-artikel-blog-tidak-bisa-di.html">Featured Post</a> -</span></center><br/> 

<div style="margin:-15px 0 0 -12px" border="2px solid green" align="center"><a href="http://arek11.blogspot.com/2011/08/teknologi-untuk-bangsa-menjadikan.html"><img style="-webkit-user-select: none; " src="https://4.bp.blogspot.com/-S7St4eQx9uM/VvH2CmajfbI/AAAAAAAABF0/u16KgMueUA8C6SOaI4tVq5olsA3HBu2yA/s1600/copas.jpg" height="60%" width="60%" />
</a></div><center>Cara memasang kode css agar postingan kita tidak bisa di copas sangat mudah, sobat hanya perlu menyimak baik - baik tutorial berikut yang akan saya jelaskan secara simple untuk sobat blogger khusus nya untuk pemula....  <a href="https://pepinnono.blogspot.co.id/2016/03/tips-agar-artikel-blog-tidak-bisa-di.html">Cara agar artikel tidak bisa di COPAS.</a></center>

Note:
  • Pada "Featured Post" silahkan ganti dengan istilah featured post milik anda atau mungkin bisa tetap. 
  • Link berwarna "biru" untuk link yang merujuk kepada postingan anda.
  • huruf berwarna "hijau" merupakan alamat gambar yang akan di tampilkan sebagai thumbnail.
  • yang bergaris bawah tentunya kumpulan kalimat atau descripsi post tersebut.
  • dan yang terakhir, "Cara agar artikel tidak bisa di COPAS" silahkan ganti dengan judul post yang akan di tampilkan.
Beberapa langkah tersebut adalah cara simple membuat featured post sederhana yang berhasil saya coba pada blog saya dan apabila anda tidak melihat nya di blog ini, mungkin sudah tidak saya gunakan lagi.. hehe, apabila ada yang ingin di tanyakan tentang artikel saya di atas silahkan bertanya pada kotak komentar di bawah, Semoga bermanfaat.. Terima kasih..

2 komentar

wah baru tau saya sejauh ini, mantap nice info

Semoga bermanfaat ya gan . .

Terimakasih kunjungan nya :)


EmoticonEmoticon