All posts by svnserendipity (admin)

Belajar Blogging

File Image SEO Friendly, Tidak Bisa Di Copy, dan Lebih Bersih.

Leave a comment

Halo penghuni dunia maya, apa kabar nih?. Udah berapa lama duduk dimuka komputer atau laptop?. Jangan kelamaan, sekali – kali ambil kelas zumba biar nggak bosan. :). Bercanda ya kita hehehe…

Kali ini saya mau kasih trik sederhana tentang image, ada yang tertarik?. Sebagai bagian dari konten blog, image adalah bagian yang penting, apalagi buat blog dengan niche: fotografi, infographic, travelling, dan fashion & lifestyle. Untuk niche seperti yang saya sebutkan, image adalah konten utama. Di era web 2.0, visual seperti gambar adalah sarapan di pagi hari. Begitu bangun, cek social media, lihat gambar menarik, langsung diklik deh.

Google image search bisa diibaratkan sebuah perpustakaan gambar terbesar di dunia maya. Kamu bisa mencari gambar apapun disana. Mempunyai gambar yang berasal dari blog kamu dipajang, bisa meningkatkan trafik dan popularitas blog. Saya yakin banyak blogger pemula yang kelewatan atau menganggap enteng fitur satu ini. Yang harus kamu lakukan adalah menambah tag “title” dan “alt” pada konten image. Continue reading File Image SEO Friendly, Tidak Bisa Di Copy, dan Lebih Bersih. →

Belajar Blogging

Customize Google Translate Widget ke Logo Bendera.

Leave a comment

Walaupun blog kamu berbahasa Indonesia, tapi kadang – kadang bisa dapat visitor dari luar tanpa sengaja. Bisa lewat search engine, link di social media, atau lewat layanan bookmark. Biar pengunjung luar nggak bingung dengan konten, ada baiknya web kamu mempunyai fitur translate. Untuk blogspot, biasanya sudah ada gadget resmi google translate.

Biar lebih terlihat keren, kamu bisa mengganti tampilan default google translate dengan logo bendera negara luar. Ada 2 tipe banner bendera yang bisa kamu pilih dibawah ini. Jangan lupa untuk membackup template terlebih dahulu.

Yang harus kamu lakukan hanya mengcopy – paste 2 tipe kode dibawah ini ke html/javascript gadget blogger.

Tipe 1:

<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”English” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cen&hl=en’); return false;”><img alt=”English” border=”0″ align=”absbottom” title=”English” height=”32″ src=”http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”French” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cfr&hl=en’); return false;”><img alt=”French” border=”0″ align=”absbottom” title=”French” height=”32″ src=”http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”German” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cde&hl=en’); return false;”><img alt=”German” border=”0″ align=”absbottom” title=”German” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Spain” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Ces&hl=en’); return false;”><img alt=”Spain” border=”0″ align=”absbottom” title=”Spain” height=”32″ src=”http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Italian” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cit&hl=en’); return false;”><img alt=”Italian” border=”0″ align=”absbottom” title=”Italian” height=”32″ src=”http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Dutch” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cnl&hl=en’); return false;”><img alt=”Dutch” border=”0″ align=”absbottom” title=”Dutch” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<br /><br />
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Russian” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cru&hl=en’); return false;”><img alt=”Russian” border=”0″ align=”absbottom” title=”Russian” height=”32″ src=”http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Portuguese” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cpt&hl=en’); return false;”><img alt=”Portuguese” border=”0″ align=”absbottom” title=”Portuguese” height=”32″ src=”http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Japanese” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cja&hl=en’); return false;”><img alt=”Japanese” border=”0″ align=”absbottom” title=”Japanese” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Korean” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cko&hl=en’); return false;”><img alt=”Korean” border=”0″ align=”absbottom” title=”Korean” height=”32″ src=”http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Arabic” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Car&hl=en’); return false;”><img alt=”Arabic” border=”0″ align=”absbottom” title=”Arabic” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Chinese Simplified” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Czh-CN&hl=en’); return false;”><img alt=”Chinese Simplified” border=”0″ align=”absbottom” title=”Chinese Simplified” height=”32″ src=”http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
</div> <div style=font-size:10px;margin:8px 0px 3px 0px>
</div>

Tipe 2:

