Cara Membuat Widget Artikel Terbaru/Recent Post Bergambar Di Blog, Dengan Animasi Gerak

Jika Anda belum memasang widget artikel terbaru/recent post di blog Anda, maka sekarang adalah saat yang tepat untuk membuatnya. Tapi tunggu dulu, sebelumnya lebih baik jika Anda mengetahui terlebih dahulu, apa itu widget recent post, dan apa pula fungsinya.

Jadi widget recent post adalah sebuah widget pembantu di dalam blog, yang berfungsi untuk menampilkan artikel-artikel terbaru milik Anda. Maka dari itu, recent post ini juga disebut widget artikel terbaru.

Keuntungan memasang widget ini adalah agar lebih mempercantik blog Anda, dan agar web/blog Anda terlihat lebih profesional lagi. Bahkan dengan memasang widget ini, berarti Anda telah berupaya untuk meningkatkan page view blog Anda.

Perlu Anda ketahui, tidak semua pengunjung masuk di blog Anda melalui home page/halaman utama. Banyak juga di antara mereka yang menemukan blog Anda, melalui artikel Anda di mesin pencari. Nah saat mereka di halaman artikel Anda, di sinilah peran widget artikel terbaru ini, untuk memperomosikan tulisan-tulisan terbaru Anda.

Dengan begitu, akan mengundang ketertarikan mereka untuk mengklik dan membaca artikel-artikel terbaru Anda tersebut. Widget ini baik sekali, karena bisa menyuguhkan artikel fresh kepada pengunjung, tanpa harus membuka home page Anda. Semakin banyak yang tertarik, tentunya semakin banyak halaman yang mereka buka di blog Anda. Jadi inilah alasan mengapa widget ini bisa menambah page view atau jumlah tampilan halaman pada sebuah blog.

Untuk membuat widget recent post ini, ada beberapa cara yang bisa Anda lalukan. Ada yang dengan edit html template, ada yang tanpa edit html segala. Bahkan model widget ini pun ada beberapa jenis. Ada yang dengan gambar, ada yang tanpa gambar, bahkan ada yang dengan gambar, plus animasi bergerak.

Nah, yang akan saya bahas di sini adalah sesuai dengan judul di atas, yaitu recent post yang tanpa edit html, menggunakan thumbnail gambar serta menggunakan animasi gerak. Dulu pernah saya pasang di blog ini, tapi sekarang sudah saya lepas. Jika Anda ingin melihat demonya, silahkan kunjungi blog saya caracere.blogspot.com

Baiklah, inilah cara paling mudah membuat widget artikel terbaru di blog

1. Masuk pada menu "tata letak" di blog Anda. Kemudian tambahkan gadget seperti gambar di bawah ini

2. Langkah selanjutnya cari widget html/java scrip, dan klik tanda plus (+), kemudian klik "OK" untuk menambahkan widget tersebut kedalam blog Anda.

 

3. Setelah itu akan muncul jendela html/java scrip seperti gambar berikut.

 

5. Copy kode di bawah ini, kemudian pastekan kedalam kotak "KONTEN" widget html tersebut. Untuk judulnya silahkan isi Artikel terbaru, atau recent post. Itu terserah Anda. Kemudian silahkan klik simpan.

<span style="font-weight:bold;"></span><div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 450;
var pause = 3600;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 6;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

CATATAN:

-Background-color "none" silahkan ganti none dengan kode warna yang Anda inginkan, sesuai blog Anda.

-Var numpost=6, itu adalah jumlah posting yang ditampilkan di widget recent post tersebut. Ganti angka 6 sesuai keinginan Anda.

Bagaimana apakah berhasil? jika iya, berarti Anda telah sukses membuatnya. Jangan lupa di share jika kiranya bermanfaat bagi sesama. Nah, berarti cukup sekian tulisan saya, semoga bermanfaat bagi Anda. Seperti biasa, jika ada kekurangan mohon ditambahkan melalui komentar. Terima kasih TELAH BERKUNJUNG di blog ini :)

Cara Mudah Membuat Read More Manual Di Blog, Tanpa Edit html

Membuat read more, merupakan hal yang wajib Anda lakukan, jika Anda baru saja membuat sebuah web/blog. Mengapa? karena ini termasuk dalam "hal-hal yang perlu dilakukan setelah membuat blog baru".

Saya mengatakan bahwa membuat read more ini sangat penting, sebab dengan adanya read more pada blog Anda, akan membuat blog Anda tersebut lebih elegan dan terlihat profesional. Tentu alasannya bukan hanya itu saja. Untuk alasan membuat read more yang lebih lengkap lagi, telah saya ulas pada tulisan saya sebelumnya, yaitu kekurangan kelebihan read more manual dan otomatis.

