Sharing Seputar Dunia Komputer, Blogging, Ms.Office dan Informasi

CARA UNIK MEMPERKECIL UKURAN FOTO (COMPRESS) DENGAN FACEBOOK

Tips dan trik - Cara unik Memperkecil Ukuran Foto (Compress) Dengan Facebook. Bagi seorang blogger, membuat artikel atau posting sudah merupakan aktivitas rutin. Artikel yang dibuat tersebut biasanya akan disertai dengan foto atau gambar untuk mempertajam dan memperjelas topik dalam tulisan tersebut terlebih lagi apabila yang dibahas tentang tutorial tertentu.  Nah, topik kita kali ini adalah membahas cara unik mengcompress foto atau gambar tersebut tanpa software dan hanya menggunakan Facebook, sehingga nantinya foto atau gambar tersebut dapat digunakan untuk melengkapi artikel blog dan tentunya tidak membuat loading menjadi lambat karena ukuran filenya yang terlalu besar.

Saya yakin teman-teman blogger pasti sudah sangat akrab dengan berbagai tool untuk mengcompress gambar entah itu menggunakan software ataupun tool online yang bertebaran di internet. Terkait topik ini,  kebetulan juga pernah  saya bahas pada artikel berikut : Compress gambar mengunakan Microsoft Picture Manager. Lalu kalau ditanya bagaimana hasilnya? tentu kita akan memiliki jawaban yang bervariasi, namun cara unik untuk mengcompress gambar dengan Facebook ini merupakan salah satu trik yang patut untuk dicoba, dapat menjadi salah satu solusi terbaik karena hasilnya yang sangat memuaskan.

Secara umum ada tiga hal yang ingin kita dapatkan saat mengcompress foto/gambar :
  • Ukuran foto menjadi jauh lebih kecil
  • Kualitas gambar setelah dicompress tetap bagus (gambar tidak pecah ataupun blur)
  • Prosesnya mudah dan cepat atau user friendly
Berbicara tentang Facebook, maka saya rasa siapapun akan sangat  mengenal media sosial yang satu ini. Ya, media sosial ini memiliki pengguna terbanyak diantara media sosial lainnya dan saya rasa andapun juga termasuk salah satu penggunanya. Sebelumnya saya akan bercerita sedikit tentang awal dari ide penulisan artikel ini. Semula berawal saat saya mengupload sebuah foto ke beranda Facebook sebagai kebiasaan rutin, karena memang awalnya didorong rasa penasaran foto yang telah saya upload tersebut saya download kembali. Apa yang terjadi? Setelah mengecek properti  foto tersebut saya merasa cukup terkejut sekaligus terkagum-kagum karena ukurannya menjadi jauh lebih kecil dibandingkan foto aslinya dan hebatnya kualitasnya tetap terlihat bagus. 

Sebagai gambaran dan perbandingan, foto asli yang saya unggah ke Facebook pada saat itu berukuran 2 MB lebih lalu bagaimana dengan ukuran file foto tersebut setelah didownload (save)? Ternyata ukurannya telah berubah menjadi hanya sebesar 22 Kb lebih. Hasil tersebut memang sangat signifikan dan sayapun samapai saat ini belum pernah menjumpai sebuah tool compress yang bekerja hampir sempurna seperti Facebook ini. Dari gambaran tersebut teman-temanpun bisa membandingkannya sendiri. Jadi dari pengalaman ini saya memiliki asumsi bahwa Facebook memang memiliki fitur otomatis untuk mengcompress setiap foto atau gambar yang diunggah oleh penggunanya. Bayangkan saja kalau Facebook tidak memiliki fitur ini maka dapat dipastikan servernya akan menjadi sering down karena dalam satu hari saja entah berapa juta foto yang diunggah oleh penggunanya dan masuk ke dalam database mereka.

Nah sekarang kita membahas tentang poin intinya, bagaimana cara unik menggunakan Facebook untuk mengcompress foto atau gambar,  berikut adalah langkah mudahnya :
  • Siapkan terlebih dahulu gambar yang akan dicompress
  • Login ke Facebook anda
  • Seperti biasa untuk melakukan update klik "Apa yang anda fikirkan"
  • Atur Privasi agar posting hanya terlihat oleh kita saja dengan memilih "Hanya saya" (ini bersifat opsional saja) akan tetapi pilihan ini lebih baik digunakan karena kita hanya bertujuan untuk mengcompress foto atau gambar saja, bukan untuk tujuan dikomentari oleh orang lain.

Langkah-langkah compress foto menggunakan Facebook
  • Pilih "Tambahkan foto" ekstensi file dapat berupa JPG, PNG atau lainnya 
  • Cari dimana lokasi folder foto/gambar tersebut tersimpan di laptop
  • Setelah ketemu langsung pilih salah satu foto atau dapat juga langsung beberapa sekaligus
  • Tunggu proses upload sampai selesai
  • Kembali ke Facebook lalu pilih kembali foto yang baru saja diupload tersebut setelah terbuka lalu klik kanan mouse dan pilih save image. Untuk smartphone caranya hampir sama cukup ketuk foto hasil upload tadi dan tahan agak lama sampai muncul pilihan save image seperti gambar berikut :

Langkah terakhir mengcompress foto melalui Facebook


Kesimpulan

Sangat mudah bukan? setelah selesai, anda sekarang dapat membandingkan ukuran file gambar atau foto asli dengan hasil yang didowload dari Facebook tersebut. Tentunya hasil compress ini nantinya tidak terbatas digunakan untuk melengkapi posting blog saja, karena semuanya tergantung kebutuhan. Apabila masih ada yang kurang jelas dari yang saya sampaikan pada tulisan ini, silahkan jangan sungkan-sungkan untuk bertanya melalui komentar.

Demikian cara mudah dan unik untuk mengcompress foto atau gambar melalui Facebook. Bila teman-teman memiliki cara lain, trik ini juga dapat dikombinasikan sehingga nantinya diperoleh hasil yang benar-benar diinginkan.

MEMBUAT HOSTING CSS & JAVASCRIPT DI GOOGLE DRIVE

Apakah itu hosting? saya rasa sahabat sudah memiliki jawaban pasti akan pengertian tersebut, kalau menurut saya hosting adalah sebuah layanan online baik berbayar atau gratisan untuk menyimpan berbagai macam file baik itu hanya sekedar untuk konsumsi pribadi atau dapat juga dishare secara online pula.

Nah, kalau anda seseorang pengelola blog maka pastinya sudah sangat akrab dengan kegiatan mengutak-atik blog baik itu untuk memodifikasi tampilan blog melalui penambahan kode CSS ( Cascading Style Sheet) atau menambahkan berbagai fungsi tertentu pada blog dengan kode-kode Javascript.

Sudah bukan rahasia lagi kalau kedua jenis kode tersebut sangat mudah untuk kita dapatkan melalui google, namun dalam penggunaanya bila kode-kode tersebut langsung digunakan maka akan berefek menambah waktu loading blog. Hal ini disebabkan karena jumlah pengguna kode tersebut sangat banyak yang tentunya akan membebani hosting (media asli penyimpanan file). Hehe..semoga sahabat tidak bingung dengan uraian saya ini.

Untuk mengatasi hal tersebut maka kita dapat menyimpan ulang berbagai source CSS dan Javascript yang ada di template blog pada layanan hosting gratis milik si Mbah yaitu Google drive. Langsung saja, berikut langkah-langkahnya :
1. Silahkah cari berbagai kode Javacript pada template, yang formatnya sebagai berikut :

