Cara Membuat Description Blog

Cara membuat description blog wordpress otomatis dan unik untuk masing-masing tags dan kategori. Ketika beberapa diantara blog memilih untuk melakukan index terhadap tags dan category, maka yang kita perlukan adalah sebuah judul yang unik dan juga description yang unik untuk masing-masing tags dan category tertentu.

Tentu akan sangat merepotkan bila harus memberi meta description pada masing-masing tags dan category, apalagi untuk blog yang sudah berjalan lama dan dengan sekian ratus atau ribu postingan.

Ada beberapa plugins wordpress yang bisa dipakai untuk ini, tetapi yang berikut ini tidak memakai plugins. Cara membuat description blog paling mudah dan menjadi unik adalah dengan melakukan sedikit edit pada themes wordpress, yaitu pada header.php.

1. Buka file header.php pada edit themes, bisa melalui dashboard saja biar mudah dan cepat.
2. Kemudian masukkan kode berikut ini di atas kode </head>:

<!-- Start Title and Desc -->
<?php if (is_home()) { ?>
<meta name="description" content="Bla Bla Bla." />
<meta name="keywords" content="obat tradisional,obat herbal,<?php bloginfo('description'); ?>" />

<?php } elseif (is_category()) { ?>
<title><?php echo single_tag_title(); ?> Category</title>
<meta name="description" content="<?php echo single_cat_title(); ?> Bla Bla Bla" />
<meta name="keywords" content="<?php echo single_cat_title(); ?>" />

<?php } elseif (is_tag()) { ?>
<title><?php echo single_tag_title(); ?> Tag</title>
<meta name="description" content="<?php echo single_tag_title(); ?> Bla Bla Bla" />
<meta name="keywords" content="<?php echo single_tag_title(); ?>" />

<?php } ?>
<!-- End Title and Desc -->

Keterangan:
Warna Biru: diganti sesuai kata-kata yang diinginkan.
Warna Merah: bisa dihilangkan saja, karena menurut berbagai sumber tentang SEO (menurut saya juga), meta keywords tidak akan berpengaruh pada search engine, dan ini sudah berlangsung sejak beberapa tahun lalu.
• Bagi yang memakai wordpress plugins platinum seo atau all in one seo atau apapun yang sejenisnya, maka:

