Selasa, 11 Desember 2012

Membuat Widget Related Post Dengan Thumbnail

Pada beberapa waktu yang lalu, saya sudah memposting sebuah artikel tentang bagaimana cara membuat related post, tapi itu tanpa thumbnail atau cuplikan gambar postingan. Nah pada kesempatan ini saya ingin menshare tutorial tentang bagaimana cara membuat widget related post yang memiliki thumbnail. Sedangkan untuk mengetahui manfaat dan fungsi dari membuat related post di blog kita, silahkan baca di artikel sebelumnya Cara membuat related post.

Sebenarnya untuk membuat sebuah widget related post dengan thumbnail tidak lah terlalu sulit. Sama halnya dengan membuat sebuah widget related post yang tanpa memiliki thumbnail dan hanya berupa link, kamu tinggal menyalin kode script yang sudah instant ke dalam pengeditan HTML template blogspot kamu. Itu saja.

Oke deh, kita langsung masuk ke menu template, klik edit HTML dan jangan lupa centang Expand Template Widget. Kemudian gunakan Control+F untuk menemukan kode </head>.

Salin kode yang di bawah ini untuk diletakkan tepat di atas kode </head>.

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Berikutnya, cari kode script seperti yang ini <div class='post-footer-line post-footer-line-1'>  Salin juga kode yang ada di bawah untuk diletakkan tepat berada dibawah kode script <div class='post-footer-line post-footer-line-1'>.

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

Setelah itu, silahkan klik save untuk menyimpan hasil pengeditan tersebut. Sampai di sini,tahap pembuatan widget related post dengan thumbnail sudah selesai. Bila ingin melihatnya, silahkan menuju salah satu artikel yang telah dipublish dan yang memiliki Label, di mana label tersebut memiliki minimal dua atau lebih postingan. Dan di setiap artikel yang telah dipublish, memiliki minimal sebuah gambar.

Selanjutnya, bila kamu berkeinginan untuk mengubah Related Posts dengan kata Artikel Terkait, silahkan mengubah bagian script ini var relatedpoststitle="Related Posts". Selamat mencoba !
Selengkapnya »»  

Selasa, 30 Oktober 2012

Cara Menghilangkan Beranda atau Home Di Footer Blogspot

Cara menghilangkan beranda atau home pada footer. Pada saat kita selesai membuat sebuah blog, ada banyak hal yang harus kita tata kembali agar blog yang sudah kita buat bisa terlihat lebih rapi. Berbagai widget dipasang untuk mempercantik blog agar blog yang kita buat terlihat lebih menarik lagi bagi pengunjung.

Selain memasang berbagai widget, menurut saya ada beberapa item yang berada di footer yang menurut saya sangat "mengganggu" penampilan blog kita agar terlihat tidak terlalu ramai dan lebih rapi seperti misalnya, link Beranda, diberdayakan oleh Blogger, dsbnya.

cara menghilangkan beranda atau home di footer

Namun sobat Blogger tidak perlu khawatir, ternyata untuk menghapus link-link tersebut ada caranya. Setelah saya melakukan blogwalking, akhirnya saya mendapatkan tutorialnya. Oke deh, bila sobat Blogger tujuannya untuk menghilangkan link Beranda dan akhirnya bisa sampai pada artikel ini, yuk... kita langsung kerjakan aja.

Seperti biasa, masuk ke Dashboard Blogger kemudian pilih Template, pilih Edit HTML Centang Expand Template Widget, berikutnya silahkan cari kode yang sama persis dengan kode script seperti berikut : <data:homeMsg/>. Ingat, selalu gunakan Control+F untuk menemukan kode script seperti itu. Setelah ketemu, tinggal dihapus aja kode script tersebut. Klik Save Template. Selesai.

Silahkan direfresh untuk melihat kembali blog sobat. Salam.
Selengkapnya »»  

Sabtu, 27 Oktober 2012

Cara Membuka Dua Atau lebih Akun Facebook

Cara membuka dua atau lebih akun Facebook, Twitter, Google dan lain-lain. Pada kondisi tertentu kita terkadang membutuhkan untuk membuka dua atau lebih baik itu akun Facebook, Twitter, Google, Yahoo dan sebagainya di komputer kita. Seperti misalnya, belakangan ini saya mengandrungi permainan game online Zynga Texas Poker. Untuk memainkan game tersebut lebih dari satu meja poker, kita harus membutuhkan lebih dari satu buah akun Facebook di komputer kita. 

Tentu saja hal ini tidak bisa kita lakukan di satu browser yang katakanlah kita menggunakan Mozilla. Setelan default sebuah browser, lumrahnya satu orang, satu akun. Nah untuk mengakali kondisi seperti itu, ada beberapa trik yang berhasil saya kumpulkan. Untuk pengguna Mozilla, mungkin kamu bisa mencoba memasang addons yang disediakan dari situs http://br.mozdev.org/multifox/. Install addons kedalam browser kamu dan penginstalan akan berjalan otomatis. Setelah selesai, kamu harus merestart ulang browser Mozilla, selanjutnya kamu bisa mencoba untuk membuka satu akun Facebook kamu terlebih dahulu. Langkah berikutnya, masuk pada menu File kemudian klik open in new identity profile sehingga akan muncul jendela browser yang baru. Di sini kamu bisa mencoba mengaktifkan akun Facebook kamu yang kedua. Begitu juga seterusnya untuk membuka akun Facebook yang ketiga, klik lagi open in new identity profile sehingga muncul jendela browser yang baru lagi.

cara membuka dua atau lebih akun facebook

