Wednesday, March 28, 2012

Membuat Halaman Muka Blog Tersendiri (Tanpa Posting)

Tip: Membuat Halaman Muka Blog Tersendiri, Tanpa Posting

Sebuah impian mungkin, bagi kalian untuk memiliki halaman muka blog tersendiri yang terbebas dari daftar posting yang telah diterbitkan. Dulu Saya juga begitu, sampai Saya mempelajari tag kondisional Blogger lebih jauh. Kali ini Saya akan membagikannya kepada kalian tentang bagaimana cara menghilangkan semua posting dan menambahkan pesan selamat datang di halaman muka. Yang kita butuhkan pada dasarnya hanya satu jenis tag kondisional, yaitu tag kondisional halaman muka seperti ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Pertama-tama masuklah ke menu Tema kemudian klik Edit HTML dan klik Lanjutkan:

Edit HTML Blogger
Mengedit HTML

Temukan kode yang kurang lebih tampak seperti ini:

<b:section class='main' id='main' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

Tepat di atas kode tersebut, letakkan kode ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:section class='main' id='homepage'></b:section>
<b:else/>

dan tepat di bawahnya, letakkan kode ini:

</b:if>

sehingga hasilnya akan menjadi seperti ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:section class='main' id='homepage'></b:section><b:else/><b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
  </b:section></b:if>

Seperti yang kalian lihat bahwa apa yang kalian lakukan sebenarnya hanyalah menggandakan elemen <b:section> dimana salah satu hanya akan tampil di halaman muka, sedangkan satunya lagi hanya akan tampil selain di halaman muka.

Klik Simpan Tema. Sekarang masuklah ke halaman Tata Letak. Jika berhasil, seharusnya widget posting akan menghilang, digantikan oleh sebuah navigasi untuk menambahkan widget baru seperti ini:

Widget posting menghilang, dan sebuah elemen untuk menambahkan widget baru akan tampil seperti halnya pada sidebar blog.
Widget posting akan menghilang, dan sebuah elemen untuk menambahkan widget baru akan tampil seperti halnya pada sidebar blog.

Dari elemen itu Anda bisa menambahkan widget yang hanya akan ditampilkan pada halaman muka. Widget bisa berupa apa saja. Misalnya seperti teks ucapan selamat datang seperti gambar di atas, widget daftar isi, slideshow otomatis, atau yang lainnya.

Catatan: Menerapkan manipulasi ini akan membuat fitur pratinjau pada editor posting tidak berfungsi. Sebenarnya bukannya tidak berfungsi, hanya saja saat Anda mengeklik tombol Pratinjau, yang akan Anda lihat selalu berupa widget yang Anda tambahkan, sedangkan posting yang seharusnya ingin Anda lihat tidak akan tampil.

Labels: , ,

111 Comments:

At Wednesday, March 28, 2012 at 6:36:00 PM GMT+7, Blogger Sinto said...

mantep sekali bang, itu kalau orang gak biasa, di kira Area postingX ilang dan gak bakal tampil juga di blog :D

 
At Wednesday, March 28, 2012 at 9:06:00 PM GMT+7, Blogger Ijal Fauzi said...

Ada solusi untuk masalah pratinjau ngga mas? Pake conditional tag mungkin ?

 
At Wednesday, March 28, 2012 at 10:13:00 PM GMT+7, Blogger Taufik Nurrohman said...

@Ijal Fauzi Sepertinya belum ada. Ini bukan masalah tag kondisional, tapi masalah tautan pratinjau standar Blogger. Seandainya Blogger bisa menyesuaikan arah halaman pratinjau dengan tempat dimana kita berada, mungkin itu tidak akan menjadi masalah. Dan bukan hanya arah saja, tapi juga elemen-elemen yang tepat.
Katakanlah jika kita berada di dalam editor posting, seharusnya URL pratinjau harus murni mengarah ke halaman yang akan kita terbitkan, sekaligus mengambil dan megabaikan elemen halaman yang tidak sesuai dengan kondisi dalam pengaturan template pengguna. Tapi Saya rasa jika sampai Blogger menciptakan sistem pratinjau yang terlalu banyak proses deteksi seperti ini, sepertinya fitur pratinjau akan menjadi lebih lambat dalam segi proses (hanya untuk mempratinjau posting saja harus mengecek semua isi template??!! Tidak efisien. Tidak sesuai dengan tujuan utamanya, yaitu mengintip hasil jadi posting :-a).
Ini bukan sesuatu yang terlalu penting, lagipula fitur pratinjau itu cuma sementara. Saya sendiri masih heran, padahal mereka memiliki URL pratinjau tersendiri, tapi modifikasi ini masih saja memiliki kekurangan:

