Skip to main content

Cara membuat widget yang hanya tampil di homepage saja atau di postingan saja

Cara membuat widget yang hanya tampil di homepage saja atau di postingan saja - Apa yang dimaksut dengan Homepage? Homepage adalah halaman muka dari sebuat situs web. Homepage juga bisa diartikan sebagai halaman default yang diset untuk sebuat browser. Pada pembahasan kali ini yang saya maksutkan adalah homepage pada blog atau website Agar blog tampil lebih dinamis dan terkesan profesional. Bagaimana cara untuk membuat website terlihat dinamis dan terkesan propesional? Sebaiknya beberapa widget yang dianggap pokok dan utama hanya ditampilkan di halaman utama atau Home page saja. Bagaimana cara membuat sebuah widget hanya tampil pada Homepage atau hanya tampil pada Postingan Saja? Teman-teman dapat mengikuti langkah-langkah dibawah ini:

Cara membuat widget yang hanya tampil di homepage saja atau di postingan saja


  1. Login ke Blogger dengan ID sobat
  2. Di halaman Dasbor, kita pilih Tata Letak.
  3. Kemudian pilih Edit HTML.
  4. Jangan lupa Backup Template sobat agar mudah mengembalikan jika terjadi kesalahan.
  5. Beri tanda centang pada cekbox “expand template widget”.
  6. Gunakan F3 pada keyboard komputer anda untuk mencari kode widget anda. Contoh: 'Artikel Terbaru'.
  7. Setelah ketemu, berikut cara memodifikasiny :

Membuat Widget Tampil di HomePage

  1. Sisipkan kode : <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah kode <b:includable id='main'>
  2. Sisipkan kode : </b:if> diatas kode </b:includable>
    Contoh lengkapnya seperti ini :
    Kode:
    <b:widget id='HTML10' locked='false' title='Artikel Terbaru' 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 != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> </b:if> </b:includable> </b:widget>

Membuat Widget Tampil di Posting

  1. Sisipkan kode : <b:if cond='data:blog.pageType == "item"'> dibawah kode <b:includable id='main'>
  2. Sisipkan kode: </b:if> diatas kode </b:includable>
    Contoh lengkapnya seperti ini :
    Kode:
    <b:widget id='HTML10' locked='false' title='Artikel Terbaru' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType == "item"'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    </b:if>
    </b:includable>
    </b:widget>

Setelah selesai mengikuti langkah-langkah diatas jangan Lupa Save Templatenya, dan Teman-teman bisa lihat hasilnya, Semoga tutorial ini bisa membantu membuat blog atau website Teman-teman.
KLIK DISINI UNTUK DOWNLOAD



Comments

Popular posts from this blog

Versi Teks Dragon Ball Z Episode 200 Bagian 3

Sebelumnya : Dragon Ball Z Episode 200 Bagian 2

"Hei Videl, apa menurutmu dia lebih kuat dari ayahmu?" Teman gadis di sebelah kirinya bertanya. "Jangan bodoh, ayah Videl adalah Mr.Satan, penyelamat Bumi!" ucap siswa yang duduk di depan Videl. "Tak seorangpun di dunia ini yang lebih kuat darinya."

Setelahnya, pak guru masuk kelas. Videl kembali duduk di kursinya, dan pelajaran akan segera dimulai. Namun sebelum itu, pak guru hendak memperkenalkan seorang siswa baru. ya, dia tak lain adalah Son Gohan.

"Selamat pagi semuanya, hari ini kita kedatangan mahasiswa baru. Silakan masuk."

"Perkenalkan, namaku Son Gohan. Senang bertemu dengan kalian."


"Wah, tampan sekali, dia adalah tipeku." ucap teman Videl.
"Gohan? nama yang aneh." ucap siswa di depan Videl.
Sejenak Videl terdiam, dan kemudian teringat kalau, "Sepertinya aku pernah bertemu dengannya."

"Fufufu, dia terlihat seperti seorang kutu buku." ucap Sharpen…

Download Movie Twilight Saga : Breaking Dawn Part 2

Download Movie Twilight Saga : Breaking Dawn Part 2 Sinopsis:
Cerita ini dimulai ketika Bella (Kristen Stewart) melahirkan seorang putri bernama Renesmee, setelah ibu nya Renee, dan ibu adopsi Edward (Robert Pattinson), Esme. Jacob (Taylor Lautner) melindungi anak dan orang tua baru tersebut dari wujud serigalanya Saat Volturi mengetahui tetang Renesmee, mereka berasumsi bahwa keluarga Cullen telah merusak hukum vampir dan menciptakan hukum baru dengan mengubah seorang anak manusia menjadi anak vampir.


Alice memiliki penglihatan bahwa Volturi akan datang membunuh mereka semua, dan tidak ada alasan yang kuat untuk mereka bertahan. Keluarga Cullen memanggil teman-teman vampir dari seluruh dunia untuk mengetahui keberadaan Renesmee sehingga mereka dapat membuktikan bahwa ia adalah manusia/keturunan vampir. Saat Alice dan Jasper menghilang, keluarga Cullend mengkhawatirkan yang terburuk dan mempersiapkan diri mereka untuk sebuah perang besar. 
Yah, mungkin sekian dulu ulasan tentang cerita in…

The Dark Knight Rises Apk Game Android

download Game The Dark Knight Rises Free Android

Anda pasti sudah mengenal super hero yang satu ini, ya Batman si manusia kelelawar. Cerita Komik yang sudah diadaptasi kedalam berbagai hal, mulai dari film kartun hingga layar lebar ini kini tersedia dalam bentuk game untuk android.

dalam game The Dark Knight Rises anda akan memerankan diri sebagai BATMAN untuk menyelamatkan kota tercintanya: