Tuesday, October 18, 2011

Membuat Featured Post: Cara Pintar Membuat Featured Post Blogspot

,
Featured post, 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 'merusak' 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.. Coba lihat diatas postingan, akan terdapat tombol add widget. dan disitulah anda letakkan postingan apa yang akan anda jadikan sebagai featured post.
Misalnya: <center><span style="font-weight:bold; font-size:2em;" >- <a href="http://arek11.blogspot.com/2011/08/teknologi-untuk-bangsa-menjadikan.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUydrClEdKEbvbzzB7DnHRanL6C8fZ_rhPOWQMwqV1f-8y3AG9rjzjMNboypcp_BtrWdj4E505SXfHthNcpuMBrYagTEZk4OMGG9vNIa5Z0o7GYoRuuk5aamDEN7NEOC57w-r5MzX7x6Q/s1600/lombaku.jpg" height="60%" width="60%" />
</a></div><center>Google, facebook, twitter tiga situs besar yang menjadi tujuan pemberhentian bagi pengguna internet Indonesia. Tiga situs diatas mendapatkan efek yang luar biasa akibat pengguna Indonesia.  <a href="http://arek11.blogspot.com/2011/08/teknologi-untuk-bangsa-menjadikan.html">Teknologi untuk bangsa.</a></center>

5. Pada huruf yang berwarna merah 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 anda gunakan sebagai thumbnail dan terakhir bergaris bawah tentunya kumpulan kalimat atau dengan nama lain deskripsi. :)

Beberapa langkah tersebut adalah cara pintar membuat featured post sederhana yang berhasil saya coba pada warna warni kehidupan blog ini.. hehe Semoga bermanfaat.. Terima kasih..

Arek11

Artikel Terkait:

27 comments to “Membuat Featured Post: Cara Pintar Membuat Featured Post Blogspot”

  • October 18, 2011 at 8:40 PM

    uhuyyy manfaat bgt ni sob,, izin follow networkedblogs nya, folback ya

    delete
  • October 18, 2011 at 8:54 PM
    Arek11 says:

    @tirta. Ok makasi sob.. :)

    delete
  • October 19, 2011 at 8:31 AM

    Wah hebat anak IBN :)
    proses instalasinyapun sangat mudah

    delete
  • October 19, 2011 at 8:54 AM

    Amang Copas dulu ya Artikelnya. trmksh.

    delete
  • October 19, 2011 at 9:48 AM

    Wah, lumayan hasilnya bro...not bad.
    Itu kamu sendiri yang nyusun scriptnya??

    Oh, ya sebenarnya sudah banyak template blogger yang terdapat feature post (slider) didalamnya, biasanya yang wordpress theme. Saya pernah beberapa kali mendownload template tersebut dan menggunakannya untuk web saya. Tapi kemudian script slider di edit html template tsb saya copy paste, simpan di word dan meremovenya dari template. Saya belum berniat ingin menggunakannya, karena ingin mempelajarinya dulu nanti, terutama gimana cara menginstal banyak gambar di featured post/slider.

    Apa Aqmal udah pernah coba mengutak-atik slider bawaan template tersebut??

    Mohon di jawab ya Aqmal.

    delete
  • October 19, 2011 at 1:14 PM
    asaz says:

    ok gan share akan saya coba buat mempercantik blog

    delete
  • October 19, 2011 at 1:35 PM

    blogger memang nggak mau kalah. selalu inovatif dan kreatif.

    delete
  • October 19, 2011 at 2:44 PM
    Anonymous says:

    cakep banget nih postingannya.. ijin nyimak dl ya soalnya kunjungan perdana dari http://telepongenggam-jimmy63.blogspot.com/
    kalau sempat berkunjung juga ya dan follow back ya

    delete
  • October 21, 2011 at 4:53 PM

    di Blogger kan sudah ada widgetnya bro

    delete
  • October 22, 2011 at 8:51 PM

    info yang bagus, tp sama kayak, saya juga setia dalam urusan template dan layout, :p

    delete
  • October 27, 2011 at 6:05 PM
    Skydrugz says:

    lagi ndak minat utak atik blog :D

    delete
  • December 4, 2011 at 8:10 PM
    Arek11 says:

    @mas armansyah: wah klo utak atik slider kmarin sudah nyoba tapi karena buntu saya capek mas :D

    delete
  • February 4, 2012 at 4:57 PM
    Albab says:

    ini cuma 1 post aja ya sobat ? nda bisa banyak ?
    Bacaan Ringan | Opini | dan Artikel

    delete
  • February 29, 2012 at 11:07 PM

    wow besok segera praktekin di blog saya www.reyzalmysterio.co.cc

    delete
  • May 3, 2012 at 4:06 PM
    adi susanto says:

    ahirnya ketemmu juga disini makasih gan :) salam kenal

    delete
  • July 27, 2012 at 4:08 AM
    fauzyeah says:

    biar featured post muncul di semua halaman gmn sob ?

    delete
  • August 25, 2012 at 1:50 PM
    Unknown says:

    anie coba dulu om mampir ke blog ane http://animeviz.org

    delete
  • November 2, 2012 at 6:53 AM

    ane coba dulu ga.. moga berhasil..

    delete
  • January 8, 2013 at 6:17 PM

    bisa dicoba nih

    delete
  • February 22, 2013 at 9:44 PM
    Anonymous says:

    tangs

    delete
  • April 22, 2014 at 1:01 AM

    Simpel dan Mudah dimengerti bro..!! Thanks Infornyaa

    delete
  • November 18, 2014 at 10:35 AM
    Anonymous says:

    tq

    delete
  • November 19, 2014 at 1:37 AM
    Klik saya says:

    WoW, makasi gan

    tapi klo mau menampilkan beberapa entry gmn ?

    delete
  • March 3, 2015 at 11:10 AM

    Terimakasih infonya Gan (y)
    Ini yang sedang saya cari-cari

    delete
  • June 4, 2016 at 3:32 AM
    Unknown says:

    Kunjungan Balik Kawan
    di http://animekita.web.id

    delete
  • October 24, 2016 at 7:34 PM
    AmiUrawa says:

    Thanks tutorial nya min..
    bermanfaat banget nih buat blog ane..:)

    Visit ya http://pepinnono.blogspot.com/

    delete
  • April 18, 2018 at 2:17 AM
    Unknown says:

    http://buktipers.com/polres-padangsidimpuan-melaksanakan-anjangsana-dan-silaturahmi-ke-ponpes-al-iman/

    delete

Post a Comment

 

My News Zone Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger