Cara Memasang SlideShow Blog Post WordPress

Slide Show Postingan itu apaan sih?

SlideShow, dari namanya sudah cukup jelas bukan? Itu lo yang gambar/foto nya berpindah-pindah sendiri. Saya banyak menjumpai blog sesama blogger itu menggunakan website slide show. Misalnya Slide.com, Kizoa.com atau Slideshow.com sendiri.

Situs-situs slideshow seperti diatas hanya cocok untuk memajang foto-foto/ gambar saja. Tapi bukan itu yang saya maksud pada postingan kali ini. Tapi slideshow postingan pilihan. Yang artinya slide show yang berisi image-image untuk menuju artikel-artikel pilihan yang kita tentukan sendiri.

click to zoom : Contoh SlideShow menggunakan Slide.com berformat Flash

Pemasangan ini bisa menjadikan blog kita lebih cantik slideshow berganti-ganti seolah animasi atau banner flash ekslusif. Selain itu pengujung blog bisa tahu artikel pilihan di blog kita, sehingga berpeluang di klik dan meningkatkan angka pageview blog.

Memasang Slide Show Post di Blog

Oia, tips sederhana ini hanya berlaku untuk WordPress Self Hosting lo ya.. Kalao untuk blogspot mesti pakai Jquery, Joomla ada nama extensi SlideShow Pro.

click to zoom : contoh hasil Content Slide ukuran mini

• Download plugin Content Slide di Wopress Entend klik http://wordpress.org/extend/plugins/content-slide
• Install dan aktifkan plugin tersebut di blog WordPress. Untuk cara install dan mengaktifkan plugin sama seperti memasang plugin amcaptha.
• Sekarang saat nya untuk melakukan pengaturan tampilan Content Slide. Silahkan klik Menu Content Slide yang terdapat di Dashboard. Pada pengaturan General kita bisa menentukan ukuran slide, border, tipe dan ukuran ukuran huruf, background, dsb.
  

  click to zoom : setting Content Slide - General

  Selanjutnya pada pengaturan Animasi kita bisa menentukan jenis animasi perpindahan Slide, jarak waktu slide, tampilan tombol navigasi, dsb.

  

  click to zoom : Setting Animasi

  Pengaturan yang terakhir adalah pengaturan image dan postingan. Yaitu jumlah image, banyaknya posting yang akan kita tampilkan dalam slide.

  

  click to zoom : Pengaturan

  Seteleh dirasa cukup jangan lupa untuk disimpan, klik Save Setting

• Langkah terakhir adalah memasang kode letak slideshow. Silahkan pasang kode berikut dimana pun kita inginkan. Misal kita pasang di Index.php, Home.php, Single.php, Footer.php dsb : <?php if(function_exists('wp_content_slider')) { wp_content_slider(); } ?>
• Selesai, henah silahkan lihat hasilnya.

Gimana kawan? Cukup mudah bukan untuk memasang Slide Show Blog Post di WordPress. Jadi endag perlu repot-repot pasang Slide Show pakai JavaScritpt, pakai Jquery, dan kode-kode angker lainnya. Cukup install, setting, beres . Itulah jurusnya orang yang gak mau repot kek sayah, hihihi

Selamat mencoba membuat SlideShow…

Cara Mengetahui Jumlah Pembaca Post

Mengetahui Jumlah Pembaca Posting, Apa pentingnya?

Teman- teman pasti pada tahu kan? Bahwasannya secara defaul semua blog tidak memiliki counter alias penghitung untuk mengetahui seberapa banyak jumlah pembaca pada postingan (tulisan) di blog kita. Baik itu blog menggunakan platform WordPress, Blogspot, atau yang lainnya.

Tidak begitu penting memang counter seperti ini. Sehingga tidak akan masuk dalam 10 besar plugin penting WordPress seperti plugin-plugin lainnya. Saya memasang counter ini hanya ingin mengetahui seberapa banyak suatu postingan dibaca, minimal dibuka terus ditutup hihi.

