Oke kawan, sebelumnya sudah saya share Mengenal Bagian template blogger dua postingan yang masing-masing Mengenal Bagian template blogger Part1, dan juga Mengenal Bagian template blogger Part2 yang sengaja saya jadikan sebagai ajang untuk belajar buat saya dan mungkin bila anda berminat yuk ikut belajar juga. Agar lebih nyambung anda bisa mengunjungi part-part sebelumnya hihihi. Nah kali ini giliran part3 nya akan segera saya share.
Oke berikut ini merupakan kelanjutan kode template blogspot yang merupakan kelanjutan versi kemarin tentunya:
9. Akhir dari CSS
]]></b:skin>
Setelah kode ini, Anda bisa menyisipkan kode-kode javascript seperti autoreadmore, artikel terkait, dll. Setelah kode ini, bagian-bagian selanjutnya berisi kode HTML.
10. Penutup head
</head>
Ini merupakan tag penutup dari head pada dokumen HTML
11. Body HTML
<body>
Ini merupakan awal dari tag body
<body expr:class='"loading" + data:blog.mobileClass'>
Pada template simple awal kode body seperti tersebut diatas
12 header-wrapper
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blogwalking list (Header)' type='Header'/>
</b:section>
</div>
Bagian kode tersebut diatas merupakan header-wrapper, tampilannya bisa kita ubah dengan kode CSS
13. Tempat naruh Kode CSS widget
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
Widget blog terletak di sini
</b:section>
</div>
Ini merupakan kode HTML dimana kode html komponen widget berada, ini bisa kita ubah tampilannya dengan CSS.
14. mengatur ketinggian sidebar-wrapper dan main-wrapper.
<div class='clear'> </div>
10. Penutup head
</head>
Ini merupakan tag penutup dari head pada dokumen HTML
11. Body HTML
<body>
Ini merupakan awal dari tag body
<body expr:class='"loading" + data:blog.mobileClass'>
Pada template simple awal kode body seperti tersebut diatas
12 header-wrapper
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blogwalking list (Header)' type='Header'/>
</b:section>
</div>
Bagian kode tersebut diatas merupakan header-wrapper, tampilannya bisa kita ubah dengan kode CSS
13. Tempat naruh Kode CSS widget
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
Widget blog terletak di sini
</b:section>
</div>
Ini merupakan kode HTML dimana kode html komponen widget berada, ini bisa kita ubah tampilannya dengan CSS.
14. mengatur ketinggian sidebar-wrapper dan main-wrapper.
<div class='clear'> </div>
Ini mengatur agar sama ketinggiannya antara sidebar-wraper dan main-wraper
15. Penutup dari outer-wrapper
</div></div> <!-- end outer-wrapper -->
16. penutup dari body
</body>
Penutup dari body pada dokumen HTML
17. Penutup dari dokumen HTML
</html>
Weleh-weleh, sepertinya demikian saja sepenggal kisah tentang kode template blogger yang bisa saya share, tidak semua kode template bisa saya share selain karena pengetahuan saya yang terbatas juga karena tempat dan waktu yang terbatas, sehingga analisisnya tidak melewati centang pada Open Widget Content ditambah lagi kode pada setiap template pasti berbeda-beda. Sehingga hanya sepenggal kecil dari kode-kode tersebut yang bisa saya share. Oke kalau begitu terimakasih.... semoga ada gunanya....
» Rating
4.5
»
Postingan Terkait
1 comments :
sip sip bang.thanx infonya
silahkan kunjungi juga blo saya : www.dlerist.blogspot.com
Post a Comment