Ditemani dengan secangkir kopi dan beberapa batang rokok untuk mengisi kekosongan ini, saya akan melanjutkan pembelajaran kita mengenai bagian template blogger. Bagian Template Blogger Standar 6 merupakan pembahasan terakhir yang akan kita bahas secara bersama-sama. Sebelumnya saya ingin memberitahu kepada sahabat Super-Bee sekalaian bahwa postingan ini saya jelaskan berdasarkan template blogger sebelum memberikan ceklis pada Expand Template Widget, karena jika memberikan ceklis pada expand template widget maka pembahasan akan semakin panjang dan meluas, disamping itu pengetahuan saya juga belum sampai kesana yang membahas HTML template secara menyeluruh karena basic saya bukan di web desain melainkan accounting.
Saya himbau sekali lagi kepada sahabat Super-Bee, apabila belum membaca postingan mengenai pembelajaran kita sebelumnya, saya anjurkan bagi Anda untuk membacanya. Agar proses pembelajaran dilakukan secara berkesinambungan dan menghindari dari kesalahpengertian kita mengenai template blogger ini.
Adapun postingan yang terkait sebelumnya dengan pembelajaran kita kali ini diantaranya yaitu :
- Bagian Template Blogger Standar 1
- Bagian Template Blogger Standar 2
- Bagian Template Blogger Standar 3
- Bagian Template Blogger Standar 4
- Bagian Template Blogger Standar 5
Jika Anda sudah membacanya dan memahaminaya maka saya yakin sekali bahwa pada postingan ini anda tidak lagi merasa kesulitan untuk memahami bagian template blogger. Agar tidak membuyarkan fokus Anda karena kata-kata pembuka yang terlalu panjang, yuk mari langsung saja kita simak penjelasan akhir dari template blogger ini.
/* Footer----------------------------------------------- */
Bagian kode CSS footer berawal di sini
#footer {width:660px;clear:both;margin:0 auto;padding-top:15px;line-height: 1.6em;text-transform:uppercase;letter-spacing:.1em;text-align: center;}
Footer ini sama halnya seperti sidebar yaitu tempat penyimpanan gadget/widget dan info situs pada blog kita namun footer tempatnya dibagian layout paling bawah yaitu dibawah main wrapper dan sidebar.
]]></b:skin>
Kode diatas ini merupakan akhir dari css yang ada pada template blogger. Setelah kode ini, Anda bisa menyisipkan javascript dari autoreadmore, artikel terkait, dan lain-lain. Setelah kode ini, bagian-bagian selanjutnya berisi kode HTML.
</head>
Kode diatas ini merupakan tag penutup dari head pada dokumen HTML
<body>
Bagian body berawal pada tag ini
<div id='outer-wrapper'><div id='wrap2'>
Kode diatas ini merupakan kode HTML dari outer-wrapper yang bisa diatur tampilannya dengan CSS
<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>
Pada bagian ini merupakan header-wrapper yang bisa kita ubah tampilannya dengan CSS
<div id='content-wrapper'>
Kode diatas merupakan bagian main-wrapper dan sidebar-wrapper berada dalam tag ini
<div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'>
Widget blog berada di sini
</b:section></div>
Kode diatas ini merupakan kode HTML dari main-wrapper yang bisa kita ubah tampilannya dengan CSS.
<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'>
Widget blog pada sidebar terletak di sini
</b:section></div>
Kode diatas ini merupakan kode HTML dari sidebar-wrapper yang bisa kita ubah tampilannya dengan CSS.
<!-- spacer for skins that want sidebar and main to be the same height--><div class='clear'> </div>
Kode ini berfungsi untuk mengatur ketinggian sidebar-wrapper dan main-wrapper supaya sama tinggi.
</div> <!-- end content-wrapper -->
Kode ini merupakan akhir atau penutup dari content-wrapper
<div id='footer-wrapper'><b:section class='footer' id='footer'/></div>
Kode diatas ini merupakan kode HTML dari footer yang bisa kita ubah tampilannya dengan CSS
</div></div> <!-- end outer-wrapper -->
Kode diatas merupakan tag penutup dari outer-wrapper
</body>
Kode ini merupakan tag penutup dari body pada dokumen HTML
</html>
Dan yang terakhit adalah kode diatas yang merupakan tag penutup dari dokumen HTML
Demikianlah penjelasan yang dapat saya sampaikan kepada Anda mengenai struktur template blogger ini, semoga dapat menambah wawasan dan pengetahuan mengenai temlate blogger ini. Happy Blogging
0 komentar:
Posting Komentar
Terimakasih telah berkomentar di website kami