<?php if (is_home()) { ?>
<meta name="description" content="Bla Bla Bla." />
<meta name="keywords" content="obat tradisional,obat herbal,<?php bloginfo('description'); ?>" />
 meta description dan meta keywords (yang berwarna merah di atas) bisa dihilangkan saja.

Demikian sekedar catatan pengingat tentang cara membuat description blog otomatis.

Onmouseover HTML Image

Cara membuat Onmouseover HTML Image, ketika mouse diarahkan ke image tertentu maka image akan berubah. Judul agak aneh Onmouseover HTML Image, karena bingung untuk seorang newbie memberi istilah pada efek tertentu pada kode-kode html.

Cara membuat Onmouseover HTML Image:
1. Siapkan dua gambar yang berbeda misalnya sebagai contoh logo blogger dan logo wordpress, upload ke hosting atau blogger, simpan url-nya.
2. Kemudian pakai kode dibawah ini:
<a href="http://ganti-link">
<img src="image1"
onmouseover="this.src='image2'"
onmouseout="this.src='image1'"></a>
Keterangan:
  • http://ganti-link ganti dengan link yang di tuju
  • image1 = ganti dengan url dari gambar 1 (ada 2 yang harus diganti)
  • image2 = ganti dengan url dari gambar 2
3. Sudah selesai, contoh jadinya:





Onmouseover HTML Image

Cara Setting Plugins WP Super Cache

Cara Setting Plugins WP Super Cache untuk mempercepat loading blog. Ada banyak plugins Wordpress untuk mempercepat loading blog WP. Dan pastinya juga untuk menghindari load CPU hosting yang akan berakibat pada penghentian sementara hosting web yang bersangkutan. Tidak harus mempunyai visitor ratusan atau puluhan ribu, bahkan untuk visitor masih dibawah 10ribu per hari juga sangat mungkin untuk terkena suspend hosting.

Dan rekomendasi dari pihak hosting untuk install plugins wp super cache, untuk mengurangi beban cpu hosting. Setting WP Super Cache termasuk sangat mudah, dibandingkan dengan beberapa jenis plugins Wordpress serupa.

Cara Setting Plugins WP Super Cache


Instal plugins WP Super Cache, bisa melalui dashboard wordpress (ini lebih mudah). Untuk download plugins bisa ke: SINI

Aktifkan, dan mulai setting
1. Pada setting WP Super Cache, pilih Advanced
  • Check list pada "Cache hits to this website..."
  • Check list pada "Use mod_rewrite to serve cache files"
  • Check list pada "Compress Pages"
  • Check list pada "304 Not Modified browser caching"
  • Check list pada "Don't cache pages for known users"
  • Kemudian klik update status
2. Scroll kebawah dan check list "Update Mod_Rewrite Rules" ada kotak berwarna kuning. Tapi sebelumnya file .htaccess rubah change premissions menjadi 775.


3. Scroll kebawah dan setting "Cache Timeout" menjadi 3600, biasanya sudah default. Dan klik Change Expiration.
4. Dan terakhir, scroll kebawah lagi pada Rejected User Agents dan klik Save UA Strings
5. Selesai instal dan setting Plugins WP Super Cache.

Dan memang, setelah instal plugins ini, hosting jadi aman dan belum terkena razia lagi, atau mungkin belum lagi :D. Itulah sekedar catatan cara setting plugins WP Super Cache yang mudah dan simple.

Menghilangkan Iklan Pada Postingan Tertentu

Cara menghilangkan iklan pada postingan tertentu. Lagi-lagi di blogger sedikit ribet untuk menghilangkan iklan pada postingan tertentu. Misalnya: pada postingan yang berisi daftar isi, iklan ingin dihilangkan. Karena di blogger tidak ada fasilitas dan fitur seperti di wordpress dengan banyak plugins pendukung, jadi harus selalu edit html.

Terutama ini akan bermanfaat pada saat memasang iklan dari google adsense, misalnya karena tulisan terlalu sedikit, jadi iklan sebelah atas dihilangkan. Atau juga pada postingan tertentu yang ingin tidak ada tampilan iklan serta link lain, bisa dikombinasikan dengan : cara menghilangkan widget.

Dan berikut caranya.

1. Pertama beri nama kode iklan yang ingin dihilangkan. Misalnya kita pasang kode iklan di bawah judul, maka kode bisa ditambah div id nya.

Contoh:

<div id="adsense-atas"> KODE IKLAN </div>
<div id="adsense-bawah"> KODE IKLAN </div>

Keterangan: warna biru adalah nama elemen, sebagai contoh di atas namanya: adsense. Warna merah adalah kode iklan seperti biasanya.

2. Kemudian letakkan kode dibawah ini setelah kode ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.url == &quot;http://iwansulistyo.blogspot.com/2012/07/menghilangkan-iklan-pada-postingan.html&quot;'>
#adsense-atas, #adsense-bawah {display:none;}
</b:if>
</style>
Keterangan: 
Warna biru adalah alamat url postingan yang iklannya ingin dihilangkan.
Warna merah ada nama elemen iklan, pada contoh : adsense-atas dan adsense-bawah.

3. Maka pada postingan dengan alamat url: http://iwansulistyo.blogspot.com/2012/07/menghilangkan-iklan-pada-postingan.html, iklan adsense-atas dan adsense-bawah tidak akan tampil, tetapi iklan akan tampil pada postingan lain.

Contoh bisa dilihat: di sini, di mari, in here, nang kene atau di situ.

Itulah sekedar catatan pengingat tentang cara menghilangkan iklan pada postingan tertentu.

Cara Membuat Tombol Share Melayang

Cara membuat tombol share dan like facebook melayang dengan posisi tetap. Tombol share FB atau twitter mungkin akan bermanfaat untuk sebuah blog. Bahkan web atau situs portal berita yang trusted juga memakainya. Dengan tombol share akan memudahkan visitor untuk share artikel tertentu di akun Facebook misalnya.

Dengan membuat tombol share ini mungkin akan menambah jumlah pengunjung dari artikel yang dibagikan ke akun Facebook atau Twitter tadi. Banyak yang menyediakan layanan seperti ini, misalnya addthis. Dan berikut ini cara membuat tombol share melayang di blog, jadi visitor akan selalu melihat tombol tersebut saat menggulirkan halaman kemanapun di blog kita.

Cara membuat tombol share melayang

Untuk blog di Blogger 

1. Masuk ke layout di blogspot.
2. Add widget, pilih add html
3. Masukkan kode berikut ini:

<!--Widget Start-->
<style>
#pageshare {position:fixed; bottom:5px; right:1px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>

<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>

<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>

<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/></div>

 <!--Widget End-->

Keterangan: tulisan yang berwarna merah adalah untuk mengatur posisi, jarak bawah (bottom) dan samping kanan (right) dari blog.

Untuk blog di Wordpress
Untuk Wordpress juga sama, tinggal ke widgets, dan add text, masukkan kode tersebut.


Dan hasilnya seperti pada postingan ini di pojok kiri bawah. Demikian sekedar catatan tentang cara membuat tombol share melayang di blog wordpress atau blogspot.