<script src="http://contoh1.com/readmore_ku.js" type="text/javascript"></script>

Sedangkan CSS memliki format :

<link href="http://contoh2.com/templateblogku.css" rel="stylesheet" type="text/css"/>

2. Untuk melihat kode-kode tersebut silahkan anda copy & pastekan pada browser + enter hanya pada contoh kode seperti yang sudah saya tandai tersebut.

3. Copy & pastekan pada sebuah notepad semua kode yang telah terbuka tersebut, jangan lupa disetiap penamaan file disesuaikan dengan jenisnya.  Aturan penyimpanannya sebagai berikut : 
Pada File name : untuk file Javascript maka berilah akhiran .js sedangkan untuk CSS berilah akhiran .css
Save as type : All file
Encoding : ANSI
kemudian simpan file tersebut.

4. Sekarang bukalah https://drive.google.com/

5. Klik Unggah dan kemudian pilih file yang tadinya tersimpan pada notepad, berikut gambarnya :
Membuat hosting CSS dan Javascript di Google drive









6. Tunggu proses mengunggah/upload selesai, setelah itu klik tulisan berbagi yang terlihat pada pojok kanan atau klik kanan pada file kemudian pilih bagikan sampai terlihat tampilan seperti ini :

Membuat hosting CSS dan Javascript di Google drive















7. Kemudian klik Dapatkan tautan yang bisa dibagikan dan copy link tersebut pada notepad, pada contoh diatas link filenya adalah :

https://drive.google.com/file/d/0B8byfVcMwL48an1WMGxIdUVmVUU/view?usp=sharing


8. Klik Siapa saja dengan tautan dapat melihat kemudian pilih Lainnya :

Membuat hosting CSS dan Javascript di Google drive




















9. Terakhir pada pilih berbagi tautan "Aktif - Publik di web" dan simpan seperti gambar berikut :

Membuat hosting CSS dan Javascript di Google drive
















10. Terakhir pilih tab Beres untuk menyelesaikan seluruh langkah-langkahnya.

Nah sekarang untuk dapat menggunakan Googledrive sebagai media hosting gratis penyimpanan CSS dan Javascript coba anda perhatikan kode yang baru saja didapatkan dari hasil berbagi yaitu :

https://drive.google.com/file/d/0B8byfVcMwL48an1WMGxIdUVmVUU/view?usp=sharing

Format penyimpanannya sedikit berubah dan hanya mengambil sebagian kode yang telah ditandai hijau saja, seperti berikut :

https://googledrive.com/host/0B8byfVcMwL48an1WMGxIdUVmVUU

Untuk Javascript menjadi :

<script src="https://googledrive.com/host/0B8byfVcMwL48an1WMGxIdUVmVUU" type="text/javascript"></script>

Untuk CSS menjadi :

<link href="https://googledrive.com/host/ 
0B8byfVcMwL48an1WMGxIdUVmVUU" rel="stylesheet" type="text/css"/>


Demikian penjelasan saya tentang langkah-langkah membuat hosting CSS dan Javascript secara gratis dengan memanfaatkan Googledrive, semoga sedikit membantu.
<script <script src="http://contoh1.com/readmore.js" type="text/javascript"></script>
sedangkan kode CSS memiliki format :
<link
Copy bagian yang saya warnai tersebut dan pastekan pada browser+enter, sehingga seluruh kodenya terlihat. Untuk kode CSS maka format umum yang ada pada template adalah



<script

CARA MENUTUP KOMENTAR ARTIKEL TERTENTU BLOGGER

Sebenarnya saya kurang sependapat bila sebuah blog tidak mengizinkan pembacanya untuk berinteraksi melalui komentar, karena respon tersebut merupakan salah satu indikator untuk dapat mengukur sejauh mana sebuah tulisan dapat dimasukkan ke dalam kategori menarik atau sebaliknya. Baik bila dinilai dari bahasa penyampaian, isi ataupun informasinya yang benar-benar bermanfaat.

Terlebih lagi bagi blog yang mengusung tema tutorial, maka tentu saja menjadi sesuatu yang aneh bila pembacanya tidak dapat berkomentar untuk bertanya atau sekedar memberikan tanggapan pada artikel tersebut.

Akan tetapi pada kasus yang berbeda, dengan berbagai pertimbangan misalnya untuk "mengurangi" link keluar karena jumlah komentar yang sudah terlalu banyak maka menutup form komentar menjadi salah satu alternatif. 

Dalam kesempatan ini saya akan berbagi tentang cara menutup form komentar pada artikel tertentu saja pada blog yang berflatform Blogger, langsung saja langkah-langkahnya adalah sebagai berikut :

1. Pada dashboard Blogger ›› klik "Pos" dan pilih artikel yang tidak ingin dikomentari lagi oleh pembacanya.
2. Klik "Edit" sehingga kita akan masuk kembali pada editor pembuatan artikel seperti diawal membuat.
3. Klik logo gir kecil dengan keterangan "Pilihan" (letaknya di sidebar kanan paling bawah) seperti gambar berikut :

Cara menutup komentar pada blogspot


kita akan diberikan 2 pilihan yaitu :
a. Jangan bolehkan, tunjukkan yang ada = Pilihan ini akan menutup form komentar akan tetapi seluruh komentar pembaca sebelumnya akan tetap ditampilkan.
b. Jangan bolehkan, sembunyikan yang ada = Pilihan ini akan benar-benar menutup kometar pembaca dan tidak menampilkan satupun komentar yang sebelumnya terlanjur diterbitkan.
Mau pilih yang mana? itu semua tergantung anda sebagai pemilik blog.
4. Jika pilihan sudah ditentukan maka terakhir klik "Selesai" untuk menyimpan perubahan.
5. Kemudian klik "Tutup" pada tab atas untuk keluar dari editor Blogger.

Untuk melihat hasilnya, silahkan anda buka sendiri artikel yang telah diubah settingnya tadi. Seperti yang telah saya singgung di awal tadi ini merupakan pilihan terakhir karena sebenarnya anda dapat mengontrol penuh komentar-komentar yang masuk baik itu melalui pilihan moderasi ataupun verifikasi kata. Apalagi saat ini Blogger sudah memiliki filter anti spam yang otomatis.

Untuk pengaturan lengkap fitur komentar pada flatform Blogger, dapat sahabat temukan pada tulisan saya sebelumnya yaitu : CARA MENGATUR KOMENTAR DAN ELEMENNYA. Semoga tips sederhana ini dapat bermanfaat bagi kita semua.
MEMBUAT READ MORE OTOMATIS TANPA JAVA SCRIPT

MEMBUAT READ MORE OTOMATIS TANPA JAVA SCRIPT

Fungsi read more pada sebuah blog adalah untuk menampilkan ringkasan pada setiap artikel yang ditampilkan baik pada halaman utama (home page) atau berdasarkan label (kategori). Cuplikan dari sebuah artikel yang dihasilkan oleh fungsi ini akan berisi potongan paragraf pertama dan gambar (bila ada). Keuntungannya adalah blog dapat menampilkan beberapa artikel sekaligus tanpa loading yang lama dan tidak melorot ke bawah.

Untuk membuat fungsi read more ini, dapat dilakukan melalui 2 cara yaitu melalui pemenggalan langsung pada saat membuat posting di editor blogger melalui pilihan insert jump link atau dengan penambahan java script tertentu pada template yang akan otomatis memotong setiap artikel pada blog menjadi sebuah cuplikan pendek.

Sayangnya penambahan java script yang terlalu banyak pada blog akan membebani kecepatan loadingnya, hal ini disebabkan karena kumpulan script tersebut tersimpan pada sebuah layanan hosting, apalagi bila penggunanya banyak. Nah dalam kesempatan ini kita akan mencoba membuat fungsi read more pada platform blogger tanpa menggunakan java script.

Langsung saja, berikut langkah-langkahnya :

1. Pada akun blogger, pilih Template >> Edit Template
2. Gunakan Ctrl + F kemudian carilah kode ]]></b:skin> dan letakkan kode HTML berikut ini di atasnya :
.post-thumbnail{float:left;margin-right:20px}

3. Lalu carilah kode <data:post.body/> dan ganti dengan kode berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>



Karena jumlah kode <data:post.body/> pada sebuah template, biasanya lebih dari satu maka disini kita coba saja menggantinya satu persatu melalui percobaan trial & error. Jangan lupa lakukan pratinjau terlebih dahulu untuk melihat perubahannya.

4. Bila hasilnya sudah sesuai dengan keinginan Save Template.

Demikianlah cara mudah untuk membuat fungsi read more otomatis pada flatform Blogger tanpa menggunakan kode java script. Silahkan dicoba dan semoga bermanfaat.

4 POSISI IKLAN DI BLOG YANG BANYAK DIKLIK PENGUNJUNG

Tidak dapat dipungkiri bila iklan adalah salah satu sumber penghasilan yang dapat diperoleh oleh sebuah blog.  Dari berbagai jenis iklan tersebut salah satunya yang sangat populer di kalangan blogger adalah PPC (Pay per Click) dimana seorang publisher akan mendapat bayaran bila ada pengunjung yang meng-klik iklan tersebut.

Semudah itukah? ternyata tidak, karena posisi penempatan iklan akan menjadi faktor yang sangat berpengaruh selain faktor utama jumlah visitor unik dalam satu hari. Beberapa pengiklan besar seperti Adsense dan Chitika, telah memberi arahan bagi publishernya dalam menemmpatkan iklan agar hasilnya dapat semaksimal mungkin. Hal inilah yang akan kita bahas dalam kesempatan yang baik ini.

Beberapa posisi iklan yang strategis tersebut, antara lain :

1. Posisi iklan di bawah judul artikel
Mengapa harus dibawah judul artikel? asumsinya adalah iklan akan muncul sesaat setelah pengunjung mengklik salah satu judul artikel blog kita melalui mesin pencari. Harapannya adalah mereka akan langsung mengklik iklan karena tertarik pada iklan tersebut baik karena kontennya yang relevan atau bisa juga karena desainnya yang apik. Untuk posisi ini, silahkan disesuaikan dengan lebar konten artikel blog masing-masing misalkan saja anda dapat menggunakan ukuran 468x60 atau 728x90.

2. Posisi sidebar blog
Bagian sidebar kita asumsikan menjadi 3 bagian yaitu blog dengan struktur sidebar di sebelah kiri, kanan atau kombinasi keduanya. Posisi ini juga termasuk dalam kategori yang strategis karena sangat mudah terlihat oleh pengunjung blog. Untuk ukuran yang dapat digunakan adalah 120x60, 160x600 atau anda dapat menggunakan ukuran 250x250 dan 300x250 agar iklan dapat dikombinasikan dengan berbagai widget blog lainnya.

3. Posisi akhir artikel 
Bagian ini menjadi pertimbangan karena memang sudah terbukti meningkatkan nilai klik, mengapa demikian? Karena iklan yang muncul tidak akan mengganggu pengunjung dan mereka telah mendapatkan apa yang dicari setelah membaca artikel yang anda tulis. Apalagi bila iklan tersebut sangat berkaitan dengan artikel, maka kemungkinan klik juga sangat besar. Untuk ukuran yang ideal pada posisi ini anda dapat menggunakan ukuran 550x250 atau 300x250.

4. Di atas komentar blog 
Untuk posisi ini iklan ditempatkan tepat di atas form komentar sebuah blog. Posisi ini bisa menjadi sangat ideal bila blog anda ramai komentar. Karena posisinya yang agak di bawah maka bagi blog yang masih sepi komentar mungkin lebih baik memilih penempatan iklan seperti pada 3 poin sebelumnya.

Ke 4 posisi tersebut dapat kita rangkum pada sebuah gambar yang saya ambil langsung pada arahan Chitika berikut ini :
Posisi iklan terbaik pada blog, Cara menempatkan iklan agar banyak diklik pengunjung
Source : Chitika, Inch
  

















Lalu bagaimana cara menempatkan iklan langsung ke dalam konten blog :
1. Kode iklan harus terlebih dahulu diparse (diubah formatnya) agar dapat langsung menyatu dengan kode HTML blog. Untuk memparse kode iklan anda dapat memanfaatkan tool gratis pada alamat ini http://www.blogcrowds.com/resources/parse_html.php

2. Untuk menempatkannya pada awal artikel ataupun akhir artikel anda dapat membaca tulisan saya terdahulu disini.

KESIMPULAN :
Selain jumlah pengunjung dan page view yang tinggi pada sebuah blog, penempatan iklan terbaik pada intinya adalah iklan tersebut mudah untuk dilihat oleh pengunjung, menarik dan tentunnya tidak mengganggu pandangan pengunjung terutama saat membaca artikel di blog anda. Karena struktur blog yang berbeda-beda anda dapat mencoba format tersebut satu-persatu atau dapat juga menggunakan kombinasinya sehingga pada akhirnya ditemukan posisi iklan yang benar-benar ideal dan banyak mendapatkan klik pengunjung.

CARA MENGUBAH JUMLAH WIDGET LINKWITHIN DI BLOG

Cara mengubah jumlah widget Linkwithin-Sebagaimana kita ketahui bersama, untuk membuat artikel terkait bergambar (thumbnail) banyak sahabat blogger menggunakan fasilitas yang disediakan oleh Linkwithin.

Widget ini menjadi salah satu pilihan karena memiliki tampilan yang menarik dan mudah untuk langsung digunakan di blog tanpa kita harus direpotkan lagi dengan script yang banyak. Artikel ini saya khususkan bagi sahabat yang telah menggunakan related post Linkwithin dan ingin mengubah jumlah tampilannya. 

Misalkan saat ini jumlah artikel terkait tersebut adalah 4 buah sesuai dengan setting awal pada saat memasang, kemudian dengan alasan tertentu anda ingin menambahnya menjadi 5 (maksimal) atau malah menguranginya menjadi 3 buah, maka hal tersebut sangat mudah untuk dilakukan.

Berikut ini adalah langkah-langkahnya :

Login ke blog masing-masing.

Buka salah satu artikel anda dan klik tulisan kecil Linkwithin yang letaknya di bawah widget, seperti gambar berikut :

Cara mengubah jumlah widget Linkwithin


Maka sebuah tab baru pengaturan akan terbuka seperti ini :

Cara mengubah jumlah widget Linkwithin di blog

  • Email : Isikan sesuai dengan email pada saat pertama mendaftar.
  • Blog Link : Masukkan alamat home page blog sobat.
  • Platform : Sesuaikan apakah menggunakan Blogger, Wordpress atau flatform lainnya dengan memilih other.
  • Width : Silahkan disesuaikan dengan keinginan, ubahlah jumlah widget yang ingin sobat tampilkan di blog.
  • Untuk memberi latar belakang gelap pada widget, silahkan beri tanda centang pada kotak My blog has light on a dark background.
  • Terakhir klik Get Widget !

Sesaat kemudian anda akan diarahkan pada halaman pengaturan baru, akan tetapi hal ini diabaikan saja karena widget sebelumnya memang sudah terpasang di blog.

Untuk melihat perubahan setting yang telah kita lakukan, cobalah buka salah satu artikel blog anda ! Apakah sudah sesuai dengan keinginan atau belum.

Ternyata untuk mengubah jumlah tampilan widget Linkwithin yang terpasang di blog caranya sangat mudah bukan? okelah...semoga bermanfaat.
CARA MENAMPILKAN IKLAN HANYA DI HALAMAN POSTING BLOG

CARA MENAMPILKAN IKLAN HANYA DI HALAMAN POSTING BLOG

Sebenarnya ini adalah kelanjutan artikel saya sebelumnya yang berjudul MELETAKKAN IKLAN DI ATAS ATAU DI BAWAH POSTING BLOG pada tutorial tersebut saya hanya menjelaskan tentang cara menempatkan kode iklan setelah diparse pada halaman edit html. 

Saya yakin melalui cara tersebut sudah banyak rekan-rekan yang berhasil menerapkannya, hanya saja yang menjadi permasalahan disini adalah iklan yang sudah terpasang tersebut ternyata otomatis akan muncul juga pada setiap potongan artikel di halaman home page blog walaupun auto read more telah digunakan.

Untuk mengatasi hal tersebut, maka kita perlu menambahkan beberapa kode perintah yang akan meminta browser untuk memampilkan iklan yang sudah terpasang hanya pada halaman posting saja, berikut ini adalah cara sederhananya :

Tambahkan <b:if cond='data:blog.pageType == &quot;item&quot;'> sebelum kode iklan yang diparse kemudian akhiri dengan </b:if> contoh struktur lengkapnya adalah :

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   Kode iklan yang sudah diparse
   </b:if>

Sebenarnya cara ini tidak hanya terbatas pada penempatan iklan saja, sahabat juga dapat menggunakannya untuk menampilkan berbagai macam widget pada setiap halaman posting baik itu di awal ataupun akhir tanpa harus khawatir item tersebut akan ikut muncul pada home page blog.
3 TEMPAT DOWNLOAD TEMPLATE BLOGGER GRATIS

3 TEMPAT DOWNLOAD TEMPLATE BLOGGER GRATIS

Membahas kegiatan ngeblog khususnya Blogger memang tidak akan pernah ada habisnya, apalagi bila sudah berbicara tentang template. Pada versi standar Blogger sebenarnya sudah tersedia berbagai pilihan template yang dapat kita gunakan, tapi sayangnya tampilannya masih terlihat kurang bervariasi kecuali kita mau untuk melakukan perubahan di sana-sini dan sebenarnya hal ini kurang baik, karena otomatis setiap melakukan eksperimen maka struktur HTML blog juga ikut berubah.

Mengenai template yang baik untuk digunakan, akan banyak sekali pendapat dari rekan-rekan blogger di luar sana namun bila disimpulkan maka jawabannya adalah satu yaitu SEO friendly alias disukai oleh mesin pencari. Logikanya bila mesin pencari sudah bersahabat dengan blog anda maka setiap posting yang anda buat kemungkinan besar akan diprioritaskan masuk halaman satu Google selain pertimbangan faktor lainnya.

Beberapa kriteria template yang SEO friendly tersebut antara lain : ringan loading, dilengkapi navigasi seperti breadcumb, memiliki button share ke berbagai layanan sosial media, memiliki strktur H1 H2 H3 H4 yang jelas, enak dipandang (baca : tergantung selera) dan berbagai fitur tambahan lainnya.

Kembali ke topik utama, berikut ini adalah 3 tempat yang dapat anda manfaatkan untuk mendownload tempale Blogger secara gratis :

1. Btemplate  
Pada situs ini anda akan banyak sekali menemukan berbagai template dengan kategori yang beragam, dikelompokkan menjadi : pemilihan berdasarkan jumlah kolom, warna, style, fitur, topik dan hobi. Saya yakin anda akan sedikit kebingungan untuk menentukan pilihan karena jumlah template yang ditawarkan sampai ratusan. Namun yang patut dibanggakan ternyata beberapa template pada btemplate.com adalah hasil buatan sahabat blogger Indonesia.

Berbeda dengan yang pertama, deluxe.net adalah tempat untuk mendownload berbagai template premium dan elegan dengan tampilan yang wah. Kelebihannya adalah bagi pengguna Wordpress juga dapat memanfaatkan situs ini untuk dapat mengunduh template secara gratis. Silahkan dicoba sendiri...

Kalau yang satu ini adalah tempat khusus untuk mendapatkan template premium hasil rancangan Mas Sugeng, tentunya sebagai seorang bloger anda pernah mendengar nama tersebut. Salut untuk rekan kita ini karena dia telah berhasil membuat berbagai template yang cukup fenomenal dan sudah diakui salah satunya adalah FASTEST MAGS TEMPLATE. Untuk berbagai fitur dan atribut SEO-nya template-template buatan Mas Sugeng ini sudah tidak perlu diragukan lagi. 

Secara umum template yang nantinya anda download akan disimpan dalam bentuk winrar, untuk dapat menggunakannya, silahkan klik kanan file tersebut pada lokasi penyimpanan di komputer kemudian pilih exstrak here dan untuk hasilnya bukalah dengan pilihan notepad sehingga semua kodenya terbuka dan siap digunakan. Sebelum mengganti template tidak ada salahnya, sahabat membaca tulisan saya sebelumnya yaitu : Cara mengganti template blog dengan aman

Demikian informasi yang dapat saya sampaikan dalam kesempatan ini, bila ada informasi tambahan lainnya silahkan sahabat menambahkannya pda form komentar. Salam blogging !
CARA MEMBERI EFEK BAYANGAN PADA TEPI LAYOUT BLOG

CARA MEMBERI EFEK BAYANGAN PADA TEPI LAYOUT BLOG

Cara memberi efek bayangan pada tepi layout blog | Alhamdulillah setelah beberapa kali bereksperimen, akhirnya saya berhasil juga membuat efek bayangan pada seluruh tepi layout blog ini. Sebenarnya cara untuk membuat efek shadow ini bisa dikatakan sederhana karena kita hanya butuh menambahkan beberapa kode HTML saja :).

Oh ya, sebelum penjelasan lebih lanjut perlu diketahui kalau blog ini menggunakan template asli bawaan Blogger yang saya custom sendiri. Jadi bila anda yang menggunakan template hasil download mungkin saja strukturnya sedikit berbeda akan tetapi tidak ada salahnya juga untuk mencoba cara yang saya gunakan ini.

Langsung saja dipraktekkan :

1. Login ke blogger dan pada dashboard pilihlah template.

2. Pilih edit template.

3. Cari kode berikut :

.content-outer, .content-fauxcolumn-outer, .region-inner {
 min-width: $(content.width);
 max-width: $(content.width);
 _width: $(content.width);
  }

kode diatas akan kita modifikasi dengan penambahan kode ini :

box-shadow: 0px 0px 10px #000000;


Sehingga hasilnya menjadi :

.content-outer {
box-shadow: 0px 0px 10px #000000;
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
 }

.content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
 }


Keterangan :
  • Kode yang berwarna merah adalah besar efek bayangan/shadow yang ditambahkan, disini anda dapat menambah atau menguraginya.
  • Kode yang berwarna biru adalah warna bayangan yang nantinya akan muncul, untuk pilihan lain sahabat dapat melihat daftar kode warna di blog ini.
4. Lakukan pratinjau terlebih dahulu.

5. Bila hasilnya sudah sesuaia dengan keinginan, simpan perubahan template.

Untuk demonya, tidak usah jauh-jauh karena sahabat dapat langsung melihatnya pada blog ini. Trik ini dapat diaplikasikan dengan menyesuaikan background blog masing-masing dengan efek bayangan yang akan ditambahkan. Semoga banyak dari anda yang berhasil...:)

MEMASANG WIDGET PEMANTAU KURS RUPIAH DI BLOG

Saat ini untuk memantau perkembangan nilai kurs mata uang khususnya RUPIAH, tidak hanya didapatkan melalui informasi berita televisi karena di blog pun hal tersebut dapat dengan mudah kita lakukan caranya adalah dengan memasang widget yang dapat menunjukkan nilai kurs secara real time.

Khusus untuk tujuan tersebut memang banyak website yang menyediakan script yang langsung bisa digunakan, salah satunya adalah Fx-rate.net saya merekomendasikannya dengan pertimbangan : tampilan widget yang bagus, pilihan ukuran banyak dan kita juga diberi kebebasan untuk mengubah tampilannya melalui pilihan Customize.

Selain itu jumlah pilihan konversi mata uang lainnya juga sangat banyak, seperti : American Dollar, Canadian Dollar, Argentine Peso, Australian Dollar, Euro, United Arab Emirates Dirham, Japanese Yen, Mexican Peso dan masih banyak lagi mata uang utama dunia pada website ini.

Bagi blog yang bertema informasi bisnis, ekonomi atau perdagangan valas maka saya rasa widget pemantau nilai kurs Rupiah ini sangat cocok untuk dipasang. Untuk sahabat yang ingin memasangnya silahkan kunjungi terlebih dahulu alamat berikut ini  http://fx-rate.net/IDR/getwidget/ setelah itu tinggal pilih ukuran widget yang sesuai dengan selera dan copy Url yang tersedia dibawahnya. Berikut adalah salah satu contohnya :

Cara memasang widget nilai kurs rupiah di blog, widget unik, widget pemantau dollar real time

Bila sahabat tidak puas dengan tampilan tersebut, silahkan klik tulisan Customize untuk mengatur ulang elemen warna yang ada. Untuk memasangnya pada flatform Blogger seperti biasa langkahnya adalah sebagai berikut :

1. Setelah login kemudian pilih Tata letak › Tambahkan gadget › HTML/javascript

2. Pastekan kode yang tadi diperoleh dari fx-rate.net

3. Atur posisinya sesuai dengan keinginan

4. Simpan perubahan

Demikian cara memasang widget unik pemantau nilai kurs Rupiah di blog, mungkin ada diantara sahabat yang memiliki referensi lain ? saya persilahkan untuk berkomentar. Wasallam....semoga bermanfaat.
APA KEUNTUNGAN MENJADI SEORANG BLOGGER ?

APA KEUNTUNGAN MENJADI SEORANG BLOGGER ?

Apa yang menjadi keuntungan menjadi seorang blogger? mungkin saja pertanyaan ini sempat terlintas dalam benak anda pada awal mula tertarik dengan kegiatan ngeblog. Jawabannya tentu sangat relatif karena ketertarikan itu bisa berasal dari sebuah inspirasi atau motivasi yang bebeda-beda. Misalkan saja anda memutuskan terjun menjadi blogger setelah membaca artikel banyaknya orang yang sukses memperoleh penghasilan dengan jumlah yang "Wow" melalui blog yang dikelolanya secara pribadi.

Apapun alasannya semua itu sifatnya sah-sah saja karena kegiatan blogging merupakan sebuah wujud pengekspresian diri yang nantinya akan dituangkan melalui desain template, tema yang diangkat, gaya bahasa dalam membuat artikel dan lain-lain. Itulah sebabnya kenapa sebuah blog memiliki keunikan sendiri bila dibandingkan dengan blog lainnya.

Berbicara mengenai keuntungan tentu saja hal tersebut tidak terbatas pada materi belaka karena kalau mau ditelaah lebih mendalam, banyak sisi-sisi positif yang dapat diperoleh melalui aktivitas ini diantaranya :

1. Mengasah kemampuan dalam menulis
Di saat anda memutuskan mulai menjadi blogger, secara otomatis anda sudah menetapkan diri sebagai seorang penulis online. Ya..benar, karena kegiatan anda 80 % adalah terfokus untuk membuat artikel tidak peduli apapun tema yang diangkat. Dengan demikian sedikit demi sedikit kemampuan untuk menulis dengan kriteria "enak dibaca" pun akan terasah walaupun pada awalnya mungkin banyak rekan-rekan yang merasa kurang percaya diri.

2. Wawasan bertambah
Secara pribadi saya berani mengatakan bahwa sebagian besar ilmu blogging yang anda miliki diperoleh secara autodidak alias tidak ada guru khusus. Semua itu diperoleh dari aktifitas pencarian melalui Google atau lainnya. Belum lagi bila kita berbicara tentang materi pembuatan sebuah artikel, tentunya hal tersebut membutuhkan berbagai referensi baik sebagai sumber ataupun pembanding. Intinya semua itu akan memperluas wawasan anda.

3. Memacu tingkat kreativitas
Poin ini akan memiliki arti penting setelah anda berhasil membuat blog. Disaat itulah anda akan mulai berfikir untuk menampilkan sesuatu hal yang berbeda dengan orang lain walaupun tema yang dibahas mirip bahkan sama. Sebagai seorang blogger kreativitas ini bisa diibaratkan sebagai modal utama yang harus dimiliki, tanpa kemapuan tersebut kita akan kesulitan untuk mengembangkan berbagai ide dan kemampuan yang ada.

4. Relasi bertambah
Melalui aktivitas online ini anda mau-tidak mau akan lebih banyak berinteraksi dengan berbagai pihak 2 diantaranya adalah pembaca dan sesama blogger. Jadi dapat dikatakan pula bahwa blog merupakan sebuah media sosial mini yang memberikan ruang untuk menambah teman/kenalan baru.

5. Mendapatkan penghasilan
Seperti yang dibahas diawal tadi kegiatan blog juga dapat menjanjikan untuk dijadikan sumber penghasilan tambahan. Hal ini lebih dikenal dengan istilah Monetisasi, yang paling umum adalah dengan menampilkan iklan PPC (dibayar setiap ada yang mengklik) pada blog. Salah satu contoh yang benar-benar populer saat ini adalah Google adsense yang pembayarannya dengan perhitungan dolar.

Bagaimana tanggapan anda setelah membaca keuntungan menjadi blogger tersebut ? tertarik...atau masih fikir-fikir dulu ? terlepas dari semua itu saya berkeyakinan bahwa apapun yang kita tekuni dan benar-benar serius untuk dijalankan pastilah akan menghasilkan sesuatu yang positif walaupun mungkin pada saat ini masih belum terlihat.

Sebagai tambahan dan perbandingan, anda juga dapat membaca artikel saya yang membahas tentang Kebiasaan buruk blogger yang sangat merugikan. Salam...

CARA MUDAH MENDAFTAR ULANG BLOG KE GOOGLE ADSENSE

Tutorial kali ini membahas tentang cara mudah untuk mendaftar ulang kembali blog yang telah ditolak oleh Google adsense. Hal ini cukup menarik untuk diulas karena memang secara khusus memang tidak ada petunjuk yang langsung mengarah pada hal tersebut.

Adsense adalah sebuah program PPC (Pay per click) yang dikelola secara frofesional dan langsung oleh Google inc dimana anda akan mendapatkan bayaran bila seorang pengunjung mengklik iklan yang muncul pada blog anda. Selain karena harga per-kliknya relatif mahal program periklanan ini juga mampu menampilkan iklan yang kontekstual/relevan dengan isi blog anda, 2 keunggulan inilah yang masih sulit disamai oleh program PPC lainnya. Oleh karena itu tidak heran bila para blogger baik yang berasal dari dalam negeri ataupun luar negeri berlomba-lomba untuk bisa menjadi penayang program ini.

Namun untuk diterima sebagai publisher Adsesnse bukanlah hal yang mudah, berbagai persyaratan harus dapat dipenuhi oleh sebuah blog atau website, diantaranya adalah :

a. Artikel yang dimiliki unik, tulisan sendiri, bermanfaat, dibutuhkan orang, padat dan kaya akan informasi.
b. Tidak mengandung unsur pornografi, SARA atau kegiatan berbahaya seperti penyebaran virus.
c. Tidak memuat konten atau materi berhak cipta baik itu gambar, tulisan ataupun dalam bentuk lain.
d. Bersedia tidak akan menempatkan iklan pada situs yang berisi insentif untuk mengeklik iklan.
e. Sanggup tidak akan melakukan klik sendiri pada iklan yang muncul.
f.  Dilengkapi navigasi jelas yang memudahkan pengunjung untuk menjelajahi isi keseluruhan Web atau blog.
g. Mencantumkan About, Privacy policy, Disclaimer dan Contac admin sebagi wujud transparansi dan keseriusan kita dalam mengelola blog.

Poin-poin diatas termasuk prinsip utama yang harus kita penuhi, nah bila sebelumnya sahabat pernah ditolak namun merasa sudah melakukan berbagai perbaikan untuk dapat diterima, sekarang saatnya untuk mendaftar ulang/resubmit blog. Berikut ini adalah urutan langkahnya (mohon maaf ini khusus untuk domain blogspot saja) :
1. Setelah login dan masuk pada dashboard Blogger › klik tab Penghasilan 

2. Klik link yang bertuliskan Tampilkan dasbor

Cara mendaftarkan kembali blog yang ditolak Google Adsense


3. Masukkan password yang sama seperti saat login pada blogger › Masuk.

4. Sekarang kita sudah masuk pada sebuah halaman yang meminta peninjauan ulang Google pada konten blog kita. Disini juga kita dapat melihat informasi situs web dan Persyaratan & Ketentuan serta Kebijakan Program Google AdSense. Silahkan klik tab Lanjutkan  ( letaknya paling bawah).

Cara mendaftarkan kembali blog yang ditolak Google Adsense

5. Sampai langkah ini sahabat akan dibawa masuk pada halaman yang berisi data-data identitas pribadi disaat pendaftaran pertama dibuat. Jika semuanya masih valid dan tidak ada item yang perlu diubah silahkan langsung mengklik tab Kirim ulang

Cara mendaftarkan kembali blog yang ditolak Google Adsense


6. Selesai.

Setelah proses tersebut dijalankan kini saatnya menunggun review ulang Google terhadap blog anda, masalah diterima atau tidaknya itu semua kembali pada hak dan kewenagan penuh Google. Jangan lupa untuk rajin-rajin mengecek email untuk mengetahui hasil dari pengajuan anda. Berdoa setelah berusaha adalah prinsip utama yang menjadi tumpuan kita termasuk dalam hal ini. Selamat buat rekan-rekan yang telah di terima pada Google adsense dan bagi yang belum..jangan patah semangat untuk selalu berusaha.
CARA MEMBUAT DAFTAR ISI BLOG TANPA HOSTING

CARA MEMBUAT DAFTAR ISI BLOG TANPA HOSTING

Tujuan utama pembuatan daftar isi atau site map pada blog adalah untuk mempermudah pengunjung menavigasi seluruh artikel yang ada selain itu pemasangan widget ini juga sangat dianjurkan karena mesin pencari baik itu Google, Yahoo atau Bing lebih cepat mengenali blog anda (SEO Friendly).

Bila metode sebelumnya rekan-rekan Blogger telah menggunakan script yang umumya digunakan dan menggunakan Google code sebagai tempat penyimpanan maka yang akan saya bagikan kali ini adalah pemasangan script langsung tanpa menggunakan hosting karena kabarnya layanan tersebut sudah tidak gratis lagi.

Berikut ini adalah script yang dapat anda gunakan untuk menampilkan daftar isi pada blog sesuai dengan label :