Dari situ kita selaku pemilik blog bisa tahu kan seberapa penting tulisan tersebut dicari dan dibaca pengunjung. Sehingga kedepan kita bisa membuat tulisan-tulisan sejenis agar blog kita tetep rame didatangi pengunjung. Baik pengunjung via Facebook, Twitter, dsb minimal teman-teman blogwalking hehehe.

Memasang Wp-PostViews Counter Plugin

Seperti yang saya jelasklan diatas, plugin jenis ini tidak begitu penting. Termasuk plugin Wp-PostViews bikinan Lester Chan ini. Sangat sederhana, hanya berukuran 22,1 kb tapi lumayan daripada bikin sendiri ndag paham hehehe. Oke deh silahkan yang mau pasang, ini caranya :

• Download Wp-Post View di http://wordpress.org/extend/plugins/wp-postviews
• Install plugin di blog WordPress.org kita . Untuk cara install sama seperti plugin lainnya. Yang belom tahu coba lirik cara install plugin pada tulisan Memasang Anti Spam di WordPress.
• Setelah di Install di aktifkan dulu yaa.
• Kemudian letakkan kode berikut (pada kotak quote) pada file Theme. Misal di Single.php, Post.php, Page.php atau Archive.php
• Sebagai contoh letakkan saja di Single.php sebelum kode : <?php while (have_posts()) : the_post(); ?>

<?php if(function_exists('the_views')) { the_views(); } ?>

• Dan tarrraaa… Counter jumlah pembaca sudah terpasang dengan gantengnya hihihi
  

  click to zoom : contoh sesudah install Wp-PostView

Henah.. gimana cukup mudah bukan untuk memasang plugin jumlah pembaca postingan ini. Satu alasan lagi kenapa saya pasang plugin ini adalah buat jaga-jaga kalao nanti diminta sama ID Blog Network untuk menunjukkan berapa banyak orang yang membaca tulisan job review dari sana.

500 Internal Server Error

Error 500 Internal Server Error, apa ini?

Pernah baca ato lihat kalimat tersebut tidak? Baik dari web atapun dari blog-blog yang sobat singgahi. Atau mungkin malah webblog selfhosting sobat sendiri yang pernah mengalami? Wak kaget deh kalao pas buka web kita sendiri terpampang kalimat tersebut… ckckck..

click to zoom : 500 Internal Server Error

Jangan buru-buru nyalahin empunya hosting soal error ini. Kita insyallah bisa kok memperbaikinya sendiri. Jangan dikit-dikit minta bantuan customerservice. Kalao minta bantuan terus kita kapan bisanya hehee. Yuk ketahui dulu apa penyebabnya.

Penyebab terjadinya Error 500 Internal Server Error

Kalao blog nge-blank dan muncul tulisan tersebut jangan panik dulu ya sobat. Insyallah sebenernya mudah kok. Penyebab terjadi nya 500 Internal Server Error ada 2 yaitu :

1. Kesalahan Permission atau kesalahan hak akses pada file ato folder yang terdapat pada hosting blog.
2. Yang kedua terjadi pada kesalahan .htacces

Click to zoom : Error Log Cpanel

Memperbaiki Error 500 Internal Server Error

Untuk bagian ini belum saya share dulu yaa.. Soale ana juga lagi memperbaiki dan mencari solusinya. Karena halam tertentu seperti http://www.ingateros.com/2009/10/tukar-link-dofollow-dengan-web-dan-blog.html tidak bisa diakses alias nge-blank 500 Internal Server Error, hiks.

Doain blog ana baik-baik saja yaa, bisa segera memperbaiki dan selesai. Nanti kalao sudah sukses, insyallah saya share caranya. Sekarang mau ngurusi web toko online dulu, meski bekerja mandiri tapi haru sesuai schedule. Terbuka lebar untuk sobat-sobat yang pernah mengalami dan mau berbagi.. silahkan.

Update : tips yang saya lakukan adalah mengedit postingan bermasalah tersebut. Saya coba untuk mematikan beberapa livelink mencurigakan di postingan tersebut. Kemudian mengupdate postingan dan Alhamdulillah sudah normal kembali

Memasang Anti Spam

Spam – Apa itu Spam?

Sebelum kita memasang Plugin Anti Spam yang menurut saya sangat sederhana namun paling ampuh bagi blog. Tentunya blog yang berbasis WordPress. Bukan tanpa alasan loana mengatakan seperti itu. Tidak lain karena ana sendiri sudah membuktikannya.

Spam menurut om Wikipedia.org adalah

Spam atau bisa juga berbentuk junk mail adalah penyalahgunaan sistem pesan elektronik (termasuk media penyiaran dan sistem pengiriman digital) untuk mengirim berita iklan dan keperluan lainnya secara massal.

Sedangkan dalam blog, menurut saya spam adalah komentar yang dikirim massal menggunakan software tertentu (robot) dabn berulang kali. Spam ini sangat mengganggu. Selain dia berkomentar serampangan, yang paling menjijikkan adalah diselipi puluhan live link dalam komentar.

Akismet, ampuhkan untuk menangkal Spam?

Akismet, plugin Anti-Spam ini banyak digunakan webmaster WordPress untuk menangkal spam. Tapi apa benar plugin ini ampuh? Bisa dibilang ampuh bisa juga tidak. Ampuh karena memang terbukti beberapa spam terjungkal masuk perangkap Akismet.

Tapi ternyata oh ternyata, beberapa spam masih lolos. Webmaster tentu akan dibuat kesal oleh tingkah para spammer yang makin menggila. Termasuk saya, yang setiap hari harus menghapus puluhan komentar spam, fiuuhh.. Hingga akhirnya saya menemukan Amcaptcha.

Amcaptcha, Antispam sederhana nan tangguh

Amcaptcha, Anti spam sederhana cuma 37,8 kb tapi paling ampuh menurut saya. Terbukti sejak saya pasang plugin ini tidak satupun ‘robot spam‘ yang lolos. Kecuali spam-spam manual dari sesama blogger. Pinginnya kalao ketemu orange, tak jitak aja blogger yang kek gtu hihi.

Bagi temen-temen blogger yang gak mau ribet menghapus spam comment setiap hari, silahkan install pluigin tersebut. Berikut cara menginstall anti spam comment :

• Silahkan download Amcaptcha cuma 37,8 kb di http://wordpress.org/extend/plugins/amcaptcha
• Install plugin dari dashboard dengan cara login ke blog masing-masing. Yaiyalah masa login ke blog saya hehe.
• Klik Plugins >> Add New >> Upload. Kemudian klik Browse dan cari lokasi file download Amcaptcha tadi. Setelah selesai langsung makclik tombol Install Now.
  

  click to zoom : install antispam

• Lanjutkan dengan meng-Aktifkan plugin. Klik Activate Plugin
• Sekarang tinggal lakukan sedikit pengaturan (setting). Klik menu Setting di sebeleh kiri dashboard dan Pilih Amcaptcha. Pilih pengaturan sesuai keinginan dan klik Apply
  

  click to zoom : setting antispam

• Beres. Antispam akan muncul di kotak komentar
  

  click to zoom : tampilan amcpaca

Dengan menginstall Amcapcta ini kita pun bisa bernafas lega tanpa spam. Sampai ketemu di posting selanjutnya kawan

Cara Membuat Iklan Melayang di WordPress

Pentingkah iklan melayang (float image/float ads) itu?

Gak penting !! ya itu jawab saya jika ada yang menanyakan pertanyaan diatas. Kenapa tidak penting, ya karena tergantung kebutuhan masing-masing individu kan hihihi *tabok. Tapi bagi pebisnis online, baik reseller, seperti reseller rahasia cara memperbesar penis, bisnis PPC, dsb iklan ini sangat penting.

click to zoom : tampilan iklan melayang

Karena posisi iklan melayang (float image/float ads) ini adalah posisi paling strategis. Memiliki rate klik tertinggi dan tentu saja peluang penjualan produk, klik iklan PPC atau lainnya memiliki peluang tertinggi. Ini saya buktikan dengan meletakkan kode iklan PPC kliksaya, alhamdulillah perhari meningkat 4x lipat.

Berikut ini adalah kode iklan melayang untuk wordpress self hosting

• Pertama yang harus dilakukan adalah mengucapkan Basmalah. Ini penting dalam mengawali semua kegiatan.
• Login ke akun blog WordPress self hosting anda. Ingat lo ya hanya  untuk self hosting alias yang menggunakan hosting sendiri. Berbayar maupun yang gratisan.
• Klik Appreance > Editor
• Perhatikan di sebelah kanan terdapat banyak sekali File Theme. Seperti Index.php, Header.phph, footer.php, dsb. Pilih file yang terdapat kode <body dan <head biasanya Header.php. Kenapa kok bukan <body> dan <head> Ros? ah banyak nanya lu *jewer. Karena beberapa theme saya temukan kode <body dilanjutken dengan kode lain, begitooo.
• Letakkan kode skrip berikut diatas <body> setelah <head>

Download kode atau gunakan CTRL+C


<script type=”text/javascript”><!–
var persistclose=0
var startX = 100 <!– jarak kiri atas horizontal iklan ke browser –>
var startY = 100 <!– jarak kiri atas vertikal iklan ke browser  –>
var verticalpos=”fromtop”
function iecompattest(){
return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + “=”
var returnvalue = “”;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(“;”, offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie=”remainclosed=1″
document.getElementById(“topbar”).style.visibility=”hidden”
}
function staticbar(){
barheight=document.getElementById(“topbar”).offsetHeight
var ns = (navigator.appName.indexOf(“Netscape”) != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie(“remainclosed”)==”")
el.style.visibility=”visible”
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+”px”;this.style.top=y+”px”;};
el.x = startX;
if (verticalpos==”fromtop”)
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos==”fromtop”){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY – ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight – barheight: iecompattest().scrollTop + iecompattest().clientHeight – barheight;
ftlObj.y += (pY – startY – ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout(“stayTopLeft()”, 100);
}
ftlObj = ml(“topbar”);
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener(“load”, staticbar, false)
else if (window.attachEvent)
window.attachEvent(“onload”, staticbar)
else if (document.getElementById)
window.onload=staticbar
–></script>

• Langsung Save ya klik Update File
• Kemudian untuk desain, sekarang menuju File Style.css :
  

/*****iklan melayang*******/

#topbar{ position:absolute;
width: 630px; <!–ukuran iklan –>
visibility: hidden;
z-index: 400;
border: 2px solid #000000; <!– ukuran dan warna border –>
padding: 5px;
background-color: #ffffff; <!–warna background –>
-moz-border-radius:8px; font: 12px georgia, arial, Verdana,  sans-serif; line-height:16px;}

#topbar:hover{ background-color: #ffffff;}
.tolbarclose {cursor:default;}

• Selanjutnya adalah meletakkan posisi awal iklan. Maksudnya ketika blog masih loading iklan e ada dimana. Bisa widget sidebar, di footer, di header, terserah. Nanti setelah loading blog Done, maka iklan akan melayang-layang. Berikut kodenya :

<div style=”visibility: visible;top: 1615px;” id=”topbar”>
<div style=”padding:5px;”>

<p>Tutup iklan <a href=”#” onclick=’closebar(); return false’ > Close (x)</a></p>

letakkan kode iklan/foto narsis disini hihiih

</div>
</div>

• Keterangan : warna ungu bisa diganti sesuai selera. Bagi yang paham kode ganti semua ne juga gapapa hehe
• Terakhir, jika Anda berhasil membuat iklan melayang, jangan lupa ucapkan syukur Alhamdulillah.

Kode tersebut saya dapatkan dari sobat Anawia.com. Tenang mas, link nya sudah saya letakkan di Sidebar. Itu di widget Ingat Link Sahabat. Bagi rekan rekan lain yang ingin ikut tukeran link? somonggo dengan senang hati. Mayan buat naikin PR terutama menjalin silaturahmi ^^.

Cara-Cara Memperpendek URL/Link

Kenalan dulu yaa, apa itu URL ?

URL adalah perpendekan dari kata Uniform Resource Locators yang berarti suatu “pathname” untuk mengidentifikasi sebuah dokumen di web. Atau lebih mudahnya URL adalah alamat folder sebuah dokumen/file.

Kalau URL untuk  domain utama blog, akan lebih mudah di ingat. Misalnya saja domain http://www.ingateros.com. Tapi bagaimana jika URL untuk postingan, semisal http://www.ingateros.com/2010/03/kontes-berhadiah-mobil-motor-laptop-dll.html Pasti akan kesulitan untuk mengingatnya bukan?

Apa sih pentingnya memperpendek URL/link?

1. Lebih mudah di ingat. Dengan URL yang pendek, sebuah URL postingan/domain lebih mudah untuk di ingat bukan? bukaaan *tabokContoh URL link postingan :
   • sebelum dipendekin : http://www.ingateros.com/2010/03/kontes-berhadiah-mobil-motor-laptop-dll.html
   • setelah di pendekin : http://www.ingateros.com/kjb
2. Menyembunyikan link affiliasi/refferal. Ini yang paling penting untuk anda yang bergelut dalam bisnis online affiliasi. Calon referer tidak akan mengira jika link URL tersebut adalah link affiliasi.
   
   Contoh link referal/affiliasi :
   • sebelum dipendekin : http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id
   • setelah dipendekin : http://www.ingateros.com/go/hostgator

Cara memperpendek URL

1. Pakai web URL Shorter (web untuk memperpendek URL). Misalnya http://Bit.ly, http://ambil.info, dsb.Contoh di pendekin dengan web URL Shorter :
   • sebelum dipendekin : http://www.ingateros.com/2010/03/kontes-berhadiah-mobil-motor-laptop-dll.html
   • setelah dipendekin : http://bit.ly/kontes-jb

   Efektifkah pakai Bit.ly, ambil.info, dsb? Menurut saya tidak sama sekali. Karena bila URL tersebut dipakai untuk komentar di blog.

2. Memakai forward subdomain blog
   Contoh pendekin URL pakai forward subdomain :
   • sebelum dipendekin : http://www.ingateros.com/2010/03/kontes-berhadiah-mobil-motor-laptop-dll.html
   • sesudah dipendekin : http://kjb.ingateros.com

   Efektifkah pakai forward subdomain? sungguh sangat2 tidak efektif. Hanya untuk memendekkan sebuah link mesti harus login cPanel. Selain itu database dan folder domain di hosting menumpuk jadi sampah bukan?

3. Menggunakan plugin Pretty Link

Hennah memakai plugin Pretty Link ini yang paling efektif menurut saya. Dengan mengistal plugin ini di blog WordPress, kita bisa memperpendek URL link. Dan bisa memakainya untuk posting di FB, Twitter, dsb. Sehingga nama blog kita bisa lebih dikenal.

Hennah sudah jelas bukan bagaimana cara memperpendek URL. Dari ketiga tersebut saya sangat menyarankan cara terakhir yang paling menurut saya paling efektif. Tapi bagi kita pengguna blogspot bisa menggunakan cara pertama. So, sekarang atau rencananya mau pakai yang mana nih?

Next Page »