Cara membuat related post bergambar

Cara membuat related post bergambar >> Ada yang berbeda dengan tampilan blog referensi registrasi dari minggu yang lalu. Blog ini telah memuat related post atau posting terkait atau juga tulisan yang berhubungan. Yang membuat lebih bersemangat adalah karena tampilannya yang yang cantik dan menarik, yaitu dengan memakai gambar thumbnail.

Postingan ini sekaligus menjawab pertanyaan dari sobat rigih di kolom komentar pada postingan pertamina blog kontes yang menanyakan bagaimana cara membuat related artikel dengan thumbnail seperti yang ada di blog saya

Bagaimana cara membuatnya ?
salah satu kelebihan cara membuat Related Post ini adalah kita tidaklah membutuhkan pengetahuan tentang teknik mengutak-atik kode HTML. Cukup dengan menggunakan jasa linkwithin.com kita sudah bisa menampilkan Posting Terkait Bergambar.


Opsi tambahannya adalah kalian bisa men-checklist tulisan My blog has light text on a dark background jika blog anda menggunakan template yang berbackground hitam dan tulisan artikelnya putih. Dan biarkan kosong/unchecklist jika background blog kita berwarna terang.

Pada linkwithin.com kita hanya diperintahkan untuk mengisi email, bloglink atau nama blog kita, memilih plattform blog dan menentukan jumlah posting terkait yang akan kita tampilkan di setiap akhir postingan.

Untuk plattform blog, tersedia 3 pilihan yaitu : Blogger, Wordpress dan Typepad. Tapi jangan khawatir, buat blogger yaang berplaform lain seperti joomla, multiply atau yang lain. Karena linkwithin.com anda juga bisa mendapatkan widgetnya walaupun harus sedikit bersusah payah dengan mengutak-atik kode HTML.

Khusus buat yang berplatform blogger, jika data yang diperlukan sudah terisi dengan benar. Klik tombol Get Widget lalu klik Add Widget. Maka widget dari linkwithin.com akan masuk ke bagian sidebar blog (sebaiknya anda harus login dulu ke blogger.com).



kalo mau lihat contohnya ada kok di blog ne, dibawah ini contoh nya..  nah mudahkan..

Read More

Trik Jitu Mempercepat Loding Blog

Trik jitu menambah atau menaikan peforma blog ( kecepatan loding blog ) ini sebenarnya sangat simple, sepele dan logis. Namun justru itu kadang hal hal  yang sepele suka luput untuk kita perhatikan.
Apa yang saya maksud kan di sini ialah ; jika kita mempunyai banyak file javascript, sering kali yang kita lakukan menyimpan dengan url ter-sendiri ( url file javascript -nya berbeda-beda ) walaupun tempat penyimpananya sama. maka yang terjadi saat loding blog, browser akan meminta dan menerima javascript satu persatu dengan cara dicicil. Tidak demikian halnya jika kita mengabungkan file-file  javascript tersebut dalam satu file dan dalam satu url, maka secara logika browser akan menerima paket javascript yang kita miliki secara bersamaan. Sangat simple, sepele dan logis bukan ?
Cara seperti  di atas  telah saya aplikasikan pada blog ini dan terbukti menambah score sampai 4 (empat) bit di Yslow
Trik Jitu
Jika anda peduli dengan blog ke sayangan anda. Mari kita praktekan sekarang juga.
»  Gunakan browser Firefox, kemudian unduh dan  install pengaya { add-ons ) FireBug dan Yslow. ( sesuia kan dengan versi Firefox anda ).

»  Setelah keduanya terinstall klik ikon Firebug di pojok kanan bawah browser ( icon mirip binatang  kecoa ).

» Dalam tab menu pilih menu Yslow, kemudian klik Grade untuk mengetahui nilai status score blog kita ( ingat score anda berapa ).

» Masih dalam Yslow, kemudian klik menu Tool. Setelah itu pilih dan klik tulisan All JS Minified ( tool compres javascript).

» Dalam jendela yang terbuka banyak javascript yang telah di compres, pilih javascript yang ingin anda gabungkan. copy paste ke dalam program notepad. kemudian save as ke dalam format file  JS ( contoh pada kolom file name di isi :  myscript.JS . kemudian pada Save as Type pilih All File ).

» Upload file javascript tersebut ke tempat biasa anda menyimpanya. ( saran saya simpan di Code Google ).

»  Sebelum mengganti dan menghapus javascript lama dengan file javacsript yang baru, di backup dulu terutama url javascript.

» Setelah beres dan tidak ada masalah, coba test kembali peforma blog anda di Yslow – klik Grade, dan perhatikan berapa bit score angkanya, berapa score perubahannya.. dan laporkan di sini kepada saya..

Source : http://catalog-tutorial.blogspot.com

Read More

Cara Membuat Tombol Hide dan Show pada Blogger

Yak para sobat blogger sudah lama saya tidak posting, kali ini saya ingin posting tentang tips dan trik tentang mempercantik blog kita agar pengunjung tertarik. Pertama saya akan membahas tentang bagaimana cara membuat tombol Hide dan Show pada blog.

Contohnya seperti di bawah ini. dan langsung saja Copy-paste kode dibawah ini :

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

"dan disini isi yang akan sobat kehendaki"

"dan disini isi yang akan sobat kehendaki"

Read More