Membuat Recent Post Dengan Thumbnail Keren Untuk, Cara Membuat Recent Post dengan Menu Scroll - Tutorial, Membuat Widget Recent Post Dengan Fungsi Scroll
Tutorial Go Blog

Cara Simple Membuat Recent Post Dengan Scroll - Untuk menunjung volume traffice pada sebuah situs website/blog, harus sebisa mungkin kita untuk melakukan sebuah perubahan pada tampilannya dengan kata lain kita harus ber-eksperimen pada suatu website/blog yang sedang kita bangun tersebut. Caranya bagaimana..?? Untuk caranya sih sebenarnya sangat mudah dan gampang untuk dilakukan, banyak cara-cara tutorial yang mengenai cara desain website di mesin pencarian google lho.

Tanda di sadari, sebenarnya google itu selain mesin penyedia informasi, juga bisa dibilang sebagai guru kita di dunia internet. Di google, apapun ada. Mulai dari kesehatan, kecantikan, kuliner, wisata, teknologi, shopping hingga tutorial pun ada. Jadi, inti dari pembicaran yang tadi Tutorial Go Blog jelaskan ialah ingin memberikan saran untuk newbie yang sekiranya berambisi untuk mendapatkan banyak visitor, ya cara salah satunya ialah membuat recent post di blog anda.

Cara membuat widget recent post di blog ada banyak tipe-nya, tergantung anda mau memilih yang mana untuk dipasang didalam blog anda, diantaranya cara membuat widget recent post berwarna, cara membuat recent post tanpa gambar, cara membuat widget recent post dengan gambar, cara membuat recent post thumbnail dan masih banyak cara-cara lainnya.

Sebelum anda melakukan langkah selanjutnya, silahkan saja copy terlebih dahulu kode script html yang terdapat dibawah ini, lalu simpan sebentar.


<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">

<script src="http://anas.ku93.googlepages.com/post-terakhir.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://tutorialgo-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

</div>

Catatan :
  1. Warna biru adalah URL Links blog, anda ganti dengan URL Links blog anda.
  2. Warna merah adalah jumlah postingan yang diterbitkan.

Tak perlu menungg-nunggu lagi, kita sikat saja ke TKP...!!

Keterangan :
- Login ke Blogger.com
- Masukkan email & kata sandi (Password)
- Buka dashboard

Langkah Pertama
- Kita  langsung saja cari element menu di dashboard blog/website yang bertuliskan "Tata Letak", apabila tidak mengerti kita lihat dan periksa saja di sisi kiri depan layar kaca notebook atau juga komputer.

Membuat Recent Post Dengan Thumbnail Keren Untuk, Cara Membuat Recent Post dengan Menu Scroll - Tutorial, Membuat Widget Recent Post Dengan Fungsi Scroll
Gambar 1

Langkah Kedua
- Selanjutnya, kita bisa langsung memilih masuk dari sisi mana saja di element menu yang bertuliskan "Tambahkan Gadget" tersebut. Di dalam menu element ini, anda akan ditampilkan beberapa menu element gadget lagi.

Membuat Recent Post Dengan Thumbnail Keren Untuk, Cara Membuat Recent Post dengan Menu Scroll - Tutorial, Membuat Widget Recent Post Dengan Fungsi Scroll
Gambar 2

Langkah Ketiga
- Nah, sekarang kita saatnya untuk memilih dan mencari menu element yang bertuliskan "HTML/JavaScript". Setelah itu..

Membuat Recent Post Dengan Thumbnail Keren Untuk, Cara Membuat Recent Post dengan Menu Scroll - Tutorial, Membuat Widget Recent Post Dengan Fungsi Scroll
Gambar 3

Langkah Keempat
- Setelah itu...kita akan disediakan wadah kolom kosong yang fungsinya untuk menaruh sesuatu di dalamnya. Jika masih belum paham juga, kode script html yang di atas tadi sudah kita copy, sekarang saatnya paste-kan kode tersebut kedalam kolom gadget. Kemudian kita tekan "Simpan".

Membuat Recent Post Dengan Thumbnail Keren Untuk, Cara Membuat Recent Post dengan Menu Scroll - Tutorial, Membuat Widget Recent Post Dengan Fungsi Scroll
Gambar 4

Langkah Kelima
- Anda/kita sudah meletakkan kode script html cara membuat related post random di blog yang anda miliki sekarang. Nah, supaya kode yang kita/anda masukkan tidak hilang sia-sia, maka tekan menu element "Simpan Setelan", dan setelah itu tekan menu element "Pratinjau".

Gambar 5

Langkah Terakhir
- Sekarang saatnya anda lihat dan pandang terus hasil gambar recent post yang sudah anda buat dengan begitu mudahnya.

Membuat Recent Post Dengan Thumbnail Keren Untuk, Cara Membuat Recent Post dengan Menu Scroll - Tutorial, Membuat Widget Recent Post Dengan Fungsi Scroll
Hasil Gambar

Pastinya, dengan menggunakan Cara Simple Membuat Recent Post Dengan Scroll ini fast loading pada website/blog anda cukup mendukung, sehingga akan memberikan kenyamanan bagi pengunjung untuk berlama-lama didalam blog anda. Namun, jika anda ingin ber-eksperimen tampilan yang lebih cantik, anda bisa memakai Cara Gampil Membuat Widget Random Post Dengan Gambar. Terima kasih banyak...salam perdamaian.
 
Tutorial Go Blog © 2013. All Rights Reserved. Pemilik Erik Priana
Top