<div style="margin:0; padding:10px;height:450px;overflow:auto;border:1px;">
<script type='text/javascript'>var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postMp3[ii]=o;if(h<10){postBaru[ii]=true}else{postBaru[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><a href="http://melangkahdenganhati.blogspot.com" style="font-size: 8px; text-decoration:none; color: #616469;">By Tips dan Trik</a>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postMp3[e];postMp3[e]=postMp3[g];postMp3[g]=f;var f=postBaru[e];postBaru[e]=postBaru[g];postBaru[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postMp3[f];postMp3[f]=postMp3[h];postMp3[h]=g;var g=postBaru[f];postBaru[f]=postBaru[h];postBaru[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Judul Artikel";var m="Klik untuk sortir berdasarkan judul";var d="Tanggal";var k="Klik untuk Sortir bedasarkan tanggal";var c="Kategori";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Klik untuk menampilkan semua"}h+="<table>";h+="<tr>";h+='<td class="toc-header-col1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="toc-header-col2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="toc-header-col3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="toc-header-col4">';h+="Download MP3";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Menampilkan Semua '+postTitle.length+" Artikel<br/></span>"}else{var f='<span class="toc-note">Menampilkan '+l+" artikel dengan kategori '";f+=postFilter+"' dari "+postTitle.length+" Total Artikel<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postBaru[a]==true){document.write(' - <strong><em><span style="color: rgb(255, 0, 0);">New !!</span> </em></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Menampilkan Daftar Isi</a> <img src="http://radiorodja.googlepages.com/new_1.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link          : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Download mp3  : <a href="'+postMp3[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};</script> 
<script src="http://melangkahdenganhati.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Silahkan copy kode diatas namun sebelumnya sesuikan dahulu tulisan yang berwarna merah dengan judul dan alamat blog anda.

Untuk memasangnya pada halaman statis Blogger, langkahnya adalah sebagai berikut :
1.  Klik Laman pada dashboard lalu pilih laman kosong.
2.  Beri judul sesuai dengan keinginan, contohnya "Daftar isi blog".
3.  Pilih mode HTML dan pastekan kode diatas (ingat sesuaikan tulisan merah dengan blog anda).
4.  Lakukan pratinjau terlebih dahulu.
5.  Bila hasilnya sudah muncul silahkan publikasikan.
6. Untuk demonya anda dapat melihat langsung pada tab atas yang berjudul SITEMAP pada blog ini.

Kelebihan dari script ini adalah kemampuannya untuk menandai posting terbaru yang telah dibuat pada blog anda. Bila sahabat memiliki metode yang berbeda untuk membuat daftar isi blog sesuai dengan label, silahkan berbagi melalui kolom komentar.
MENGATASI PERMASALAHAN HTML BLOGGER

MENGATASI PERMASALAHAN HTML BLOGGER

Tidak selamanya aktifitas blogging itu menyenangkan, kira-kira itulah ungkapan yang tepat disaat anda mengalami hal yang satu ini. Apakah itu? munculnya pemberitahuan duplikat konten pada penelusuran Googlebot yang terlihat pada Google Webmaster Tool.

Permasalahan ini memang terkesan klasik namun sangat kerap dialami pada para blogger tidak terkecuali saya. Untuk mengecek kondisi ini silahkan klik Tampilan penelusuran ›› Penyempurnaan HTML dan anda akan segera mengetahui apakah pada bagian ini kesehatan blog tidak mengalami masalah atau sebaliknya.

3 item yang paling sering muncul adalah :


Duplikasi deskripsi meta
Kondisi ini menunjukkan bahwa pada hasil penelusuran Google, beberapa Url blog anda ditemukan deskripsi yang sama walaupun dengan berbagai judul link yang berbeda, terlihat aneh memang? Sangat bisa dimengerti mengapa Google sangat tidak menyukai hal ini karena duplikasi ini akan merusak relevansi pencarian pada search engine.

Bila jumlahnya banyak, maka dapat dipastikan penyebabnya berasal dari penambahan meta deskripsi pada template blog. Kenapa demikian? karena kita tidak mengkondisikan penggunaan meta tersebut sehingga robot akan memberlakukan deskripsi yang sama baik pada home page ataupun halaman artikel.

Struktur meta deskripsi yang umumnya ditemukan dibawah <head> biasanya seperti ini :

<meta content='Blog yang membahas tentang...............'  name='description'/>

ubahlah strukturnya menjadi seperti ini :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Blog yang membahas tentang...............'  name='description'/>
</b:if>

Perubahan kode tersebut akan mejadikan meta deskripsi blog hanya akan terbaca khusus untuk halaman home page saja sedangkan untuk setiap artikel metode penambahan deskripsinya dapat dengan mudah anda optimasi sendiri melalui bawaan fitur baru bawaan Blogger yaitu dengan mengaktifkannya melalui : Dashboard ›› Setelan ›› Prefensi penelusuran ›› Aktifkan deskripsi penelusuran kemudian tulislah gambaran singkat blog anda ›› Simpan perubahan.

Pada kasus yang sama ternyata arsip blog yang terindeks juga dapat menjadi penyebab masalah ini, untuk mengatasinya anda dapat menambahkan kode berikut setelah </title> :

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>

Deskripsi singkat meta
Setelah deskripsi penelusuran default telah diaktifkan maka setiap anda membuat sebuah posting pada sidebar sebelah kanan akan muncul sebuah menu dengan nama "Deskripsi penelusuran".  Dari analisa saya permasalahan kedua ini disebabkan penulisan deskripsi yang sangat pendek atau malah menyamai judul artikel. 

Solusi yang dapat digunakan untuk mengatasi hal ini adalah dengan mengedit kembali deskripsi penelusuran tersebut dan menambahkan kalimat yang tentunya benar-benar relevan dengan isi artikel.

Tag judul duplikat
Kalau yang satu ini, kasusnya sedikit berbeda dari dua item yang saya jelaskan sebelumnya. Penyebab utamanya adalah karena artikel anda pernah dibuka menggunakan versi mobile sehingga Googlepun memunculkan Urlnya pada hasil pencarian. Contohnya seperti ini :

http://melangkahdenganhati.blogspot.com/2013/03/tampilan-unik-google-yang-aneh-dan.html
http://melangkahdenganhati.blogspot.com/2013/03/tampilan-unik-google-yang-aneh-dan.html?m=0

terlihat bahwa kedua link tersebut bila diklik maka akan menuju halaman yang sama, link kedua adalah halaman versi mobile yang terindeks oleh google pada hasil penelusurannya.

Solusi yang dapat digunakan untuk mengatasi hal ini adalah dengan mengajukan penghapusan Url link dengan embel-embel m=0/1 tersebut pada Google Webmaster Tool. Caranya : Klik kanan link tersebut dan pilih copy ›› Google indeks ›› Hapus URL ›› Buat permintaan penghapusan baru ›› Pastekan Url pada kotak yang telah disediakan ›› Klik terus ›› Hapus laman dari hasil penelusuran dan cache ›› Klik kirim permintaan.

Bila permasalahan ini tidak segera ditangani bukan tidak mungkin kalau indeks blog anda akan berkurang dari waktu ke waktu. Dari pengalaman, setiap tindakan penanganan yang saya lakukan terhadap permasalahan penyempurnaan HTML ini tidak serta merta akan menghilangkan peringatan duplikat. Untuk dapat melihat efeknya, dibutuhkan crawl ulang seluruh blog oleh robot Google yang memang menuntut kesabaran.
CARA MEMBUAT WIDGET ARTIKEL TERBARU FAST LOADING

CARA MEMBUAT WIDGET ARTIKEL TERBARU FAST LOADING

Bila anda saat ini mencari sebuah widget fast loading yang dapat menampilkan daftar artikel terbaru yang ada pada blog anda maka tulisan ini mungkin dapat membantu.  Secara umum widget ini lebih dikenal dengan nama Recent post dan sudah sangat banyak dibahas oleh rekan Blogger lainnya. 

Hanya saja yang menjadi perbedaannya disini adalah widget yang nantinya terpasang sama sekali tidak membebani loading blog anda alias sangat ringan. Hanya saja untuk bisa memasangnya anda haruslah telah terdaftar dan login terlebih dahulu pada Feedburner Google.

Langsung saja, berikut ini adalah langkah-langkahnya :

Pada dashboard Feedburner kliklah judul feed title sesuai dengan nama yang anda daftarkan, misalnya untuk blog ini adalah Tips dan Trik.

Kliklah tab Publicize dan pilih BuzzBoost.

Selanjutnya kita tinggal melakukan beberapa setting diantaranya :
  • Number of items to display : Isikan dengan jumlah artikel yang akan ditampilkan, misalnya 5 buah namun anda juga dapat memilih All untuk menampilkan puluhan posting.
  • Open links in : Pilih New Window bila anda ingin artikel tersebut nantinya terbuka pada tab baru atau Same Window bila anda ingin artikel tersebut tetap terbuka pada halaman yang sama.
  • Display feed title (or provide your own) : Pilihan ini untuk menampilkan judul blog.
  • Display favicon : Pilihan untuk menampilkan icon blog.
  • Display item author name : Pilihan untuk menampilkan nama pengarang yang ada pada blog.
  • Display item content : Untuk menampilkan potongan posting.
  • Display item publication date : Menampilkan tanggal pembuatan artikel.
  • Show linked media from a podcast : Menampilkan suara atau display media yang terdapat di dalam posting misalkan video.
  • Display link to feed : Menunjukkan alamat feed blog anda pada widget.
Dari keseluruhan pilihan setting tersebut silahkan dicentang mana yang nantinya akan ditampilkan pada widget atau tidak.

Jika semuanya sudah ditentukan kliklah Save dan tunggu sampai Feedburner menyelesaikan pembuatan kode widget anda. 

Setelah proses loading selesai maka ditandai dengan keterangan This service is active dan scrool mouse ke bagian atas maka anda dapat melihat tulisan Your BuzzBoost Is Ready lalu copy code javascript yang terlihat pada kotak.

Untuk memasangnya pada Blogger : Masuk ke Tata letak ›› Tambahkan gadget ›› HTML/Java script ›› Pastekan kode yang tadi anda dapatkan pada Feedburner google.

Untuk mengubah konfigurasi widget yang sudah terpasang anda dapat mengulangi langkah tersebut dan menyimpan perunahan terakhir dengan menekan pilihan Save, sekarang anda telah memiliki sebuah widget Recent post namun tidak menambah berat loading blog, selamat mencoba !
MENGATUR JUMLAH ARTIKEL YANG TAMPIL PADA LABEL BLOGGER

MENGATUR JUMLAH ARTIKEL YANG TAMPIL PADA LABEL BLOGGER

Trik ngeblog memang tidak akan ada habisnya untuk dibahas, dalam kesempatan ini topik kita adalah cara mengatur jumlah artikel yang tampil disetiap label saat diklik pengunjung. Hal ini menjadi penting karena pengaturan standar template Blogger akan menampilkan seluruh artikel yang ada pada masing-masing label sehingga membuat halaman menjadi panjang ke bawah dan memakan waktu loading yang sangat lama.

Untuk menyiasati hal tersebut sahabat dapat membatasi jumlah artikel yang akan ditampilkan pada setiap label. Untuk demonya sahabat dapat melihatnya pada blog ini, bila anda juga memiliki keinginan seperti itu :) maka silahkan ikuti urutan langkah berikut ini :

1. Masuk dashboard ›› Pilih template ›› Edit template

2. Gunakan fasiltas pencarian dengan menekan keyboard Ctrl+f  lalu carilah seluruh kode berikut ini :

 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>


Lalu tambahkan kode berikut :

+ &quot;?max-results=4&quot;


Sehingga hasilnya menjadi seperti ini :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url+ &quot;?max-results=4&quot;'>

Untuk blog yang sudah menggunakan breadcrumb hal yang sama juga dapat kita terapkan, dimana setelah penambahan kode kedua tersebut bentuknya akan menjadi :

<span typeof='v:Breadcrumb'><a expr:href='data:label.url+ &quot;?max-results=4&quot;' property='v:title' rel='v:url'>

3. Lakukan pratinjau terlebih dahulu, jika tidak ada masalah anda dapat melakukan save.

Angka 4 pada kode tersebut adalah jumlah artikel yang ingin ditampilkan pada setiap label, anda dapat mengubahnya sesuai dengan keinginan. Saran saya aturlah jumlah tersebut menjadi maksimal 5 atau 6 sehingga loading blog bisa menjadi lebih cepat. Semoga bermanfaat !
USAHA MENGOPTIMALKAN  KECEPATAN LOADING BLOG

USAHA MENGOPTIMALKAN KECEPATAN LOADING BLOG

Siapa sih yang tidak suka dengan loading blog yang cepat? saya berani menjamin 100 % jawaban adalah semua pengguna internet. Bagi seorang pengelola blog hal ini juga termasuk prioritas utama, karena loading blog yang ringan akan diikuti pula oleh peningkatan page view artikel-artikel yang anda tawarkan. Logikanya adalah pengunjung akan merasa betah berlama-lama untuk membuka berbagai artikel yang menurutnya menarik tanpa harus menunggu lama.

Terdapat dua hal utama yang mempengaruhi kecepatan loading sebuah blog, yaitu :  

1. Faktor eksternal, yang saya maksudkan disini adalah koneksi internet pengguna yang bervariasi, tingkat kepadatan hosting/server baik itu berbayar atau gratisan dan jenis browser yang digunakan masing-masing pengguna juga ikut menjadi penentu.

2. Faktor internal, adalah segala sesuatu yang berasal dari dalam blog itu sendiri hal ini mencakup seluruh properti yang digunakan pada blog seperti : template, kapasitas gambar, penggunaan CSS dan Javascript, penempatan atau pengaturan widget dan lain-lain. Kita akan mencoba fokus pada faktor kedua ini saja...

a. Pemilihan template
Template adalah kerangka atau bisa juga diistilahkan sebagai rumah kosong yang nantinya akan diisi dengan berbagai perabot. Perbedaannya adalah setiap template memiliki ukuran berat yang berbeda-beda, semakin bagus dan terlihat mewah sebuah template (dengan berbagai aksesoris) maka ukurannyapun semakin besar walaupun begitu bukan berarti template sederhana tidak bisa terlihat indah :). Menurut saya pribadi adalah batas normal sebuah template adalah 60 Kb, lebih dari itu maka loading akan terasa lebih berat jadi kita dituntut lebih selektif dalam memilih template. Sekedar untuk menambah referensi, anda juga dapat membaca artikel saya sebelumnya :



b. Penggunaan gambar
Kalau mau jujur penggunaan gambar ini tidak akan pernah bisa dihindari oleh sebuah blog, hal yang paling umum ditemukan adalah penggunaan gambar pada bagian header dan background template. Bagian inilah yang paling dahulu terbaca pada saat browser membuka blog anda. Jika memang tidak mungkin untuk dilepaskan maka usahakanlah agar gambar tersebut memiliki ukuran yang kecil. Hal ini juga berlaku pada gambar yang masukkan sebagai pelengkap sebuah artikel. Saat ini banyak tool yang bisa digunakan untuk mengkompres gambar, anda juga dapat membaca artikel saya yang berkaitan dengan hal ini :




c. CSS dan Javascript
Cascading Style Sheet (CSS) adalah rangkaian aturan bahasa HTML yang digunakan untuk mengatur tampilan sebuah blog, pada struktur template letaknya diantara <b:skin>.........dan  </b:skin>. Bagian ini juga memiliki kontribusi pada kecepatan akses blog. Mungkin banyak rekan-rekan yang mengkompres CSS blognya untuk agar kode ini lebih cepat terbaca, hanya saja dari pengalaman saya menggunakan beberapa tool hasilnya kurang memuaskan karena tampilan blog ikut berubah, penyebabnya adalah tool tersebut ternyata mengkonversi kode asli. Saran saya gunakanlah tool compress yang hanya berfungsi untuk menghilangkan spasi yang tidak perlu diantara kode. Anda dapat mencoba yang satu ini : Textfixer Commpressor . Demikian pula dengan semua Javascript yang terdapat pada template, gunakanlah tool tersebut untuk lebih memperkecil ukurannya.

d. Penempatan dan pengaturan widget
Dari hasil percobaan saya selama ini jumlah widget akan berpengaruh besar pada kecepatan loading blog, baik yang berasal dari script iklan, banner ataupun widget pemanis lainnya. Tanpa bermaksud untuk menggurui pembaca, akan lebih baik bila anda hanya memasang widget yang benar-benar penting saja semisal : Popular post, Arsip, fasilitas pencarian atau artikel berlangganan. Demikian pula halnya dengan iklan, bila terlalu berlebihan juga akan berdampak kurang baik. Bila memungkinkan, aturlah widget yang menggunakan javascript pada posisi bawah blog hal berarti kita meminta browser untuk lebih dahulu membuka artikel kemudian baru diikuti oleh pembacaan berbagai widget.

Bila semua item tersebut sudah dirasa optimal, sekarang saatnya untuk mengetes seberapa cepat loading blog anda. Kita dapat memanfaatkan Google pagespeed insights sebuah tool gratis milik Google yang akan mengalisa kecepatan sebuah blog pada mode dekstop dan seluler yang masing-masing akan memiliki skor tertentu, semakin mendekati angka 100 maka dapatlah disimpulkan kecepatan  blog tersebut sudah optimal. Bila belum, maka anda dapat mengikuti berbagai saran perbaikan pada tool tersebut.

Mungkin hanya itu saja yang bisa saya sampaikan dalam kesempatan kali ini, bila sahabat memiliki pengalaman yang berbeda dalam optimasi ini jangan sungkan-sungkan untuk memberi komentarnya.
Back To Top