Sebenarnya untuk membuat read more atau baca selanjutnya ini, ada dua cara yang bisa digunakan. Yang pertama adalah membuat read more secara otomatis yang ringan dan mudah dengan edit html. Artinya jika Anda membuatnya secara otomatis, Anda hanya cukup sekali mengedit html di blog Anda, setelah itu semua artikel yang ada mau pun yang baru saja Anda buat, maka secara otomatis akan tampil secara read more.

Sedangkan yang kedua adalah dengan cara manual tanpa edit html. Sebenarnya saya lebih menganjurkan cara yang pertama. Namun jika Anda kesulitan membuatnya, karena ribet edit html atau Anda mengalami kegagalan, maka yang manual ini adalah solusinya. Sebab, Anda tidak perlu lagi mengedit html template Anda, yang tentunya cukup beresiko.

Dengan cara ini, Anda hanya perlu membuatnya di editor postingan Anda, yang tentunya jauh lebih mudah. Baiklah langsung saja ikuti langkah demi langkah cara membuat read more manual di blog tanpa edit html di bawah ini.

1. Masuk di bagian pos, untuk memilih artikel mana yang akan Anda berikan read more. Pilih edit pada artikel tersebut. Setelah Anda berada pada editor postingan, letakkan kursor Anda di antara paragraf 1 dan 2 (hanya untuk uji coba). Kemudian klik pada tombol jump break, seperti gambar di bawah ini.

2. Nah, setelah Anda klik pada tombol jump break tersebut, maka akan muncul garis pada kursor yang Anda letakkan di antara paragraf satu dan dua tadi. Lihat gambar di bawah ini.

3. Silahkan klik preview terlebih dahulu untuk tulisan Anda. Karena biasanya, dengan menempatkan jump break ini di antara paragraf, akan membuat jarak antara paragraf yang diberi jump break itu menjadi renggang. Sesuaikanlah agar mendapatkan hasil yang paling baik.

4. Jika sudah, klik perbarui pada artikel Anda, dan lihat hasilnya di home page blog Anda. Mudah bukan?

Dengan demikian Anda telah berhasil membuat read more dengan mudah, tanpa edit html. Sekian dulu tulisan sederhana saya, semoga bermanfaat bagi Anda. Ditunggu komentarnya jika Anda mengalami kesulitan, atau sekedar ingin memberi saran. terima kasih... :)

Kelebihan Dan Kekurangan, Antara Membuat Read More Otomatis Dengan Read More Manual Di Blog

Jika Anda baru saja membuat blog, tidak lengkap rasanya tanpa membuat read more, pada blog baru Anda tersebut. Sebab, dengan memasang read more/baca selanjutnya ini, berarti Anda berupaya untuk mempercantik tampilan blog Anda.

Bukan hanya untuk mempercantik saja, tetapi dengan read more ini, juga agar blog Anda terlihat lebih rapi dan elegan. Hal yang lebih penting lagi adalah ini salah satu cara untuk mempercepat loading web/blog milik Anda.

Mengapa read more bisa membuat loading blog lebih cepat? itu karena maksud dari pembuatan read more itu sendiri adalah untuk memotong artikel, dan potongan artikel itulah yang akan ditampilkan di halaman utama blog Anda.

Sangat menguntungkan bukan, ketika pengunjung membuka home page blog Anda, tidak harus menunggu lama-lama lagi. Sebab, tanpa perlu lagi menunggu loading artikel-artikel Anda yang di home page tersebut, untuk terbuka semuanya.

Untuk membuat read more sendiri, ada dua cara yang bisa Anda lakukan. Yang pertama adalah membuat read more dengan cara manual, sedangkan yang kedua adalah membuat read more secara otomatis. Tentunya kedua cara tersebut mempunyai kelebihan dan kekurangannya masing-masing. Dan itulah yang akan saya bahas melalui tulisan ini.

Apa semua kelebihan dan kekurangannya? inilah kekurangan dan kelebihan antara read more manual dan read more otomatis.

1. Kelebihan kekurangan read more manual.

KELEBIHAN => Untuk read more manual ini, kelebihannya adalah Anda tidak perlu lagi susah-susah mengedit html blog Anda. Yang Anda harus lakukan hanyalah membuatnya di posting editor, dan mengklik tombol jump break pada editor postingan tersebut. Setelah itu tinggal melihat hasilnya, selesai.

Tentu itu lebih mudah dari pada Anda harus mengoprek html template Anda. Selain itu cara ini juga menjadi solusi, bagi Anda yang gagal mengedit html, untuk membuat read more otomatis sebelumnya.

KEKURANGAN=> Namun kekurangannya adalah Anda harus membuatnya satu-satu di setiap artikel/postingan Anda. Pastinya Anda akan sedikit repot jika setiap kali menulis artikel, harus memasang jump break pada artikel tersebut. Coba bayangkan, bagaimana jika Anda sampai membuat puluhan artikel per hari. Repot kan?

Selain itu, read more manual ini hasilnya tidak terlalu rapi jika dibandingkan dengan yang otomatis. Biasanya ukuran gambar yang muncul di home page akan berbeda-beda. Tentunya sesuai dengan ukuran gambar aslinya yang ada di masing-masing artikel itu sendiri. Kemudian jumlah kata yang dimunculkan pun juga tidak seragam. Kadang banyak, kadang sedikit. Itu karena tergantung dari penempatan jump break itu sendiri, yang tidak mungkin bisa ditempatkan di dalam tulisan pada posisi yang sama.

2. Kelebihan dan kekurangan read more otomatis

KELEBIHAN=> Anda hanya perlu membuatnya satu kali saja, melalui html template Anda. Setelah itu secara otomatis semua artikel Anda baik yang sudah ada mau pun yang akan Anda buat selanjutnya, semuanya langsung ter-read more otomatis dengan sendirinya. Tentunya dengan cara ini Anda tidak perlu repot-repot lagi di kemudian, tidak seperti dengan cara manual.

Kemudian yang otomatis ini lebih rapi. Posisi gambar dan ukurannya, semua sama dan seragam. Bagusnya lagi jumlah kata yang ditampilkan dari artikel-artikel Anda pun cenderung sama banyaknya.

KEKURANGAN=> Untuk pembuatannya agak sulit, karena harus edit-edit html template segala. Apalagi jika dilakukan oleh blogger pemula seperti saya ini, yang tidak terlalu tau tentang edit html blog. Dan pastinya, sering terjadi kegagalan saat edit html tersebut.

Nah, dari kelebihan dan kekurangan masing-masing cara, dapat disimpulkan bahwa cara otomatislah yang lebih menguntungkan. Sekali buat, untuk selamanya. Namun tetap saja jika Anda gagal membuatnya, maka cara yang manual adalah solusinya.

Meski pun begitu, saya mau menyarankan kepada Anda, untuk membaca terlebih dahulu tulisan saya tentang "cara membuat read more otomatis tanpa java scrip". Siapa tau dengan tulisan tersebut, Anda berhasil membuatnya.

Baiklah, demikian tulisan saya tentang kelebihan dan kekurangan antara read more manual dan otomatis di blog, semoga bermanfaat bagi Anda. Jika berkenan, mohon bantu share ya.. Terima kasih..

Cara Menghilangkan Navbar Di Blogger/Blogspot

Cara menghilangkan navbar di blog=> Sebenarnya fungsi navbar atau navigation bar cukup bayak. Hanya saja karena tampilannya yang menurut saya kurang bagus, sehingga membuat blog sedikit lebih ramai. Karena itu, saya lebih suka menyembunyikannya dari pada mempertahankannya.

Untuk letak navbar sendiri di blogger biasanya berada di atas header blog. Contohnya bisa di lihat seperti gambar di bawah ini.

 Nah, maksud menghilangkan navbar ini tidak lain adalah supaya tampilan blog saya lebih rapi, bersih, dan lebih ringan. Setidaknya ini menurut pandangan saya lo ya.

Baiklah tak panjang lebar lagi, berikut langkah-demi langkah menghilangkan navbar di blogger atau blogspot.

1. Masuk di blog Anda, kemudian perhatikanlah kolom di sebelah kiri, dan klik pada menu tata letak. Seperti gambar berikut ini yang saya berikan.

2. Setelah itu, akan muncul tampilan seperti gambar di bawah ini, selanjutnya perhatikan pada kotak navbar di dekat pojok kanan atas. Klik pada tulisan edit seperti yang saya contohkan di gambar berikut.

3. Nah, pada tahap ke-tiga ini akan muncul jendela baru dengan gambar seperti di bawah ini, kemudian beri centang pada pilihan paling bawah yaitu off, dan klik simpan agar tampilan navbar tidak muncul di blog lagi.

4. Sekarang klik pada tombol pratinjau, jika navbar tidak tampil lagi, silahkan klik pada tombol simpan untuk menyimpan perubahan yang telah Anda buat.

Langkah ini sudah saya beri gambar agar memudahkan Anda mempraktekkannya...

Penutup

Demikian tulisan saya tentang cara menghilangkan navbar pada blog (blogspot), semoga bisa memberikan manfaat kepada Anda semuanya. Jika Anda memiliki pengalaman yang lebih baik tentang materi tulisan ini, silahkan dibagikan di kotak komentar. Sukses selalu untuk kita semua :)..