Template: http://namablog.blogspot.com/b/html-preview?token=-p6JWTYBAAA.6cf1a5JOOLRm_mcYd9vbcQ.78Q3CcvWCf_T7F6KZhci1w&blogID=XXXX00102869691923
Posting: http://namablog.blogspot.com/b/post-preview?token=lQ9_WzYBAAA.6cf1a5JOOLRm_mcYd9vbcQ.FU6TIUQZGG1E2Dc5YcV3QA&postId=XXXX01172151545712&type=POST
Halaman Statis: http://namablog.blogspot.com/b/post-preview?token=2RaBWzYBAAA.6cf1a5JOOLRm_mcYd9vbcQ._-gzjb3WCJvZaJqgvXlA6Q&postId=XXXX024526800021063&type=PAGE

 
At Thursday, March 29, 2012 at 2:03:00 PM GMT+7, Blogger azhar said...

mantap bang,,,,should be tried at home \o/ :-a

 
At Friday, March 30, 2012 at 2:59:00 PM GMT+7, Blogger Ən Yeni Mahnı Sözləri 2 said...

Makasih ya mas...

keren banget blog nya...

:-bd

 
At Saturday, April 7, 2012 at 10:18:00 PM GMT+7, Blogger Atika Aziz said...

mas mau tanya, disaya adanya seperti ini



jadi tidak dibarengi dengan

solusinya gimana ya?
haruskah saya ganti fALSE itu ke TRUE... dan harus saya apakan kode nya??
dan bagaimana dengan yang tidak ada di kode html saya??
makasih byk mas

 
At Saturday, April 7, 2012 at 11:15:00 PM GMT+7, Blogger Taufik Nurrohman said...

@Atika Aziz ARRGGHHH!!! Kodenya hilang??? :-a

 
At Sunday, April 8, 2012 at 4:55:00 PM GMT+7, Blogger Dode Van Persie said...

mantap \o/

 
At Sunday, April 22, 2012 at 5:33:00 AM GMT+7, Blogger MUX SPARROW said...

Udah diterapin barusan di blog sarang, Mas.. \o/ makasih tips kerennya nih.. :-bd

 
At Friday, May 4, 2012 at 12:12:00 PM GMT+7, Blogger Unknown said...

waduh kok postingnnya ga mau ilng nih taufik.........padahal dah coba cara diatas dengn benar

www.metal-xp.net

 
At Friday, May 4, 2012 at 1:20:00 PM GMT+7, Blogger Taufik Nurrohman said...

@Metal-xp Naruh kode </b:if> yang terakhir bukan di bawah <b:else/> kan?
Hasil akhirnya harus jadi seperti ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='homepage'></b:section>
<b:else/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

 
At Saturday, May 5, 2012 at 8:28:00 AM GMT+7, Blogger uki said...

@Taufik Nurrohman : Kok saya ngk bisa bisa ya ?

 
At Saturday, May 5, 2012 at 9:39:00 AM GMT+7, Blogger Taufik Nurrohman said...

@Uqi Sebelum melangkah ke bagian ini lebih baik pelajari dasarnya terlebih dahulu: Pemahaman Tag Kondisional Tingkat Pertama

 
At Sunday, May 6, 2012 at 8:34:00 AM GMT+7, Anonymous Anonymous said...

Mas, kalau mw ngedit yang widget post gmana ?? kan dah gk kliatan.

 
At Wednesday, May 23, 2012 at 7:18:00 AM GMT+7, Blogger Yayas said...

mas ,. kalau saya coba sembunyiin widget pake cara itu,spt ini
<b:if cond='data:blog.pageType == &quot;item&quot;'> di homepage blog ,biar bisa tampil di menu tata letak tuh gimana ya?
thx.

 
At Wednesday, May 23, 2012 at 9:02:00 AM GMT+7, Blogger Taufik Nurrohman said...

@Yayas Tetap tidak bisa tampil, ini sudah resiko menerapkan tampilan ini.

 
At Tuesday, June 19, 2012 at 9:37:00 AM GMT+7, Blogger Gerardo Pramudita said...

Mas, saya coba menampilkan kode di komentar kok ga bisa ya? Baik dengan rel="code" maupun yang rel="pre" tidak bisa semua :'(

 
At Friday, July 6, 2012 at 8:55:00 PM GMT+7, Blogger Unknown said...

