SlideShare una empresa de Scribd logo
1 de 1
Frontpage dan postpage Blogger

by Herdiansyah on Sunday, May 15, 2011
Kali ini saya akan membagikan artikel mengenai frontpage (halaman depan) dan postpage
(halaman posting). Tutorial ini merupakan salah satu primadona dikalangan blogger. Selain
dapat mempercantik tampilan blog Anda, cara ini juga dapat menghemat kolom template
Anda, khususnya pada bagian tampilan depan (frontpage). Cara ini terbilang unik,
dikarenakan Anda dapat mengatur apa yang bisa Anda tampilkan di halaman depan blog
Anda, dan apa yang ingin Anda sembunyikan.

Untuk lebih jelasnya, silahkan ikuti cara berikut ini :

Pertama, Anda harus mengenali terlebih dahulu struktur layout template blogger, yang
biasanya terdiri dari : Halaman depan atau frontpage, yang juga sering kita samarkan menjadi
home, halaman index label atau tampilan postingan dan artikel yang masuk dalam kategori
label, dan halaman postingan.

Kedua, untuk mengatur tampilan frontpage dan postpage, Anda harus sedikit menambahkan
kode di awal dan akhir kode HTML anda. Berikut struktur kode yang dapat Anda gunakan ini
:

Jika Anda ingin kolom, ukuran kolom atau elemen widget ditampilkan pada halaman depan
saja, namun disembunyikan atau berubah pada halaman postingan, scriptnya mengunakan
kode berikut :

<b:if cond="data:blog.url == data:blog.homepageUrl"> ditutup dengan </b:if>

Jika Anda ingin kolom, ukuran kolom atau elemen widget ditampilkan pada halaman depan
dan indeks label, namun disembunyikan atau berubah pada halaman postingan, scriptnya
mengunakan kode berikut ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'> ditutup dengan </b:if>

Jika Anda ingin kolom, ukuran kolom atau widget, di tampilkan pada halaman postingan,
namun disembunyikan atau berubah pada halaman depan, scriptnya mengunakan kode
berikut ini:

<b:if cond='data:blog.pageType == "item"'> ditutup dengan </b:if>

Demikian, semoga bermanfaat bagi kita semua, dan tentu saja menghasilkan suatu layout
template yang mantap dan sesuai dengan keinginan Anda.

Más contenido relacionado

La actualidad más candente

Cara membuat gambar di blog membesar saat disorot mouse
Cara membuat gambar di blog membesar saat disorot mouseCara membuat gambar di blog membesar saat disorot mouse
Cara membuat gambar di blog membesar saat disorot mouseOperator Warnet Vast Raha
 
Tugas9 ku-0316-dody alfad-1511510669
Tugas9 ku-0316-dody alfad-1511510669Tugas9 ku-0316-dody alfad-1511510669
Tugas9 ku-0316-dody alfad-1511510669dodyalfad
 
Cara mengganti slide show pada blog
Cara mengganti slide show pada blogCara mengganti slide show pada blog
Cara mengganti slide show pada blograflylah
 
Presentation1
Presentation1Presentation1
Presentation1esuctudy
 
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...Renra Sedoya
 
Latihan publisher-blogger-the-one-teachers.blogspot.com
Latihan publisher-blogger-the-one-teachers.blogspot.comLatihan publisher-blogger-the-one-teachers.blogspot.com
Latihan publisher-blogger-the-one-teachers.blogspot.comSudanis Hariyanto
 
Materi praktikum e commerce viii
Materi praktikum e commerce viiiMateri praktikum e commerce viii
Materi praktikum e commerce viiiandre_kussuma
 
Materi praktikum e commerce v
Materi praktikum e commerce vMateri praktikum e commerce v
Materi praktikum e commerce vandre_kussuma
 
Tutorial pemasangan web banner di blog
Tutorial pemasangan web banner di blogTutorial pemasangan web banner di blog
Tutorial pemasangan web banner di blogKicky Amalia
 
Buat daftar isi blog
Buat daftar isi blogBuat daftar isi blog
Buat daftar isi blogryandsaputri
 
Buat daftar isi blog
Buat daftar isi blogBuat daftar isi blog
Buat daftar isi bloghirmiati
 
Cara membuat daftar isi pada blogger
Cara membuat daftar isi pada bloggerCara membuat daftar isi pada blogger
Cara membuat daftar isi pada bloggerrisanmandiri
 
