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/AVvXsEjdsYb-FDdOPkFDfCqnkW8OK6fz1ec5V6LvqjWDBs8J_g97m1USt55LXpKDL_LyqcgZs8MK_VwZgNZmlTJMPYtLc0qgBcYEE43G9MYe5SCzZJ4bExcvE6HIiXzirBteyVSPbX-agh5NsjY/s1600/facebook.png'/></a></li>
<li><a href='http://twitter.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ppq6u9VAQIZhaOhUSRq1MXG_5JOKbV8QnlAUsShCvt1eor0n8DafnGJzj2YBRj7-fYEXJGznTGTZE2pEGumkZbGbVQycDyO3uPzd3awpA_N5oYrbYYgonXhD9YnCwoX88dRF0obHliQ/s1600/twitter.png'/></a></li>
<li><a href='https://plus.google.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg79ny5njJPMDBgEdQIPP6k8V609oKIaLNw9eSMnmuXTk4vSXkymSrtUxv6QO9vtanaiDakRCv4nGz6CQdWBSD26LcaWgifTKiKtPR9hDfyw-WtTTL-ipum7MoMLiIAewPWSuoLxxH9y6KB/s57/Google%252B%2520alt.png'/></a></li>
<li><a href='http://pinterest.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQXU-NPFNvYUWfRB-GU1-X9dGnPrOQWMHRc8x6M3Jcqt_Y_8FPT9oCx3ze9Kswninls23vFej9IiqBZjYn1_MweLoHBye0sGAXWqh2WNIIc0WN4hYA4I6IynoqdJSDGWfDrRdMACHwa1pD/s57/Pinterest%2520alt.png'/></a></li>
<li><a href='http://feeds.feedburner.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLaVvGb0SkzcA_kvLGbXwtuj8LDcVZzEIirPhglVG4jUMQsPpKPTSpYFKfj6kqTpwgzm103jcJSQjtlPaFPW3u_NHAD0TkUtXnIKu2dHbDYfKpYpVbOZq3WK_ewpIh7j-qoGtZyinp9sH/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/AVvXsEhWP1bNUUjwe1kyh43aqFXTz6zxwkYdr43gnyCqgFVWSgiZFkfnWmHChhSLip8PxKVE3cxSrDHCugQO6B8LSnKhDTMeWWfT_zpvCmAX0Z-dRy9tjECEBERWa0VEVucy60yqPlyaZjCy1DE/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/AVvXsEh5Hya04fjy7VWWnnsdGRsZpolcungdLq6zYup5RFtCdmg0yypd9GLH-D9LRSjCTSAC6PbeZnpXQb1O-jq4f_TdZohsNMAZ1DhWoCxZ7Nf7MUkTmoT2y9oTVDN8uRFPNTFsWXsmuvQ6Jy8/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/AVvXsEhfTvO7pBkTwPb1vx-N_ut35DJavb7LSXRKSaYzMIiHpXzfBxbNZDhk4xYuB_Jfj8pTghFJwIwQHg6tVfofl3PQI_fSeo9niXt0y_oi5JM7uOgo5QhJcUlKNtLD1nB0c5wkk134LZPIe-A/s1600/sld3.jpg' title='Visit www.bloggertut.com to grab this template'/></a>
 </div>
</div>