seandainya ada cara menyelesaikan masalah pratinjau.. tapi ada cara lain gak untuk menghilangkan widget posting blog pada halaman awal.. agar tida menggangu pratinjau..?? saya utak atik hal ini tidak pernah berhasil.. sekalipun bisa namun itu hanya menggunakan dislpay:none; namun kurang fektif cara menyembunyikan widget tersebut... :'(

 
At Sunday, July 8, 2012 at 2:03:00 PM GMT+7, Blogger Taufik Nurrohman said...

@Denddy Gustiana Belum ada. Itu di luar kekuasaan admin blog.

 
At Monday, July 9, 2012 at 4:08:00 PM GMT+7, Blogger Unknown said...

terima kasih mas info nya ^_^ :-bd :Q

 
At Wednesday, July 18, 2012 at 3:38:00 PM GMT+7, Blogger Kidang Alit said...

Saya mencoba menerapkan diblog saya, tapi saat buat posting baru halaman pratinjaunya gak muncul mas ! Bagaimana cara agar halaman pratinjaunya tetap tampil mas ? Help Solusinya mas ! Trims

 
At Wednesday, July 18, 2012 at 5:01:00 PM GMT+7, Blogger Taufik Nurrohman said...

Sudah Saya tuliskan dengan jelas di atas ^:D

Catatan: Menerapkan manipulasi ini akan membuat fitur pratinjau pada editor posting tidak berfungsi. Sebenarnya bukannya tidak berfungsi, hanya saja saat Anda mengeklik tombol Pratinjau, yang akan Anda lihat selalu berupa widget yang Anda tambahkan, sedangkan posting yang seharusnya ingin Anda lihat tidak akan tampil.

Dan di beberapa komentar balasan:

Tetap tidak bisa tampil, ini sudah resiko menerapkan tampilan ini.

Saya bukan pemilik Blogger, jadi tidak bisa melakukan apa-apa =(

 
At Wednesday, July 18, 2012 at 7:51:00 PM GMT+7, Blogger Yusril Ibnu Maulana said...

sip, bagus tutornya... tapi mau tanya lagi hehehe berhubungan dengan .

gini tema dasar saya ( bisa di lihat di homepage blog saya yuzsite.blogspot.com ) (maklum punya 2 blog hehehe), dasarnya kan abu abu..., nah gimana caranya agar di setiap postingan yang berlabel ramadhan backgroundnya bisa hijau...

saya dah coba memakai tag b:if yaitu salah satunya


<*i rel="pre">
<*b:if cond='data:blog.url == "http://yuzsite.blogspot.com/2012/07/marhaban-ya-ramadhan.html"'>
<*style type='text/css'>
a:hover{color:green;text-decoration:italic;outline:none;text-shadow: -1px 1px 8px green, 1px -1px 8px #C0F7C6;transition-duration:3s}body{background:#C0F7C6;color:#656565; font-family:Arial,Verdana; font-size:12px; margin:0px; padding:0px}a:link{color:green}a:visited{color:green}::-webkit-scrollbar-thumb{background-color:#C0F7C6;-moz-border-radius:10px;border:1px solid #000;border-radius:10px}
<*/style>
<*/b:if>
<*/i>


nah itu dah bisa kan (di yuzsite.blogspot.com/2012/07/marhaban-ya-ramadhan.html)tapi masa saya kalau menambah artikel harus edit lagi css nya , seperti yg disebutkan tadi nah gimana caranya agar di setiap postingan yang berlabel ramahan backgroundnya bisa hijau... tolong bantu yah...

 
At Thursday, July 19, 2012 at 12:01:00 AM GMT+7, Blogger Surga Kenari said...

menarik sekali mas, :-bd

 
At Thursday, July 19, 2012 at 8:44:00 AM GMT+7, Blogger Taufik Nurrohman said...

Kalau ada waktu Saya posting.

 
At Tuesday, July 24, 2012 at 10:26:00 AM GMT+7, Blogger Lizanovia M. Hadi said...

Alhamdulillah... berhasil juga akhirnya..
Saya googling kemana2 tutorialnya sama semua, n gagal pula hasilnya

 
At Friday, July 27, 2012 at 11:15:00 AM GMT+7, Anonymous Anonymous said...

wah keren banget nih fitur tambahan...sangan mendukung sekali...makasih atas tipsnya,,,

 
At Saturday, August 4, 2012 at 12:44:00 PM GMT+7, Blogger hanggarps said...

yah ternyata kuk ada effek sampinya gtu yah :'(

 
At Tuesday, August 21, 2012 at 1:07:00 AM GMT+7, Anonymous Anonymous said...

THX gan, tutor nya ... sudah saya terapkan di blog, dan terhasil .... :-bd :-bd

 
At Wednesday, August 22, 2012 at 2:04:00 PM GMT+7, Blogger Unknown said...

gimana sih gan?? aku masih belum nemuin dibawah mas?? tolongg solusinya mas... , blog saya downloadgames-x.blogspot.com

 
At Wednesday, August 22, 2012 at 5:01:00 PM GMT+7, Blogger Taufik Nurrohman said...

Nanti lama-lama tahu. Coba tanya sama agan-agan di atas ^:D

 
At Saturday, September 8, 2012 at 11:38:00 AM GMT+7, Blogger shoshuri said...

gan cara ngembaliin ke tampilan semula gimana ya?
blog ana jadi bersih, gak bisa di tambah widget lag....
please PM shoshuri@chemist.com

 
At Saturday, September 8, 2012 at 4:15:00 PM GMT+7, Blogger Taufik Nurrohman said...

Hapus semua tag kondisional yang mengelilingi <b:section id='main'> sehingga tersisa seperti ini:

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

 
At Saturday, September 8, 2012 at 5:54:00 PM GMT+7, Anonymous Anonymous said...

kang trick 404 gak ngeload body gmn tu kang :D

 
At Saturday, September 8, 2012 at 11:08:00 PM GMT+7, Blogger Taufik Nurrohman said...

Sudah Saya posting kok caranya :\ ⇒ Menciptakan Halaman Error 404 dengan Benar

 
At Saturday, September 15, 2012 at 7:57:00 PM GMT+7, Blogger M. Ilham Syaputra said...

maaf nih. boleh repost nggak?? :)

 
At Sunday, September 16, 2012 at 5:33:00 PM GMT+7, Anonymous Anonymous said...

mengatur post gimana yah?
atau membuat next page?

 
At Sunday, September 23, 2012 at 12:15:00 AM GMT+7, Blogger Unknown said...

Yah terus taruh dimananya ?

 
At Friday, October 12, 2012 at 3:10:00 AM GMT+7, Blogger Direkori Penerjemah said...

Untuk melihat demo dari tutor bagus diatas,
silah kunjungi blog saya http://direktori-penerjemah-indonesia.blogspot.com/ :-bd

Makasih sharing bagusnya mas

 
At Thursday, October 18, 2012 at 6:45:00 AM GMT+7, Blogger Unknown said...

kalo halamn postingannya ilang. terus postingannnya ditampilkan dimana gan? hehehe maklum masih belajar

 
At Saturday, October 27, 2012 at 1:52:00 PM GMT+7, Blogger Unknown said...

om Taufik,, kalo maw ubah lebar halaman mukanya aja, gimana ya ? :p

 
At Saturday, October 27, 2012 at 8:00:00 PM GMT+7, Blogger Taufik Nurrohman said...

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#selector {width:500px}
</style>
</b:if>

 
At Thursday, November 29, 2012 at 2:54:00 PM GMT+7, Blogger Sua Betria Dhani said...

Mantap blognya
saya sudah coba, tetapi ketika disimpan template, laaaamaaaaa betul
kira-kira kenapa ya kang taufik?

 
At Thursday, November 29, 2012 at 5:02:00 PM GMT+7, Blogger Sua Betria Dhani said...

Alhamdulillah dah berhasil, makasih ilmunya ya!

 
At Wednesday, December 5, 2012 at 2:38:00 PM GMT+7, Anonymous Anonymous said...

wah.. mantab om tricknya sangat memuaska. makasih om,...

saya juga kagum dengan tampilan blog anda... 100% mantab om

salam kenal ya om

 
At Wednesday, December 5, 2012 at 6:45:00 PM GMT+7, Blogger Unknown said...

bang, kalo menggunakan trik ini gimana caranya diawal halaman utama/homepage diganti dengan "hanya gambar atau apalah" gitu??

oia makasih yah bang sebelumnya B)

 
At Monday, December 10, 2012 at 3:41:00 PM GMT+7, Blogger Taufik Nurrohman said...

Tinggal dikasih widget gambar saja kan?

 
At Thursday, December 13, 2012 at 5:16:00 PM GMT+7, Blogger Unknown said...

mas,kan misalnya postingan saya panjang,nah biar di pendekan terus ada bacaan BACA SELENGKAPNYA gimana caranya mas,jadi nanti pas di klik baca selengkapnya langsung ke artikel yang saya posting tapi yang fullnya mas

 
At Thursday, December 13, 2012 at 11:08:00 PM GMT+7, Blogger Taufik Nurrohman said...

Umum ⇒ /2011/08/membuat-posting-read-morebaca.html
Rekomendasi ⇒ /2012/04/posting-auto-read-more-tanpa-javascript.html

 
At Saturday, December 15, 2012 at 11:15:00 AM GMT+7, Blogger asa said...

mantaaaaaaaap

 
At Wednesday, December 26, 2012 at 6:42:00 AM GMT+7, Blogger Abu Hanif said...

sepertinya kang mas ini masternya blog....
saya punya permaslahan besar mas.
2 bulan yang lalu saya pelajari SEO lewat internet, krn belum mahir langsung saja praktekkan.

Baru terasa dan kelihatan setelah 1 bulan kemudian, kok sunyi banget pengunjungnya... dan setelah saya lihat dan baca petunjuknya tenyata tidak terindex lagi sy punya blog.

malah postingan baru sdh tidak bisa terindeks, mungkin ada solusinya untuk mengembalikan lagi mas....

mohon petunjuknya


sebagai informasi tambahan, saya sdh ngecek di http://www.searchenginegenie.com/google-banned-site-checker.php

pesannya begini mas :

Deprecated: Function ereg() is deprecated in /home/seoking/public_html/tools/includes/seg_tools.php on line 217

Deprecated: Function ereg() is deprecated in /home/seoking/public_html/tools/includes/seg_tools.php on line 224
Your Site Is Not Banned In Google.


mungkin bisa bantu referensinya mas...

(by basogama@yahoo.com)

 
At Monday, December 31, 2012 at 6:46:00 PM GMT+7, Blogger Resa said...

makasih mas :D, Tips-nya berjalan dengan lancar :-bd

 
At Wednesday, January 23, 2013 at 6:59:00 PM GMT+7, Blogger Unknown said...

mas,gimana caranya ngapus homepage ini..? mohon penjelasannya

 
At Wednesday, January 23, 2013 at 10:00:00 PM GMT+7, Blogger Taufik Nurrohman said...

Ganti kode ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='homepage'></b:section>
<b:else/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>


dengan kode ini:

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>


Klik Simpan Template.

 
At Tuesday, February 5, 2013 at 5:16:00 PM GMT+7, Anonymous Anonymous said...

yeahh berhasil :D

thx kak DTE :]

asik2 \o/

 
At Friday, March 8, 2013 at 11:09:00 AM GMT+7, Blogger damar-journal said...

:( cara ini sebenarnya bagus. tapi untuk blog ku jadi jelek krn halaman menu yg berisikan semua artikel ku kok hilang.
aku pengen halaman depannya seperti ini tapi efeknya halaman menu yg berisikan semua artikel ku tetap ada.
dengan kata lain saya ingin halaman utama yg muncul paling awal adalah seperti ini lalu ketika saya klik tombol tab saya langsung ke halaman menu yg berisikan semua artikel saya. apakah bisa di bantu?
blog saya: Damar-journal.blogspot.com
terima kasih

 
At Saturday, March 9, 2013 at 1:33:00 PM GMT+7, Blogger Taufik Nurrohman said...

Pakai Tabulasi, buat dua panel saja. Satu untuk ucapan selamat datang dan satunya lagi untuk bagian <b:section class='main' id='main'>

 
At Monday, March 18, 2013 at 12:15:00 PM GMT+7, Blogger Unknown said...

Nice gan mantap! ini yg ane cari2 nih.thanks xD (heboh deh)

 
At Monday, March 18, 2013 at 5:11:00 PM GMT+7, Blogger Alwan said...

Mas taufik, kalo ingin mengubah ukuran dan letak homepage gimana ya??, kaya punyanya mas taufik :\

 
At Wednesday, March 20, 2013 at 10:18:00 AM GMT+7, Blogger Taufik Nurrohman said...

/2011/08/tag-kondisional-tingkat-lanjut.html
/2011/09/menciptakan-tampilan-template-yang.html

 
At Friday, March 29, 2013 at 10:31:00 PM GMT+7, Anonymous Anonymous said...

mas taufik
maaf OOT ya
boleh minta cara membuat "Tentang Blog" kyk di blog ini ga mas?

keren banget soalnya... :D

 
At Saturday, March 30, 2013 at 6:53:00 AM GMT+7, Blogger Unknown said...

tx gan work 100%
mampir-mampir oke :)

 
At Monday, April 1, 2013 at 1:40:00 PM GMT+7, Blogger dfdsh said...

kalo cuma mau ilangin postingan nya , kenapa ngk gini aja gan :
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#Blog1 {display:none;}
</b:if>


kan lebih simple.... =p* =p* =p*

 
At Monday, April 1, 2013 at 1:42:00 PM GMT+7, Blogger dfdsh said...

upp kurang sorry gan ....

<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#Blog1 {display:none;}
</b:if>
</style>

 
At Wednesday, April 3, 2013 at 4:40:00 PM GMT+7, Blogger Unknown said...

Work perfect in my blog. terimakasih mas taufik... \o/

 
At Monday, April 22, 2013 at 5:24:00 PM GMT+7, Blogger budkalon said...

Sama seperti postingan bang Tovic di http://www.dte.web.id/2012/04/different-posts-style-based-on-label.html

Seperti ini mungkin:
// Lihat semua posting yang ada kemudian cek masing-masing tautan di dalam span.post-labels
// Cek apakah di dalamnya terdapat kata tertentu atau tidak (misalnya: Menyenangkan)
// Jika ada, tambahkan satu kelas spesifik baru pada posting tersebut
$('.post').each(function() {
if ($(this).find('.post-labels a:contains(Menyenangkan)').length) {
$(this).addClass('red');
} else if ($(this).find('.post-labels a:contains(Jelek)').length) {
$(this).addClass('green');
} else if ($(this).find('.post-labels a:contains(Bosan)').length) {
$(this).addClass('blue');
} else if ($(this).find('.post-labels a:contains(Mamamia)').length) {
$(this).addClass('yellow');
}
});


Lalu css selectornya:
.post.red {background-color:red; }
.post.green {background-color:green; }
.post.blue {background-color:blue; }
.post.yellow {background-color:yellow;}


Hehe :D maaf nyontek

 
At Monday, April 22, 2013 at 5:28:00 PM GMT+7, Blogger budkalon said...

Ah!!! Jadi mungkin seperti ini!!!!
$('.post').each(function() {
if ($(this).find('.post-labels a:contains(Ramadhan)').length) {
$(this).addClass('ramadhan');
}
});


dan CSS-nya:
.post.ramadhan {background-color:green; }

 
At Saturday, April 27, 2013 at 11:39:00 AM GMT+7, Blogger Oxpant said...

Saya sangat berterima kasih buatpenulis jugapara pengunjung lainnya kalian sudah bebagai ilmu yang bermanfaat !
ya mudah-mudahan dapat ketemu lagi solusinya jadi pada saat di pratinjau posting bisa kelihatan ! ^____^
Ditunggu saja update terbarunya !

 
At Tuesday, April 30, 2013 at 3:34:00 PM GMT+7, Blogger Unknown said...

Mas taufik... kalau post nya yang hanya berjudul saja dan dirubah menjadi berjudul dg artikel dan gambar bagaimana ya.... ?
Terimakasih

 
At Tuesday, April 30, 2013 at 5:26:00 PM GMT+7, Blogger Taufik Nurrohman said...

/2012/11/xhtml-blogger-seksi-posting.html

 
At Friday, May 10, 2013 at 6:52:00 AM GMT+7, Blogger EM said...

sabar mas taufik....
mungkin tadi beliau lupa baca bagian yang itu.....
tetap semangat mas,
saya selalu menanti ide-ide kreatif sampean,

:-)

 
At Friday, May 10, 2013 at 7:01:00 AM GMT+7, Blogger EM said...

menurut saya itu bukan menghilangkan, tapi menyembunyikan atau tidak menampilkan gan,

kalau menghilangkan ya harus menghapus kondisional tagnya

:-)

 
At Friday, May 10, 2013 at 2:00:00 PM GMT+7, Blogger rafa said...

Udah dicoba dan mantab jaya \o/
tengkyu masbero

 
At Wednesday, June 5, 2013 at 2:10:00 PM GMT+7, Blogger Surya Adhi said...

terima kasih atas tipsnya gan.. :-bd

 
At Thursday, June 6, 2013 at 1:53:00 AM GMT+7, Blogger ricology said...

ditaruh dimana itu kodenya mas?

 
At Monday, June 17, 2013 at 2:37:00 PM GMT+7, Blogger ricology said...

mas, saya mau tanya nih, gimana cara merubah lebarnya, kan di homepage saya hilangkan side barnya, saya maunya Gadget yg ada post ni aja di halaman utama. atau namanya di page elemen apa ya? apa side bar juga?

 
At Monday, June 24, 2013 at 11:38:00 AM GMT+7, Blogger Unknown said...

info yang bagus.. thx

 
At Wednesday, June 26, 2013 at 2:25:00 PM GMT+7, Blogger Titta Rizq said...

mmmm akhirnya berhasil juga,Thanks atas infox.

 
At Wednesday, June 26, 2013 at 10:52:00 PM GMT+7, Blogger Unknown said...

MaKasih Ya Kak, INI INformasi yang sangat berguna, BLog yang memakai sistem ini dapat terlihat ProfesionaL, TerimaKasih Ya Kak TLah mau BerBaGi ILmunya..SaLam..

 
At Thursday, July 18, 2013 at 7:31:00 AM GMT+7, Blogger Sugraha said...

Berarti kalau menggunakan cara ini, penggunaan auto readmore dan effect cssnya ga berfungsi dong mas. kalau di hapus saja auto readmore+css ny gimana mas? takut ada effect lainny..

 
At Thursday, August 15, 2013 at 6:22:00 PM GMT+7, Blogger you said...

Terima kasih gan.. sangat bermanfaat dan berhasil di aplikasikan..
ada tutor cara modifikasi judul blog seperti di blog ini ga..

 
At Saturday, September 7, 2013 at 6:46:00 PM GMT+7, Blogger viona dewi ayunitami said...

keren :)
kunjungin balik iya
http://vionadewiayunitami.blogspot.com/
http://vis-fashion.blogspot.com/

 
At Wednesday, September 18, 2013 at 6:33:00 PM GMT+7, Blogger SUTINI said...

artikel yang bagus gan..sudah saya coba di blog saya dan berhasil
www.sutinishare.blogspot.com

 
At Thursday, November 7, 2013 at 8:49:00 AM GMT+7, Blogger Unknown said...

mas taufik, ni dah berhasil, tp kok mlah tata letaknya ga bisa di geser2 lg?? kenapa ya??
makasih =p*

 
At Thursday, November 7, 2013 at 12:14:00 PM GMT+7, Blogger Taufik Nurrohman said...

Ganti atribut locked="true" menjadi locked="false"

 
At Friday, November 8, 2013 at 3:02:00 PM GMT+7, Blogger Unknown said...

mas taufik kok tetep ga bisa ya,???
makasih ^_^

 
At Sunday, November 24, 2013 at 9:09:00 PM GMT+7, Blogger Baitul Maal KCS said...

bang, klo bikin gadget hasilnya menjadi dua kolom caranya gimana? thanks... \o/

 
At Thursday, November 28, 2013 at 2:35:00 PM GMT+7, Blogger liburan murah di bali said...

Thanks gan infonya

 
At Saturday, December 14, 2013 at 1:57:00 AM GMT+7, Blogger Unknown said...

akan saya coba, sangat membantu. trims..
http://doakubunda.blogspot.com/

 
At Sunday, December 15, 2013 at 3:44:00 PM GMT+7, Blogger Unknown said...

kalo sama widget2nya gimana mas..

 
At Friday, December 20, 2013 at 11:01:00 AM GMT+7, Blogger Unknown said...

