Membuat setiap halaman berbeda
Ada salah seorang sobat kita bertanya bagaimana cara membuat halaman postingan berbeda-beda?dan membuat halamn depan di blogger?
dan saya mencoba memcahkan nya dari beberapa nara sumber yg ada,mungkin membuatan halaman depan di blog saya salah tapi beberapa sobat ada juga yg pengen tahu cara bikin nya,dan ini bukan copas ^_^
membuat setiap halaman berbeda-beda ini yg saya ketahui mempunyai 2 cara,dan sobat harus memahami setiap css yg di pakai di template blog sobat
cukup di mulai dari <style> dan di tutup dengan </style> seperti ini :
cara menerapkan nya seperti di bawah ini dan sobat letakkan di atas kode </head>
setiap template mempunyai kode - kode css yg berbeda kalau di template saya menggunakan tag css seperti ini #content-area
mungkin di template blog sobat kode css buat melebarkan content area(lebar postingan)nya menggunakan
kode: .content,#content,div#content,#content-wrapper,#post-wrapper atau yg lain2 nya,silahkan sobat cari sendiri apa yg menjadi fungsi buat melebarkan area content di template blog sobat
kalau sobat sudah mengetahui tag css di template sobat ,sekarang kita mulai untuk melebarkan content halaman postingan
tadi yg di atas kita mebuat background di halaman tersebut menjadi merah(red)
sekarang kita mulai melebarkan area content nya,maka kode yg di gunakan seperti ini :
sobat gunakan{display:none !important}untuk widget sobat harus tau tag id dari widget tersebut misal nya id widget sobat Html1 atau Html2 lalu sobat merapkan di css seperti ini #html2 {display:none !important}
dan seterus nya kalau sobat pengen menghilangkan atau mengedit css,widget,sidebar,area content,atau apa aja yg ada di template sobat cara nya seperti itu,penerapan di halaman depan juga seperti di atas,inti nya
Platform blogger itu memiliki halaman-halaman yg berbeda,dimana setiap halaman digunakan untuk menempatkan postingan dengan tujuan tertentu. Selain halaman content atau posting (entri), sobat dapat membuat artikel berupa page (laman).dan cara edit css nya seperti yg di tunjukan di atas Halaman page ini memiliki sifat berbeda dengan posting, diantaranya:
1. Bersifat static, maksudnya halaman tidak diurutkan berdasarkan waktu.
2. Halaman banyak digunakan untuk menampilkan informasi tertentu, seperti contact person, about us, sitemap, dan sebagainya.
3. Biasanya untuk mengakses halaman ini juga anda dapat menambahkan gadget baru yang hanya tampil pada halaman page ini.
Begini kesimpulannya, setiap halaman yang ada di blogger memiliki karakteristik masing-masing. Berikut saya paparkan saja setiap halaman yang terdapat di blogger secara keseluruhan:
1. Homepage merupakan halaman utama blog anda, yakni halaman depan blogger.
2. Archivepage adalah halaman arsip blogger.
3. Itempage adalah halaman postingan yang diurutkan berdasarkan waktu penulisan.
4. Indexpage adalah halaman muka, halaman label, dan halaman pencarian.
5. Staticpage adalah feature baru google yakni halaman yang tidak masuk pada postingan yang telah saya jelaskan tadi.
1. Homepage merupakan halaman utama blog anda, yakni halaman depan blogger.
2. Archivepage adalah halaman arsip blogger.
3. Itempage adalah halaman postingan yang diurutkan berdasarkan waktu penulisan.
4. Indexpage adalah halaman muka, halaman label, dan halaman pencarian.
5. Staticpage adalah feature baru google yakni halaman yang tidak masuk pada postingan yang telah saya jelaskan tadi.
ini ada beberapa kode buat template mungkin ada guna nya buat sobat:
soal nya hampir 1 jam saya bikin artikel ini..T_T
Ada salah seorang sobat kita bertanya bagaimana cara membuat halaman postingan berbeda-beda?dan membuat halamn depan di blogger?
dan saya mencoba memcahkan nya dari beberapa nara sumber yg ada,mungkin membuatan halaman depan di blog saya salah tapi beberapa sobat ada juga yg pengen tahu cara bikin nya,dan ini bukan copas ^_^
membuat setiap halaman berbeda-beda ini yg saya ketahui mempunyai 2 cara,dan sobat harus memahami setiap css yg di pakai di template blog sobat
dan cara pertama melalui Edit HTML di postingan :
sobat letak kan style css nya di box postingan dan sobat tidak perlu lagi menggunakan kode <b:if cond='data:blog.url == "alamatpostingan"'> ini ,cukup di mulai dari <style> dan di tutup dengan </style> seperti ini :
<style>
body{background:#red;}
#content {width:820px;}
#sidebar-wrapper{display:none !important}
#footer{display:none !important}
#html2 {display:none !important}
</style>
<!--ISI ARTIKEL -->
<---TEMPAT SCRIPT JQUERY --->
<script src='jquery/1.4.4/jquery.min.js'></script>
- Contoh nya seperti ini klik gambar untuk ukuran besar:
cara kedua menempatkan css di template dengan kode :
<b:if cond='data:blog.url == "alamatpostingan"'><style>Misal sobat pengen background di halaman postingan itu nya menjadi merah"red"
kode css di sini
</style></b:if>
cara menerapkan nya seperti di bawah ini dan sobat letakkan di atas kode </head>
<b:if cond='data:blog.url == "alamatpostingan"'>Atau sobat pengen melebarkan area content nya silahkan sobat cari tag css di template sobat buat melebar kan area content template
body{background:#red;}
</b:if>
setiap template mempunyai kode - kode css yg berbeda kalau di template saya menggunakan tag css seperti ini #content-area
mungkin di template blog sobat kode css buat melebarkan content area(lebar postingan)nya menggunakan
kode: .content,#content,div#content,#content-wrapper,#post-wrapper atau yg lain2 nya,silahkan sobat cari sendiri apa yg menjadi fungsi buat melebarkan area content di template blog sobat
kalau sobat sudah mengetahui tag css di template sobat ,sekarang kita mulai untuk melebarkan content halaman postingan
tadi yg di atas kita mebuat background di halaman tersebut menjadi merah(red)
sekarang kita mulai melebarkan area content nya,maka kode yg di gunakan seperti ini :
<b:if cond='data:blog.url == "alamatpostingan"'><style>atau sobat pengen menghilangkan sidebar,footer,widget,atau yg lain-lain,
body{background:#red;}
#content {width:820px;}
</style></b:if>
sobat gunakan{display:none !important}untuk widget sobat harus tau tag id dari widget tersebut misal nya id widget sobat Html1 atau Html2 lalu sobat merapkan di css seperti ini #html2 {display:none !important}
- Contoh nya :
<b:if cond='data:blog.url == "alamatpostingan"'><style>kalau sobat mau bikin menu di halamn tersebut penerapan nya gini:
body{background:#red;}
#content {width:820px;}
#sidebar-wrapper{display:none !important}
#footer{display:none !important}
#html2 {display:none !important}
</style></b:if>
<b:if cond='data:blog.url == "alamatpostingan"'>
<style>
..................................... .
di sini letak css menu nya
#menu {....}
#menu li{....}
#menu li a{...}
........................................
</style>
....................................... .
di sini letak buat kode html buat pemanggil css menu nya nya.
<ul class="menu">
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
</ul>>
..........................................
</b:if>
dan seterus nya kalau sobat pengen menghilangkan atau mengedit css,widget,sidebar,area content,atau apa aja yg ada di template sobat cara nya seperti itu,penerapan di halaman depan juga seperti di atas,inti nya
Platform blogger itu memiliki halaman-halaman yg berbeda,dimana setiap halaman digunakan untuk menempatkan postingan dengan tujuan tertentu. Selain halaman content atau posting (entri), sobat dapat membuat artikel berupa page (laman).dan cara edit css nya seperti yg di tunjukan di atas Halaman page ini memiliki sifat berbeda dengan posting, diantaranya:
1. Bersifat static, maksudnya halaman tidak diurutkan berdasarkan waktu.
2. Halaman banyak digunakan untuk menampilkan informasi tertentu, seperti contact person, about us, sitemap, dan sebagainya.
3. Biasanya untuk mengakses halaman ini juga anda dapat menambahkan gadget baru yang hanya tampil pada halaman page ini.
Begini kesimpulannya, setiap halaman yang ada di blogger memiliki karakteristik masing-masing. Berikut saya paparkan saja setiap halaman yang terdapat di blogger secara keseluruhan:
1. Homepage merupakan halaman utama blog anda, yakni halaman depan blogger.
2. Archivepage adalah halaman arsip blogger.
3. Itempage adalah halaman postingan yang diurutkan berdasarkan waktu penulisan.
4. Indexpage adalah halaman muka, halaman label, dan halaman pencarian.
5. Staticpage adalah feature baru google yakni halaman yang tidak masuk pada postingan yang telah saya jelaskan tadi.
1. Homepage merupakan halaman utama blog anda, yakni halaman depan blogger.
2. Archivepage adalah halaman arsip blogger.
3. Itempage adalah halaman postingan yang diurutkan berdasarkan waktu penulisan.
4. Indexpage adalah halaman muka, halaman label, dan halaman pencarian.
5. Staticpage adalah feature baru google yakni halaman yang tidak masuk pada postingan yang telah saya jelaskan tadi.
ini ada beberapa kode buat template mungkin ada guna nya buat sobat:
- Menampilkan widget hanya di Homepage
<b:if cond='data:blog.url == data:blog.homepageUrl'><style>
.......isi css......
</style></b:if>
- Menampilkan widget selain di Homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'><style>
.......isi css......
</style></b:if>
- Menampilkan widget hanya di Archivepage
<b:if cond='data:blog.pageType == "archive"'><style>
.......isi css......
</style></b:if>
- Menampilkan Widget selain di Archivepages
<b:if cond='data:blog.pageType != "archive"'>
.......isi css......
</b:if>
- Menampilkan Widget hanya di Itempages / Postingan
<b:if cond='data:blog.pageType == "item"'><style>
.......isi css......
</style></b:if>
- Menampilkan widget selain di Itempages
<b:if cond='data:blog.pageType != "item"'><style>
..........................
</style></b:if>
- Menampilkan widget hanya di Staticpages
<b:if cond='data:blog.pageType == "static_page"'>
.......isi css......
</b:if>
- Menampilkan widget selain di Staticpages
<b:if cond='data:blog.pageType != "static_page"'><style>
.......isi css......
</style></b:if>
- Menampilkan widget pada URL atau halaman tertentu
<b:if cond='data:blog.url == "alamatpostingan"'><style>
.......isi css......
</style></b:if>
- Menampilkan widget selain di URL atau halaman tertentu
<b:if cond='data:blog.url != "alamaatpostingan"'><style>Semoga ini bermanfaat...
.......isi css......
</style></b:if>
soal nya hampir 1 jam saya bikin artikel ini..T_T
by
Laronity