Selain untuk pengguna Mozilla, ada cara yang lebih mudah dan aman untuk browsing yakni dengan menggunakan Google Chrome, /Dengan menggunakan Google Chrome, kamu tidak perlu menginstall addons apa pun lagi. /Kamu hanya perlu membuka jendela baru browser Google Chrome dengan mengklik sub menu Jendela penyamaran baru pada menu Setelan atau bisa langsung dengan cara menekan tombol Ctrl+Shift+N.

Oke deh sampai di sini dulu yah ocehannya dan sampai jumpa lagi pada artikel-artikel saya berikutnya. Selamat ber Facebook-ria !!

Selengkapnya »»  

Jumat, 21 September 2012

Cara Membuat Spoiler di Blogspot

Apa yang dimaksud dengan spoiler di dunia internet? Bagi sebagian orang yang sering keluar masuk dalam sebuah forum, tentu sudah tahu apa itu spoiler dan apa fungsinya bila kita membuat spoiler. Spoiler adalah sebuah cara penyampaian konten baik itu tulisan, gambar atau foto, video dsbnya kepada pembaca yang dikemas dalam tampilan tersembunyi sehingga hanya akan terlihat oleh pembaca apabila dikehendaki oleh pembaca itu sendiri.

Disamping untuk memperingkas sebuah artikel dalam tampilan, spoiler juga bisa berfungsi untuk mempercepat loading sebuah artikel di browser. Dalam kondisi artikel tertentu yang memerlukan banyak gambar atau apa saja, bila tidak menggunakan spoiler akan menyebabkan proses loading yang terkadang membutuhkan waktu yang cukup lama.

Untuk membuat sebuah spoiler di dalam sebuah artikel, kita hanya perlu memasukkan kode script yang di bawah ini dan diselipkan pada bagian artikel didalam pengeditan HTML. Jadi bila kamu ingin membuat sebuah spoiler, masuklah ke pengeditan artikel dalam modus HTML, salin kode yang ada di bawah ini dan letakkan kode tersebut pada bagian yang ingin dimuculkan spoiler.


Hasilnya akan tampak seperti pada contoh di bawah ini :
Judul Spoiler:
Hai.... Hai.......
Selamat mencoba !

Selengkapnya »»  

Selasa, 18 September 2012

Cara Mengalihkan atau Redirect Sebuah Halaman di Blogspot

Cara Mengalihkan atau Redirect Sebuah Halaman di Blogspot
Beberapa waktu yang lalu saya ada mengikuti sebuah kontes SEO yang diselenggarakan oleh sebuah situs. Saya pun mendaftar untuk mengikuti lomba tersebut. Saya pun diterima sebagai salah satu kontestan.

Setelah selesai mendaftar dan diapprove, saya pun mulai mencari backlink untuk artikel yang saya ikutkan dalam perlombaan. Entah apa maksud dari penyelenggara kontes tersebut, secara tidak sengaja, saya berkunjung kembali ke halaman peraturan-peraturan yang dibuat untuk para kontestan. Saya kecewa setelah saya mengikuti kontes tersebut, saya melihat update peraturan yang menyebutkan bahwa KAMI TIDAK MAU MENERIMA BLOG YANG UMURNYA BELUM MENCAPAI 4 BULAN.

-->

Umur blog saya ini waktu itu belum mencapai tiga bulan. Ini bisa dilihat dari arsip-arsip artikel yang saya miliki. Akan tetapi meskipun masih baru, blog saya sudah PR 1 lho. Ga tinggi sih PR nya, namun lumayan kan? Oleh karenanya saya pun keluar dari perlombaan tersebut. Saya tidak tahu apa maksud dari admin situs tersebut yang mengatakan blog yang belum berumur empat bulan tidak boleh mengikuti kontes. Mungkin mereka tidak mau mendapat backlink yang jelek dari para kontestan. Mungkin akan lebih baik bila update peraturannya tersebut menyebutkan KAMI TIDAK MAU MENERIMA BLOG YANG PAGERANKNYA DI BAWAH PR3 ATAU PR2 DAN SEBAGAINYA.. Emh... harusnya begitu yach...??

Nah berhubung saya tidak ingin menghapus halaman tersebut, saya pun mencoba untuk mengalihkan halaman tersebut ke artikel yang lain. Saya membuat pengalihan sebuah halaman seperti pada kasus di atas, kita harus masuk ke Dashboard Blogger terlebih dahulu. Setelah itu masuk ke tab Setelan, kemudian pilih Preferensi Penelusuran. Nah pada bagian Kesalahan dan Pengalihan, di situ terdapat dua macam pengalihan. Yang pertama adalah pengalihan karena halaman tidak ditemukan atau eror 404 dan yang kedua adalah pengalihan url sebuah halaman ke halaman yang lain pada blog itu sendiri.

Contoh nya seperti ini, link http://gkkb.blogspot.com/2012/08/layanan-bisnis-pulsa-dan-token-pln.html kemudian saya alihkan pada halaman yang memiliki link seperti berikut http://gkkb.blogspot.com/2012/08/membedah-bisnis-pulsa-dan-token-pln.html.

Pada contoh di atas, saya menggunakan pengalihan yang kedua yakni mengalihkan sebuah postingan ke postingan yang lain. Caranya pun sangat mudah,  kita hanya tinggal memasukkan sebuah url halaman yang mau dialihkan dan sebuah url yang menerima pengalihan. Itu saja.... Gampang bukan?

Nah kalau berbicara soal manfaatnya, katanya sih.... dengan cara begitu akan lebih SEO friendly. Selain tidak membuang percuma url yang sudah usang atau tidak diperlukan lagi, kita bisa membawa pengunjung ke sebuah halaman yang memiliki hubungan atau keterkaitan atau yang sering disebut juga relevansi sehingga  pengunjung akan lebih lama berkutat di blog kita. Yap..... itu saja yach......




Selengkapnya »»