newbi mas saya pake template mas taufik yang blogazine ,, kok beda ya bingung :(






 
At Friday, December 20, 2013 at 6:22:00 PM GMT+7, Blogger Taufik Nurrohman said...

Ini pos sudah lama. Saya membuatnya sebelum editor HTML Blogger tampak seperti sekarang. Kalau dulu masih ada opsi Expand Template Widget di sebelah kanan atas area kode. Mungkin karena itulah jadi agak bingung (kodenya kelihatan berbeda). Kalau bingung coba klik bagian kosong tepat sebelum <b:widget id='Blog1'> supaya panelnya menutup:

[img]http://4.bp.blogspot.com/-NcckKpD6dj8/UrQoI1wU1JI/AAAAAAAAIbc/coq0nho0oQA/s1600/2013-12-20_181356.png[/img]

 
At Sunday, December 22, 2013 at 8:42:00 AM GMT+7, Blogger Unknown said...

siip mas udah berhasil makasih banyak \o/ \o/

 
At Saturday, February 1, 2014 at 11:34:00 AM GMT+7, Blogger Hertzer said...

Makasih mas, work nih! :-bd
Meskipun kode di template blog saya sedikit berbeda, tapi akhirnya bisa juga diterapkan.. \o/ \o/
Makasih banget mas, dari sini saya bisa belajar banyak hal.. :-bd

 
At Monday, March 17, 2014 at 5:47:00 PM GMT+7, Blogger pramarda said...

blog anda sangat bermanfaat, dan semoga blog saya juga http://pramarda.blogspot.com/

 
At Saturday, June 21, 2014 at 6:14:00 AM GMT+7, Blogger Zefy Arlinda said...

keren keren, saya sudah pake....
kasih jempol

 
At Thursday, June 26, 2014 at 1:44:00 PM GMT+7, Blogger Unknown said...

keren.....................................
saya juga niatnya mau buat ginian sih :D

 
At Wednesday, July 2, 2014 at 7:26:00 AM GMT+7, Anonymous Anonymous said...

Tipsnya bermanfaat sekali mas.. Sudah dicoba beberapa kali, akhirnya berhasil juga. Perlu template yang pas untuk menerapkan tips ini.. Mantab.. :-bd

 
At Monday, August 25, 2014 at 6:15:00 AM GMT+7, Blogger thole05 said...

ada problemo yg sama disini,
udah di ganti kodisinya tetep ga bisa mas, cuman suruh refresh & cobalagi nanti ^:D
ga cuman mindah layout, tp juga ga bisa nambah/ngesave, semua yg ada di tata letak ^:D heleph :p

 
At Monday, August 25, 2014 at 7:44:00 AM GMT+7, Blogger Taufik Nurrohman said...

Kalau tidak bisa dari halaman Tata Letak, dicoba saja manual dari halaman Editor HTML. Hasilnya akan sama saja.

http://4.bp.blogspot.com/-V780NegRwB4/U_qF9iWH5nI/AAAAAAAAInw/Qk4uxTfU7sA/s1600/blogger-widget-xml-tags.png

Bagian <b:widget> dipindah-pindah urutannya antara yang satu dengan yang lainnya.

NB: Cek juga komentar Saya ke iwan qynos.

 
At Monday, August 25, 2014 at 3:58:00 PM GMT+7, Blogger thole05 said...

ya, lewat Perancang Template » Tata Letak juga bisa mas :yaya:
[img]http://1.bp.blogspot.com/-UshTQ6wGxlk/U_r0nW2yV2I/AAAAAAAAATU/9PJ7kdFlyJ4/s1600/Perancang%2BTemplate.png[/img]

poin yg saya cari bagaimana agar bug ini bisa di netralisir dan bisa menggunakan fungsi Tata Letak dengan semestinya :yaya:

iya mas expand/collapse yg sekarang jauh lebih efisien ga kaya yg jadul :p

 
At Tuesday, September 2, 2014 at 5:07:00 PM GMT+7, Blogger Taufik said...

resiko nya orang pintar, selalu di sibukan oleh banyak nya pertanyaan pertanyaan... salam sukses & salam sejahtera buat mas TAUFIK NURROHMAN

 
At Wednesday, November 19, 2014 at 10:43:00 PM GMT+7, Blogger adhiebkl@gmail.com said...

Mantap gan....
sangat membantu banget...
kunjungi juga ya gan di blog ane
http://lembaranhatii.blogspot.com/

 
At Wednesday, December 24, 2014 at 3:12:00 AM GMT+7, Blogger tekno indie said...

mantap om, semangat terus om!

 
At Wednesday, December 31, 2014 at 12:45:00 AM GMT+7, Blogger Unknown said...

ko kaga ada yah gan ga berpengaruh

 
At Thursday, March 5, 2015 at 2:21:00 PM GMT+7, Blogger Unknown said...

mohon pencerahan nya donk admin saya juga mau bikin halaman depan kosong tapi kode

saya ga nemu diblpog saya mohon bantuannya terimakasih

 
At Thursday, May 21, 2015 at 8:54:00 PM GMT+7, Blogger Unknown said...

na acih 0:)

 
At Saturday, January 9, 2016 at 12:36:00 AM GMT+7, Blogger Unknown said...

dengan menghilangkan begitu, jika kita menuliskan alamat posting, posting akan tetap bisa kebuka?

 
At Tuesday, January 26, 2016 at 4:15:00 PM GMT+7, Blogger Taufik Nurrohman said...

Masih, ini adalah salah satu contoh → http://damzaky.blogspot.com

 
At Friday, August 26, 2016 at 5:44:00 AM GMT+7, Blogger Unknown said...

punya saya adanya




di tambahain tag di atas ga bisa ada solusi mas ?

 
At Wednesday, January 18, 2017 at 11:23:00 AM GMT+7, Anonymous Anonymous said...

Sob, kalau saya sebaliknya ingin menampilkan seluruh post di halaman home, awalnya saya memakai halaman khusus untuk home dengan nulis artikel di pages, tapi saya hapus, dan sekarang halaman Home kosong, saya ingin balikan ke awal di menu Home dengan tampilan semua post, gimana caranya ? saya sudah coba pasang script untuk menampilkan judul-judl post di home, tapi masih kosong.

 

Post a Comment

<< Home