Template Twitter Gaya Baru untuk Blogspot/Blogger

Kembali bagi-bagi template gratis yang menurut saya simple dan cukup bagus. Setelah berbulan-bulan lalu ada template gaya Facebooknya mas Ainun Nazib, dan New Facebook Templatenya ala mas Edo Pranata, sekarang saya akan berbagi template blogger/blogspot bergaya halaman twitter baru bernama Twit Plus dari BloggerMint

Live Demo | Download

Petunjuk Instalasi:
Untuk mengganti bebrapa bagian template silahkan menuju ke pengeditan template Anda (Dashboard -> Rancangan -> Edit HTML -> Centang Expand Template Widget). Yang bisa Anda ganti adalah bagian-bagian berwarna biru.

Untuk mengganti Blog Title, bertuliskan Twit Plus pada menubar atas, silahkan cari kode berikut ini:

<div class='logo'><a expr:href='data:blog.homepageUrl'><h2>Twit Plus</h2></a></div>

Untuk mengganti menu-menu lain, seperti Home, About, Contact di samping Blog Title, silahkan Anda cari bagian berikut:

 <div id='nav'>
         <ul>
         <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
         <li><a href='#'>About</a></li>
         <li><a href='#'>Contact</a></li>
         </ul>
        </div>

Untuk mengganti bagian profil seperti gambar profil utama dan informasi alamat serta deskripsi singkat blog, silahkan Anda cari kode berikut ini (untuk gambar profil gunakan ukuran 128 px x 128 px)

 <div class='authorimg'>
     <img src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TTLRUxcD4oI/AAAAAAAAB4g
/vqBMUVneVII/s1600/default_pic.png'/>
</div>
<div class='authorinfo'>
     <span class='name'><h3>Bloggermint</h3></span>
     <span class='location'><h4>Mountain View, California</h4></span>
     <span class='bio'>Bloggermint focus on blogger, wordpress, web tips, web design to help bloggers blog better.</span>
</div>

Untuk mengganti profil link dan follow button di bawah bagian informasi profil, silahkan cari kode berikut ini:

<div class='profilelink'>
    <a href='#'>View My Profile!</a>
    <span class='follow button'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqjqfjLreM-LDugUVTZAwkIFw09rJkhdJrSbEXmAoTW5vaFK46yg0gJ_5GhLsyJrhxsbl0x2MWA6M7dPJpwHmR92sdEuvNk-KFXgtTOuD4xhWHZPNj8QCyxfTOYPJ5KD2jJM7b_YhYpTZp/s1600/add.png' style='left: -3px;position: relative;top: 1px;'/><a href='http://twitter.com/username'>Follow</a></span>
</div>

Untuk mengganti foto mini di setiap kiri bagian judul postingan Anda, silahkan ganti pada kode berikut (ukuran gambar 48 px x 48 px):

<!-- Post Author Image Start -->
<div class='authorpic'>
<img src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TTLSDkWo33I/AAAAAAAAB4o
/D5ioqogJ250/s1600/default_profile_normal.png'/>
</div>
<!-- Post Author Image End -->

Untuk mengganti bagian follower, fans, dan subscribers pada bagian kanan atas template, silahkan cari kode berikut ini:

<div id='follow'>
<div class='twitter'><a href='http://twitter.com/username'><b>299</b></a><span class='bot'>Followers</span></div>
<div class='facebook'><a href='http://www.facebook.com/pages'><b>299</b></a><span class='bot'>Fans</span></div>
<div class='feedburner'><a href='http://feedburner.google.com/feed'><b>299</b></a><span class='bot'>Subscribers</span></div>
</div>

Semoga Anda cocok dengan template twitter kali ini, ringan bergaya dan fresh di mata...