Tutorial Belajar Blogger - Template ini bernama Bright Black Blogger Template asli garapan Kang Ismet yang bernuansa gelap tapi dengan aksen hijau dan orange agar sedikit terlihat mencolok. Menurut saya sendiri template ini elegant enak di pandang membuat pengunjung betah membaca di blog yang menggunakan template ini. Di Bawah Ini Contoh Tampilaan HomePage dari halaman Blog Bright Black Blogger Template
Fitur-fitur yang ada dalam Bright Black Blogger Template ini diantaranya :
- Nivo Slider
- Auto readmore dengan thumbnail
- jQuery effect pada Search box
- Social network
- Elegant Breadcrumbs SEO Friendly
- Related Posts
- Tombol share
- Custom font
- Inside Threaded Comment
Installasi
Untuk instalasi, sama seperti template yang lainnya. Anda tinggal mengupload file XML yang ada pada folder ZIP. Namun untuk memudahkan, ada beberapa pengaturan seperti di bawah ini :Social Networking dan RSS
Untuk mengedit social networking dan RSS ini melalui Edit HTML pada templateTemukan dan edit kode di bawah ini, gunakan Ctr+F untuk mempermudah
<div class='social'>
<span class='fade'><ul>
<li><a href='http://facebook.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPnFgpd44Y3ZbTznHgB2UxJVl5rhMaI7xAjqa0cDq1xQ-5tjYfaKy9COU9M9Hgpi4wV8dqG_H8slyHHBGoK-eJBToURANzvH5pvCSVV0DJxWzl5HIDIxWalWN8dUfzJADNKI1f1jp1Cg/s1600/facebook.png'/></a></li>
<li><a href='http://twitter.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilWyphBeZJnsIf2jh_u-43EEBI5FPH7SZgB9D63Smz6D_TEX9HbSIZyrWfwTyMM2UZvm6MiAgokEOyUmIcB0xO_5nQWrmI5FhQ3c2ef4t6T-quTBIoUzh2DVnMbKZ7HSp2DdW7M-xpkps/s1600/twitter.png'/></a></li>
<li><a href='https://plus.google.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPsOHV21e0Ukrr_Izb4vxEX7Rq01qWZ3ROKSyu2xO_W56FXmdXbKNqxk4i_ERjOYhyphenhyphen42hN_4o5Sozsrfd3QIG3uutjI-qu_Klp1KSYuqejU8uN7yyeplLnuj1aXsV9yS4rwQvtyhH3MYXy/s57/Google%252B%2520alt.png'/></a></li>
<li><a href='http://pinterest.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOu9RW6o2_YYm0-JeZGmHUoHjEa7Hm31CgAc6_vO3116LYGo_vY58bUC7mwrOvg2OnGPyEmt59TdfRkX0bvLQrLxiDc_V5YPNwqTUljZ24i_znZdt6D1z0xxuJ89yIZsWmfiMxOl-Ba5qt/s57/Pinterest%2520alt.png'/></a></li>
<li><a href='http://feeds.feedburner.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhD74HH1t9_fxGkd55WJZ7BHzTdiVxpPGffYEdysj7-HKvDU8zZ2lpfljhoSFJZ7Oymnot9miWQopQQMtj52HWOO1aIn1FfD2FnPH4uFKRul6wPwM2BvZRifnIX7IfalpMqmQ3Rj1ItlYE/s57/RSS%2520Feed.png'/></a></li>
</ul></span>
</div>
Slider
Temukan dan edit link pada kode di bawah ini, gunakan Ctr+F untuk mempermudah
<div id='SlideContainer'>
<div id='NivoSlider'>
<a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0BjcMLBRj7Pb455dJGOIfIXe1Jv8vUn_irVJWWiL_fBzDYSrMPmELPrSjDGbH-q84YsXs3jsKwAFkZ2LO1FrQ2n3Ne3cdUvlTa70Xu_tXjswd6uhAnI65lleiRBqHpQrSkR2tbPy0uZU/s1600/sld1.jpg' title='Download this Free Premium Blogger Template'/></a>
<a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO6gWBxImuHhRrm9u1qT8_yuak7kMNNlKKIzjQRMEQUMOmkASyA8AvJ-PB6RMJJw_81m-B2O7MLJFo2T0NLlHsZg03cI0A0iE3f9S9AV0L2Po4RlROSRvPN61JNgQCwgIam3DOqUGBLxw/s1600/sld2.png' title='Only at GalleryBloggerTemplates.com'/></a>
<a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghBSz7FaR3mkcxYCYmhWlyLgRUWhjvyNg9anphYi568N30NYyi-VTS4tGMFzxYOj2y3MvA-aRduXeYTgNVi48rzK33g17HSO45ImXODpNkfodvTzID6fgs-ZG56DEg-l9PgvkOLv1i1hY/s1600/sld3.jpg' title='Visit www.bloggertut.com to grab this template'/></a>
</div>
Sumber Template Terbaru Ini Kang Ismet