Tutorial dreamweaver
Tutorial dreamweaverTutorial dreamweaver
Tutorial dreamweaverFitra Sani
 

La actualidad más candente (17)

Blog tampilan baru
Blog tampilan baruBlog tampilan baru
Blog tampilan baru
 
Cara membuat gambar di blog membesar saat disorot mouse
Cara membuat gambar di blog membesar saat disorot mouseCara membuat gambar di blog membesar saat disorot mouse
Cara membuat gambar di blog membesar saat disorot mouse
 
Tugas9 ku-0316-dody alfad-1511510669
Tugas9 ku-0316-dody alfad-1511510669Tugas9 ku-0316-dody alfad-1511510669
Tugas9 ku-0316-dody alfad-1511510669
 
Cara mengganti slide show pada blog
Cara mengganti slide show pada blogCara mengganti slide show pada blog
Cara mengganti slide show pada blog
 
Presentation1
Presentation1Presentation1
Presentation1
 
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...
Kursus in design - belajar teknik dasar adobe indesign cs6 merubah bulleted a...
 
Blog Theme
Blog ThemeBlog Theme
Blog Theme
 
Latihan publisher-blogger-the-one-teachers.blogspot.com
Latihan publisher-blogger-the-one-teachers.blogspot.comLatihan publisher-blogger-the-one-teachers.blogspot.com
Latihan publisher-blogger-the-one-teachers.blogspot.com
 
Materi praktikum e commerce viii
Materi praktikum e commerce viiiMateri praktikum e commerce viii
Materi praktikum e commerce viii
 
Materi praktikum e commerce v
Materi praktikum e commerce vMateri praktikum e commerce v
Materi praktikum e commerce v
 
Tutorial pemasangan web banner di blog
Tutorial pemasangan web banner di blogTutorial pemasangan web banner di blog
Tutorial pemasangan web banner di blog
 
Buat daftar isi blog
Buat daftar isi blogBuat daftar isi blog
Buat daftar isi blog
 
Buat daftar isi blog
Buat daftar isi blogBuat daftar isi blog
Buat daftar isi blog
 
Modul portal pss
Modul portal pssModul portal pss
Modul portal pss
 
Cara membuat daftar isi pada blogger
Cara membuat daftar isi pada bloggerCara membuat daftar isi pada blogger
Cara membuat daftar isi pada blogger
 
Tutorial dreamweaver
Tutorial dreamweaverTutorial dreamweaver
Tutorial dreamweaver
 
CARA MEMBUAT BLOG
CARA MEMBUAT BLOGCARA MEMBUAT BLOG
CARA MEMBUAT BLOG
 

Destacado

Manual uso de la sala
Manual uso de la salaManual uso de la sala
Manual uso de la salajuanymanuela
 
Informationsmanagement Kick-off WS 13/14 Bachelor
Informationsmanagement Kick-off WS 13/14 Bachelor Informationsmanagement Kick-off WS 13/14 Bachelor
Informationsmanagement Kick-off WS 13/14 Bachelor Patrick Helmholz
 
Ctug 20110126-treball tercerllocoficinaflexible-elnoumondeltreball
Ctug 20110126-treball tercerllocoficinaflexible-elnoumondeltreballCtug 20110126-treball tercerllocoficinaflexible-elnoumondeltreball
Ctug 20110126-treball tercerllocoficinaflexible-elnoumondeltreballMICProductivity
 

Destacado (6)

Manual uso de la sala
Manual uso de la salaManual uso de la sala
Manual uso de la sala
 
Informationsmanagement Kick-off WS 13/14 Bachelor
Informationsmanagement Kick-off WS 13/14 Bachelor Informationsmanagement Kick-off WS 13/14 Bachelor
Informationsmanagement Kick-off WS 13/14 Bachelor
 
Cpm agir-pro-agent-media
Cpm agir-pro-agent-mediaCpm agir-pro-agent-media
Cpm agir-pro-agent-media
 
Pulse Events Company Profile_MP
Pulse Events Company Profile_MPPulse Events Company Profile_MP
Pulse Events Company Profile_MP
 
Ctug 20110126-treball tercerllocoficinaflexible-elnoumondeltreball
Ctug 20110126-treball tercerllocoficinaflexible-elnoumondeltreballCtug 20110126-treball tercerllocoficinaflexible-elnoumondeltreball
Ctug 20110126-treball tercerllocoficinaflexible-elnoumondeltreball
 
Aom09b
Aom09bAom09b
Aom09b
 

Similar a Frontpage dan postpage blogger (2)

1. cara mengganti template di blogger
1. cara mengganti template di blogger1. cara mengganti template di blogger
1. cara mengganti template di bloggerAhmboh Sopojenengqiki
 
Membuat website (blog) dengan blogspot
Membuat website (blog) dengan blogspotMembuat website (blog) dengan blogspot
Membuat website (blog) dengan blogspotas3pupun
 
Panduan penggunaan-word press
Panduan penggunaan-word pressPanduan penggunaan-word press
Panduan penggunaan-word pressabd hnn
 
Cara membuat blog gratis
Cara membuat blog gratisCara membuat blog gratis
Cara membuat blog gratisIlham Ajjd
 
Makalah pembuatan blog
Makalah pembuatan blogMakalah pembuatan blog
Makalah pembuatan blogFifie Fiani
 
Bagaimana membina blog di blogspot.com
Bagaimana membina blog di blogspot.comBagaimana membina blog di blogspot.com
Bagaimana membina blog di blogspot.comnotarazi
 
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdf
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdfCara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdf
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdfLindaanjani1
 
Petunjuk Membuat blogdetik
Petunjuk Membuat blogdetikPetunjuk Membuat blogdetik
Petunjuk Membuat blogdetikHIMTI
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat websiteNie Andini
 
Cara membuat blog menghasilkan uang [panduan blogger]
Cara membuat blog menghasilkan uang [panduan blogger]Cara membuat blog menghasilkan uang [panduan blogger]
Cara membuat blog menghasilkan uang [panduan blogger]Samir Jalali
 
Caramembuat website sederhana
Caramembuat website sederhanaCaramembuat website sederhana
Caramembuat website sederhanaLyadi
 
Belajar blog-sampai-mahir
Belajar blog-sampai-mahirBelajar blog-sampai-mahir
Belajar blog-sampai-mahirasyukur391
 

Similar a Frontpage dan postpage blogger (2) (20)

Blog
BlogBlog
Blog
 
05 internet-seo-optimasi konten
05 internet-seo-optimasi konten05 internet-seo-optimasi konten
05 internet-seo-optimasi konten
 
1. cara mengganti template di blogger
1. cara mengganti template di blogger1. cara mengganti template di blogger
1. cara mengganti template di blogger
 
Panduan Blogging
Panduan BloggingPanduan Blogging
Panduan Blogging
 
Buat bog
Buat bogBuat bog
Buat bog
 
Membuat website (blog) dengan blogspot
Membuat website (blog) dengan blogspotMembuat website (blog) dengan blogspot
Membuat website (blog) dengan blogspot
 
Panduan penggunaan-word press
Panduan penggunaan-word pressPanduan penggunaan-word press
Panduan penggunaan-word press
 
Cara membuat blog gratis
Cara membuat blog gratisCara membuat blog gratis
Cara membuat blog gratis
 
Makalah pembuatan blog
Makalah pembuatan blogMakalah pembuatan blog
Makalah pembuatan blog
 
Bagaimana membina blog di blogspot.com
Bagaimana membina blog di blogspot.comBagaimana membina blog di blogspot.com
Bagaimana membina blog di blogspot.com
 
Modul html
Modul htmlModul html
Modul html
 
Blog cms template
Blog cms templateBlog cms template
Blog cms template
 
Bab v
Bab vBab v
Bab v
 
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdf
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdfCara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdf
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdf
 
Petunjuk Membuat blogdetik
Petunjuk Membuat blogdetikPetunjuk Membuat blogdetik
Petunjuk Membuat blogdetik
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat website
 
Cara membuat blog menghasilkan uang [panduan blogger]
Cara membuat blog menghasilkan uang [panduan blogger]Cara membuat blog menghasilkan uang [panduan blogger]
Cara membuat blog menghasilkan uang [panduan blogger]
 
Caramembuat website sederhana
Caramembuat website sederhanaCaramembuat website sederhana
Caramembuat website sederhana
 
Panduan membuat-blog
Panduan membuat-blogPanduan membuat-blog
Panduan membuat-blog
 
Belajar blog-sampai-mahir
Belajar blog-sampai-mahirBelajar blog-sampai-mahir
Belajar blog-sampai-mahir
 

Más de Dicky Onasis Alzena

Ekonomikur2013rppkelasxibab05 150226074411-conversion-gate02
Ekonomikur2013rppkelasxibab05 150226074411-conversion-gate02Ekonomikur2013rppkelasxibab05 150226074411-conversion-gate02
Ekonomikur2013rppkelasxibab05 150226074411-conversion-gate02Dicky Onasis Alzena
 
