Download Bright Black Blogger Template

Bright Black Blogger Template

Kali ini saya mencoba share template yang bernuansa gelap tapi dengan aksen hijau dan orange agar sedikit terlihat mencolok. Template ini saya berinama Bright Black Blogger Template.

Demo

Download

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

Salah satu yang membuat beda tempalte ini, yaitu penggunaan Hack komentar (bukan bawaan blogger) sehingga terlihat seperti komentar pada blog WordPress. Hack komentar ini saya namai Inside Threaded Comment. Screenshootnya bisa dilihat di bawah.

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 template

Temukan 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/AVvXsEgigx8_ND13MIzuc5r7w1ZYiXJcal9JbevjEqwSgB2nCBwApDwmNTrC1d97BsYaRCvkQ_8GT4mIfum2PMMzoa5LyaFImzt7JqsGd1L9qVIPTzaLq6hMIL7H7UP1Gw5YCLLlAa7y3BOjI0o/s1600/facebook.png'/></a></li>
<li><a href='http://twitter.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_rM8a0xWhfEv71cQ2uzHESU-Kr5XQE8NTimPO011U2Da7hcEUC3Fqr-apLyiPe5uuvfbz5ciaDMscZJf9SbXIg6aF9GOTxUOJJbz8WvKJ8wLvFglL01pXCRNM8gNkMVuOkMxLevMPZF8/s1600/twitter.png'/></a></li>
<li><a href='https://plus.google.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDlINgvXfater_TIaECHXM53t9Ec3PTYrR-P3W7MtlJ0Qjl7-LFog7ZssS2an62OhbwISGlRIOTMxCq_eb3IvsmKgINq_6wOOb_-FcfaURPhyphenhyphenkF7K8WrklLUzT-9EJ9OCv8Q8NtLYCDuds/s57/Google%252B%2520alt.png'/></a></li>
<li><a href='http://pinterest.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs2DlL8NxEaygks6Y6k1tK-kfDeecyKKT8mLF4zeI6nOHk1B9UeDDTpXC55EV-PuaOiHcSYWQs9qwvCQY_mro6l7LaJ8y4X7e5MMMoovZ9iaA55uTxzmZKvjjbWF2JZf5a5UliI0TH14xT/s57/Pinterest%2520alt.png'/></a></li>
<li><a href='http://feeds.feedburner.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFlTqcsTNNR-CHGLre-L80HD52i9cr2Ujbkj-lLFaAscFxCy4VhTzUfIjZ9TJ7FUiqAThWVWiWqATTnndp459tKwK-kJcWbQ3oDwGEK0F41ZN2RdJTuCkGQNa-zD6DQQt_wm-EcZGjsPVT/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='http://www.bloggertut.com'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj69H3D0uOZgc0YOhZVYzdPSwRSvYnmKmBPhSq81n5Ng9FX7RsJAgDZXtficNYnM0alSOxjx0cyxZfrnTxEE5R0UcAlbvfEb7rSDfByaMggi_EOt-vNLL6aQ4v-pTxq5BYVb-9myACbDfQ/s1600/sld1.jpg' title='Download this Free Premium Blogger Template'/></a>
  <a href='http://www.bloggertut.com'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLcZfT148OjY7aT8XWKXlI51RiMmMYY_BadL5g-OCAETAWnuqfMPMfttPumjP_IySxgQscGjyV6ZuArs2foDBEW8PZuU8in4H6LxKhwLEe0vqq7-3qxCAVEijx42Y3Ln013VJDg5Qqdc8/s1600/sld2.png' title='Only at GalleryBloggerTemplates.com'/></a>
  <a href='http://www.gallerybloggertemplates.com'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi7Ds2sI2Ehh364JMH42tS8LBjljzEfXscmgfj4w07qSsiRAnqfhsCz39eaEF0x3ijI9O5U6kL9jjW14BoIHozM6aVAGYT6WxDxU4u3rjf0FxOxoyuXl4ct6UjqKo5LkzcXShkTFmpmyY/s1600/sld3.jpg' title='Visit www.bloggertut.com to grab this template'/></a>
 </div>
</div>

sumber : bloggertut

11 Juli 2013