Dwi Agung Wicaksono: Tutorial Blog
D
Dwi Agung Wicaksono
Beranda
7

Kontak

  • facebook.com/agung.ibm
  • agung.ibm@gmail.com
  • +628 53-yang-lain-kpn2

Memuat...

Memuat...
Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

blogger widget
Secara default bila kita menambahkan widget pada blog akan muncul pada bagian homepage dan juga pada bagian halaman halaman post lainnya. Untuk membuat widget hanya tampil pada halaman tertentu atau juga menyembunyikan widget pada halaman tertentu sesuai yang kita hendaki, kita bisa lakukan dengan menambahkan kode perintah tertentu pada template. Menyembunyikan widget biasanya digunakan pada halaman-statis yang memerlukan ruang tersendiri di blog, seperti halaman Contact, About Me, Sitemap, Tukar Link atau halaman lainya yang kita kehendaki. Atau mungkin juga Anda hanya ingin menampilkan widget-widget tersebut hanya di homepage saja. Untuk mempermudah kita bahas satu persatu sebagai berikut :


Kode perintah dibawah disisipkan pada bagian widget yang ingin kita tampilkan pada halaman utama atau homepage, dibawah ini langkah dan Kode yang perlu ditambahkan adalah sebagai berikut. 


  • Menampilkan elemen/widget hanya dihalaman Utama/Hompage :
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
...........
</b:if>
  • Menyembunyikan elemen/widget di Halaman Utama/Hompage :
<b:if cond='data:blog.url != data:blog.homepageUrl'>
...........
</b:if>
  •  Menampilkan elemen/widget hanya di Staticpages :
<b:if cond='data:blog.pageType == "static_page"'>
...........
</b:if> 
  • Menyembunyikan elemen/widget di Staticpages :
<b:if cond='data:blog.pageType != "static_page"'>
...........
</b:if>  
  • Menampilkan elemen/widget hanya di Itempages (Postingan) :
<b:if cond='data:blog.pageType == "item"'>
...........
</b:if>
  • Menyembunyikan elemen/widget di Itempages (Postingan) :
<b:if cond='data:blog.pageType != "item"'>
...........
</b:if>
  • Menampilkan elemen/widget hanya Pada Archivepages :
<b:if cond='data:blog.pageType == "archive"'>
............
</b:if>
  • Menyembunyikan elemen/widget di Archivepages :
<b:if cond='data:blog.pageType != "archive"'>
............
</b:if>
  • Menampilkan elemen/widget pada URL Postingan Tertentu :
<b:if cond='data:blog.url == "URL Postingan"'>
............
</b:if>
  •  Menyembunyikan elemen/widget  di URL Postingan Tertentu :
<b:if cond='data:blog.url != "Alamat Postingan"'>
.............
</b:if>
note :
perhatikan Kode
"
==" untuk menampilkan 
sedangkan Kode "!=" untuk menyembunyikan

Contoh Untuk menampilkan elemen/widget hanya di Homepage Saja.

Kodenya :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- ISI dari elemen atau Widget -->
</b:if>

Contoh pemasangan :
<b:widget id='HTML1' locked='false' title='Nama title' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Kode yang saya Blok warna Merah adalah batas dari penggunaan kode.
Kode yang saya Blok warna Kuning adalah kodenya.

Atau

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
/* -- Ini adalah CSS style -- */
</style>

<script type='text/javascript' >
//Ini adalah kode JavaScript
</script>
</b:if>

Dengan menerapkan teknik menampilkan dan menyembunyikan widget pada halaman tertentu diatas maka sekarang Anda bisa mengatur dan meletakannya widget yang ada di blog sesuai dengan keinginan anda.
OK,.. Cukup sekian tutorial dari saya hari ini mengenai Cara menampilkan dan menyembunyikan widget pada halaman tertentu. Apabila ada pertanyaan silahkan corat coret di kolom komentar,.
Selamat mencoba dan semoga berhasil.....
Kritik dan Saran Anda di sini
Anda dan lainnya
1 komentar
Anda dan lainnya
1 komentar

Langsung saja buat Sobat yang belum tahu tentang Cara Membuat / Edit Template, Atau Membuat Template Blogspot..
Pada Dasarnya Susunan Template hanyalah Seperti ini..

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' x
mlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
Di Sini Tempat Pengaturan Style Nya
 ]]></b:skin>
<script type='text/javascript'>//<![CDATA[
Di Sini Tempat Pengaturan script Nya
/*]]>*/</script>
</head>
<body>

<b:section id='global'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

</body></html>

Template di atas adalah Template yang masih Ber Bentuk Pondasi,
Alias belum di beri Pengaturan tata letak dan lain sebagainya,,
Karena Tempelate ini baru berisikan Posting saja.
Keterangan:
-Tulisan Warna Merah adalah Letak Pengaturannya.
-Tulisan Berwarna Kuning Adalah Posting Blognya.
-Tulisan Warna Biru adalah ID yang Akan Di atur Lebar Kecilnya Kolom.

Langsung saja buat Sobat yang ingin mencoba Praktek Silahkan di Praktekan,
COPY
template Di atas Dan
PASTE
Ke HTML blog Sobat..
Semoga Bermanfaat...
Kritik dan Saran Anda di sini
Anda dan lainnya
1 komentar
Anda dan lainnya
1 komentar
Kumpulan Trik FB