Pendanaan pendidikan pp no.48 tahun 2008
Pendanaan pendidikan pp no.48 tahun 2008Pendanaan pendidikan pp no.48 tahun 2008
Pendanaan pendidikan pp no.48 tahun 2008Dicky Onasis Alzena
 
Materi simulasi-digital-versi-juni-2013-140405231347-phpapp01
Materi simulasi-digital-versi-juni-2013-140405231347-phpapp01Materi simulasi-digital-versi-juni-2013-140405231347-phpapp01
Materi simulasi-digital-versi-juni-2013-140405231347-phpapp01Dicky Onasis Alzena
 

Más de Dicky Onasis Alzena (6)

Ekonomikur2013rppkelasxibab05 150226074411-conversion-gate02
Ekonomikur2013rppkelasxibab05 150226074411-conversion-gate02Ekonomikur2013rppkelasxibab05 150226074411-conversion-gate02
Ekonomikur2013rppkelasxibab05 150226074411-conversion-gate02
 
Modul 1 mengetik 10 jari
Modul 1 mengetik 10 jariModul 1 mengetik 10 jari
Modul 1 mengetik 10 jari
 
Pendanaan pendidikan pp no.48 tahun 2008
Pendanaan pendidikan pp no.48 tahun 2008Pendanaan pendidikan pp no.48 tahun 2008
Pendanaan pendidikan pp no.48 tahun 2008
 
Sisdiknas uu no.20 tahun 2003
Sisdiknas uu no.20 tahun 2003Sisdiknas uu no.20 tahun 2003
Sisdiknas uu no.20 tahun 2003
 
Materi simulasi-digital-versi-juni-2013-140405231347-phpapp01
Materi simulasi-digital-versi-juni-2013-140405231347-phpapp01Materi simulasi-digital-versi-juni-2013-140405231347-phpapp01
Materi simulasi-digital-versi-juni-2013-140405231347-phpapp01
 
Dasar coreldrw12a (2)
Dasar coreldrw12a (2)Dasar coreldrw12a (2)
Dasar coreldrw12a (2)
 

Frontpage dan postpage blogger (2)

  • 1. Frontpage dan postpage Blogger by Herdiansyah on Sunday, May 15, 2011 Kali ini saya akan membagikan artikel mengenai frontpage (halaman depan) dan postpage (halaman posting). Tutorial ini merupakan salah satu primadona dikalangan blogger. Selain dapat mempercantik tampilan blog Anda, cara ini juga dapat menghemat kolom template Anda, khususnya pada bagian tampilan depan (frontpage). Cara ini terbilang unik, dikarenakan Anda dapat mengatur apa yang bisa Anda tampilkan di halaman depan blog Anda, dan apa yang ingin Anda sembunyikan. Untuk lebih jelasnya, silahkan ikuti cara berikut ini : Pertama, Anda harus mengenali terlebih dahulu struktur layout template blogger, yang biasanya terdiri dari : Halaman depan atau frontpage, yang juga sering kita samarkan menjadi home, halaman index label atau tampilan postingan dan artikel yang masuk dalam kategori label, dan halaman postingan. Kedua, untuk mengatur tampilan frontpage dan postpage, Anda harus sedikit menambahkan kode di awal dan akhir kode HTML anda. Berikut struktur kode yang dapat Anda gunakan ini : Jika Anda ingin kolom, ukuran kolom atau elemen widget ditampilkan pada halaman depan saja, namun disembunyikan atau berubah pada halaman postingan, scriptnya mengunakan kode berikut : <b:if cond="data:blog.url == data:blog.homepageUrl"> ditutup dengan </b:if> Jika Anda ingin kolom, ukuran kolom atau elemen widget ditampilkan pada halaman depan dan indeks label, namun disembunyikan atau berubah pada halaman postingan, scriptnya mengunakan kode berikut ini : <b:if cond='data:blog.pageType != &quot;item&quot;'> ditutup dengan </b:if> Jika Anda ingin kolom, ukuran kolom atau widget, di tampilkan pada halaman postingan, namun disembunyikan atau berubah pada halaman depan, scriptnya mengunakan kode berikut ini: <b:if cond='data:blog.pageType == "item"'> ditutup dengan </b:if> Demikian, semoga bermanfaat bagi kita semua, dan tentu saja menghasilkan suatu layout template yang mantap dan sesuai dengan keinginan Anda.