<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”English” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cen&hl=en’); return false;”><img alt=”English” border=”0″ align=”absbottom” title=”English” height=”32″ src=”http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”French” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cfr&hl=en’); return false;”><img alt=”French” border=”0″ align=”absbottom” title=”French” height=”32″ src=”http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”German” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cde&hl=en’); return false;”><img alt=”German” border=”0″ align=”absbottom” title=”German” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Spain” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Ces&hl=en’); return false;”><img alt=”Spain” border=”0″ align=”absbottom” title=”Spain” height=”32″ src=”http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Italian” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cit&hl=en’); return false;”><img alt=”Italian” border=”0″ align=”absbottom” title=”Italian” height=”32″ src=”http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Dutch” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cnl&hl=en’); return false;”><img alt=”Dutch” border=”0″ align=”absbottom” title=”Dutch” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Russian” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cru&hl=en’); return false;”><img alt=”Russian” border=”0″ align=”absbottom” title=”Russian” height=”32″ src=”http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Portuguese” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cpt&hl=en’); return false;”><img alt=”Portuguese” border=”0″ align=”absbottom” title=”Portuguese” height=”32″ src=”http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Japanese” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cja&hl=en’); return false;”><img alt=”Japanese” border=”0″ align=”absbottom” title=”Japanese” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Korean” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cko&hl=en’); return false;”><img alt=”Korean” border=”0″ align=”absbottom” title=”Korean” height=”32″ src=”http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Arabic” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Car&hl=en’); return false;”><img alt=”Arabic” border=”0″ align=”absbottom” title=”Arabic” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Chinese Simplified” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Czh-CN&hl=en’); return false;”><img alt=”Chinese Simplified” border=”0″ align=”absbottom” title=”Chinese Simplified” height=”32″ src=”http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer;margin-right:10px” width=”24″/></a>
</div> <div style=âfont-size:10px;margin:8px 0px 3px 0pxâ>
</div>

Kalau sudah memutuskan tipe yang mana yang kamu ingin pakai, klik Save Arrangement.

Selamat ya, sekarang kamu punya fitur translate yang lebih stylish. 🙂

Belajar Blogging

Punya Blank Space di Bawah Postingan Blogspot?. Ini Cara Menghilangkannya.

Leave a comment

Saya tidak yakin seberapa sering teman – teman blogger punya masalah seperti ini. Beberapa waktu yang lalu masalah ini membuat saya frustrasi, karena sangat kelihatan di layout post dan sedikit mengganggu saat pengunjung membaca artikel. Template yang saya gunakan adalah yang saya download dari internet, dan dibagian bawah artikel selalu muncul blank space yang cukup lebar tanpa ada konten sedikit pun.

Setelah google sana sini, akhirnya dapat juga solusinya. Kalau teman – teman punya masalah yang sama, ikuti saja tutorial singkat dibawah ini:

1. Login ke bagian template blogger, klik Edit HTML. Di kotak html cari .post-footer. Mungkin di template lainnya berbeda. Tapi yang pokok, kalau blank spacenya dibawah artikel berarti line yang harus dicari: .post-footer

2. Kalau sudah ketemu, perhatikan bagian margin dan padding. Si designer templatenya mungkin memberikan nilai, kalau bukan pada margin mungkin pada padding. Kalau kamu melihat nilai margin tertulis 10px 0 0; maka rubah ke 0 0 0. Kalau masih ada white blank space, coba rubah nilai padding menjadi 0. Lebih jelasnya lihat gambar dibawah ini: Continue reading Punya Blank Space di Bawah Postingan Blogspot?. Ini Cara Menghilangkannya. →

Belajar Blogging

Menampilkan Total Jumlah Komentar di Judul Artikel Blogger.

Leave a comment

Komentar adalah salah satu bagian penting dari sebuah blog. Jika pengunjung meninggalkan komentar di postingan itu artinya mereka menilai apa yang kamu tulis adalah informasi berguna yang mereka cari. Dan untuk seorang blogger itu adalah suatu pencapaian yang baik.

Menampilkan total komentar yang dimiliki sebuah artikel bukanlah hal yang harus ada. Tapi, mungkin bisa menarik pengunjung baru. Jika seseorang melihat jumlah komentar yang banyak di judul artikel, kemungkinan besar mereka akan meng-klik karena percaya konten yang ditulis.

Berikut tutorial singkat untuk fitur ini: Continue reading Menampilkan Total Jumlah Komentar di Judul Artikel Blogger. →