Apa saja yang diperlukan? yang pertama saya akan memberikan sedikit pengetahuan tentang skrip blogger atau sobat blogger sering sebut dengan tag kondisional, ini saya dapat dari blog.kangismet dan lain-lain, untuk dipersembahkan dengan sobat, karena ilmu tidak akan berkurang jika ikhlas berbagi, ya kan?
Tag Kondisional Secara sederhana, arti tag kondisional adalah tag yang digunakan untuk mengatur elemen-elemen di mana akan ditampilkan, atau dimana akan disembunyikan. Berikut beberapa contoh tag kondisional yang saya rangkum dari kang ismet.
Tag Kondisional Secara sederhana, arti tag kondisional adalah tag yang digunakan untuk mengatur elemen-elemen di mana akan ditampilkan, atau dimana akan disembunyikan. Berikut beberapa contoh tag kondisional yang saya rangkum dari kang ismet.
Tag Kondisional Halaman Muka (Homepage)
Halaman muka atau homepage adalah halaman awal, misalnya halaman pertama muncul ketika sobat akses halaman redokusuma.net, tag kondisinya adalah sebagai berikut:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
ISI KODE
</b:if>ISI KODE akan muncul ketika halaman home diakses, dan bisa juga menggunakan tag kebalikannya seperti ini,
<b:if cond='data:blog.url != data:blog.homepageUrl'>
ISI KODE
</b:if>Artinya jika tidak atau bukan halaman home maka ISI KODE akan di tampilkan. Perbedaannya terletak pada tanda ! dan tanda == , tanda !(seru) artinya tidak sama dengan, sedangkan == artinya sama dengan.
Tag Kondisional Halaman Item (Postingan)
halaman item atau postingan adalah seperti berikut http://www.redokusuma.net/2014/05/beberapa-menit-yang-lalu.html
<b:if cond='data:blog.pageType == "item"'>
ISI KODE
</b:if>Tag Kondisional Halaman Statis
Contoh halaman statis : http://www.redokusuma.net/p/code-parser.html
<b:if cond='data:blog.pageType == "static_page"'>
ISI KODE
</b:if>Tag Kondisional Halaman Label
Contoh halaman label http://www.redokusuma.net/search/label/PHP
<b:if cond='data:blog.searchLabel'>
ISI KODE
</b:if>Tag Kondisional Halaman Tertentu
<b:if cond='data:blog.url == "URL HALAMAN"'>
ISI KODE
</b:if>Tag Kondisional Error Page 404
<b:if cond='data:blog.pageType == "error_page"'>
ISI KODE
</b:if>Tag Kondisional Halaman Arsip
<b:if cond='data:blog.pageType == "archive"'>
ISI KODE
</b:if>Contoh penggunaan tag kondisional, misal kita ingin memunculkan halaman 404 atau artinya tidak ditemukan, pengandaiannya begini jika tidak error maka tampilkan sesuatu, jika error maka munculkan halaman 404, perhatikan script berikut agar lebih paham:
<body>
<b:if cond='data:blog.pageType != "error_page"'>
<div id='header'/>
blah blah blah.....
</div>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<div id='error-page'>
<h1>Halaman tidak ditemukan</h1>
</div>
</b:if>
</body>Jika sahabat sudah paham dengan beberapa tag kondisional seperti diatas maka sobat bisa melanjutkannya ke tutorial berikutnya. untuk melanjutkan tutorial berikutnya silahkan sobat baca juga cara melihat source code website , sekian tutorial cara mengcopy template blog semoga ada manfaat bagi sobat semua, saya bukan merasa sok ahli, saya tidak merasa suatu kebanggaan karena meniru template blog kang ismet, saya hanya belajar css html dan javascript.
Jika sobat ingin lebih memahami template blog, silahkan kloning template yang menyediakan demo, download templatenya, kemudian sobat coba kloning demonya lalu samakan dengan skrip aslinya yang sobat download tadi.
dijelasin langkahnya lengkap, makasih mas, tinggal nyobain diutakatik
BalasHapussilahkan mas, jangan kloning blog saya ya, soalnya banyak kode yang tidak terpakai didalamnya,hee
Hapusnyimak aja gan, puyeng ngeliat kode rumit gitu. salam dari Pulau Dollar
BalasHapussalam juga mas,,, terima kasih atas kunjungannya y mas
Hapusane sih mending design sendiri :D
BalasHapuswah mantab mas kalau sudah bisa , saya belum bisa 100% ni mas, tapi kedepannya mau bikin sendiri juga tentunya
HapusBang, izin bookmark ya. Mana tau lagi mood buat ngutak-ngatik. Soalnya script iniiiih, mesti lagi happy ngerjainnya :p Makasiiiih ^^
BalasHapussama-sama mbak, silahkan mbak,,,
HapusIjin nyimpan artikelnya teman, buat bahan belajar kami. Terimakasih
BalasHapussilahkan mas,,,, saya juga lagi belajar ni mas
Hapusya mas, jangan lupa backup dahulu, entar saya yang disalahin hehe
BalasHapusmas firman kura2 tidak tahu ni,,,, :D
BalasHapusNyimak Gan .... !! buat bikin Tempe Blogazine :D
BalasHapussilahkan mas dicki.... ntar malam kunjungan bliknya ya..
HapusMantap ni tutornya..good pos.
BalasHapusterima kasih mas.. :D
Hapussy keep yah kang postingannya ,,,,, :)
BalasHapussilahkan mas fiu :D
Hapuswah... nanti tukang bikin template jadi males donk, hehehe...
BalasHapusheheh jangan bikin yang bagus bos, biar tidak dijiplak,kwkkkk
Hapuskalau facebook bisa di kloning nggak Mas :)
BalasHapushahahah kang ucup becanda ,,, bisa mas, save page as, heheh kiding kang
HapusDapat ilmu bermanfaat tentang tag kondisional nih
BalasHapusDari Mas Redo, saya belum paham dengan HTML Mas
Ijin belajar buat menambah pengetahuan blogging
Makasih ya Mas Redo atas artikel kerenya :-bd
terima kasih mas saud atas jempolnya, ini dari kI juga mas, DTE juga :D
Hapussaya tidak pandai kalau pakai source ctrl+U ,hehe masih kelas newbie :)
BalasHapusheheh sama saya juga pemula kok mas
Hapuskalau cssnya udah ada, tinggal bagun aja htmlnya :D
BalasHapusya mas fikri,,,,, mas sudah pandai saya yakin :D
Hapuskalau menurut saya, melakukan cloning terhadap sebuah template blog yang belum dipublish itu termasuk pelanggaran loh mas, apalagi template yang premium
BalasHapusya betul itu mbak, tapi inilah internet.... tidak ada yang aman :D
Hapusindonesia internetnya masih dikuasai negara luar, satelit saja mereka yng menerbangkan, tidak seperti negara lain yang membatasi internet di gunakan dinegara mereka sendiri...
hehehee.. iya mas :)
Hapusheheh iya da,,,, menggandakan ya da istilahnya ,hehe
BalasHapusasal menggunkan dengan bijak dan tidak merugikan orang lain tidak masalh sepertinya buat bahan pembelajaran dan menjadi lebih baik :) makasih sharingnya mas redo
BalasHapusya mas mawan, betl itu mas, kalau digunakan untuk belajar gag apa apa ya mas, kalau jual beli jangan kayaknya hehe
Hapusyang beginian ini yang rumit...membuat saya angkat tangan dan kaki... :)
BalasHapusmeng-clon asa buat belajar sih ngga papa kayanya, asal jangan diclaim sebagai hak cipta...satu lagi, mau makenya juga ga enak :D
BalasHapusnah aku setju sama mas Muroi :D
Hapus@muroi ya bener juga mas , terima kasih sudah datang ya..
Hapus@mas yoga terima kasih juga :D
yang paling waw itu kalau kita pake barang yang gak ada kembarannya. tapi untuk sekedar pengetahuan boleh lahhh
BalasHapusbetul mas yos , jempol untuk mas yos :D
Hapusrumit juga ya ternyata meniru template blog orang lain, tapi bikin awal nya tentu jauh lebih sulit ya mas ;)
BalasHapusjempol utuk mbak eka :D
Hapusdulu kepikiran belajar yang biginan, karena pengen yang gratisan, tapi sekarang udah ngga lagi tuh, whehehe.. pakai yang ada aja,
BalasHapushehe ya mas sabda,,,
HapusSaya belum pernah sampai saat ini untuk mencoba klone template. Lebih baik saya memodifikasi sendiri meskipun hasilnya juga nggak begitu bagus. Tapi, klone seluruh bagian template itu mudah apa sulit ya.
BalasHapuskalau sering otak atik template, saya rasa akan mudah ya mas fathoni :D
HapusSaya awam sekali dengan kode-kode,
BalasHapusTiga hal dasar yang harus dikuasai html, css, js, tapi banyak banget materi yang harus dimengerti. Di tambah kemampuan design konsep untuk imaging, seperti photoshop.
ya betul kata mas walidin, sekali masuk ke web , yang lainnya ikut juga,,,, Potosop saya gag ngerti juga :D
HapusMasih agak bingung dengan kode-kode tersebut mas :D
BalasHapusIlmu yg bermanfaat.... bagaimana kalau yg dikloningnya bukan blog, akan tetapi website, Bisakah?
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusboleh boleh, ilmunya udah sip ni ikut belajar di sini sob...
BalasHapusinformasi yang bermanfaat..
BalasHapussiang mas, ijin berkunjung karena kayaknya baru pertama kesini salam dari saya yuli.
BalasHapussoal tampilan templatenya keren mas, tetapi say tak nyimak dulu aja karena belum paham karena harus paham apa itu HTML CSS JS. thanks
kerenn..thank's ya gan atas infonya..
BalasHapusjangan lupa datang ke website kami ya di www.sundulbet.com