Menampilan Gadget hanya pada bagian postingan blog saja

Bagi yang memiliki blog di blogger, jika anda mengalami kesulitan untuk menerapkan sebuah widget buatan sendiri, dan ingin di tampilkan hanya pada bagian postingan saja, kini saya punya satu solusi di antara sekian banyak solusi yang ada.

IKLAN:


Metode kali ini akan menggunakan fungsi escape untuk membaca dokumen URL dengan menggunakan kode JavaScript dan gak lepas dari sebuah fungsi dasar pemograman yaitu if dan else, Seperti pada postingan sebelumnya tentang Membuat sapaan per jam kepada pengunjung web atau blog dengan menggunakan JavaScrip! Ini metode nya hampir sama seperti itu, coba anda perhatikan kode JavaScript di bawah ini :

<script language="javascript"> 
var lokasi = escape(document.location); 
var blog1 = "http%3A//URL_BLOG_ANDA.com/"; 
var blog2 = "http%3A//www.URL_BLOG_ANDA.com/"; 
if (lokasi == blog1) {}
else {
if(lokasi == blog2){} 
else {document.write('KODE_WIDGET_ANDA');}
}
</script>

Penjelasan kode : 
  1. Variable lokasi adalah lokasi URL yang sedang di kunjungi sekarang.
  2. Vriable blog1 Adalah alamat URL blog anda tanpa www.
  3. Variable blog2 Adalah alamt URL blog anda dengan www. 
  4. if (lokasi == blog1) {} (Jika lokasi sama dengan blog1 maka tidak akan menampilkan apa-apa),  
  5. if(lokasi == blog2){} (Jika lokasi sama dengan blog2 maka tidak akan menampilkan apa-apa), dan 
  6. else {document.write('KODE_WIDGET_ANDA');} (Jika bukan ke dua nya maka akan menampilkan kode widget Anda)

Mengapa saya menggunakan 2 persamaan variable URL dengan lokasi sekarang? Karena bisa saja ada orang yang mengunjungi blog anda dengan menggunakan www, atau tanpa www terlebih dahulu, karena kedua sub domain tersebut telah di berikan secara gratis oleh blogger, dan ke dua nya bisa mengakses blog anda.

Jika anda mengingin kanya silahkan tambahkan lokasi url yang lain, yang tidak ingin menampilkan Widget yang anda buat tersebut, seperti contoh URL http://ujang-rohidin.blogspot.com/search/label/php Tapi jangan lupa gunakan karakter %3A sebagai pengganti : (titik dua) seperti ini http%3A//ujang-rohidin.blogspot.com/search/label/php dan untuk URL halaman utama jangan menghilangkan karakter (/) garis miring di ujung url nya, harus seperti ini, contoh : http%3Adomain.com/

Baiklah sekarang saya akan memberikan contoh untuk menampilkan tombol LIKE di Facebook, dan hanya akan tampil di bagian postingan blog saja, contoh ini saya gunakan URL blog saya, silahkan ganti URL blog nya dengan URL blog anda.

<script language="javascript"> 
var lokasi = escape(document.location); 
var blog1 = "http%3A//ujang-rohidin.blogspot.com/"; 
var blog2 = "http%3A//www.ujang-rohidin.blogspot.com/"; 
if (lokasi == blog1) {}
else {
if(lokasi == blog2){} 
else {document.write('<iframe src="http://www.facebook.com/plugins/like.php?href='+lokasi+'&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowtransparency="true"></iframe>');}
}
</script>



IKLAN:


Untuk pemasangan kode ini silahkan tambahkan Gadget HTML/JavaScript baru, pada tata letak blog, dan jangan lupa untuk mengganti alamat URL yang di cetak tebal warna merah, dengan url blog milik anda.

Terimakasih atas kunjungan nya di blog saya, semoga tulisan ini bermanpaat untuk anda, dan jangan lupa untuk memberikan komentar, jika berkenan silahkan tekan tombol like facebook di bawah, Thank's.

Posting Komentar

5 Komentar

  1. wah mantap juga nih idenya sob, nah kalau berdasarkan lebel gimana sob ?

    BalasHapus
  2. Bang Jefri >> Jika maksud Bang Jefri untuk menampilkanya menurut label, tinggal buat seperti ini :

    <script language="javascript">
    var lokasi = escape(document.location);
    var blog2 = "http%3A//www.URL_BLOG_ANDA.com/search/label/NAMA_LABEL";
    if (lokasi == blog2) {document.write('KODE_WIDGET_ANDA');}
    </script>

    Terimakasih sudah mengunjungi blog sy bang....!

    BalasHapus
  3. kunjungan balik. wah paham bahasa pemrograman ya gan. mantab

    BalasHapus
  4. Lagi belajar Mas....!
    Thank's atas kunjungan balik nya ya.....

    BalasHapus
  5. terima kasih infonya, sangat bermanfaat mas :D

    BalasHapus