Facebook Youtube Delicious RSS Feed Twitter Kontact Me


Template Twitter Gaya Baru untuk Blogspot/Blogger 0

Template Twitter Gaya Baru untuk Blogspot/Blogger

Template Twitter Gaya Baru untuk Blogspot/Blogger

Posted: 04 Apr 2011 05:57 AM PDT

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


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/AVvXsEgv8-bxxne0N1AzXertKU3zsMpFuK51GqLw83lXJ96fYNJCMFRO0Gxi4F6lyjrdaQKKSf7G6FR_FlU_U2Y3O6FBRp6IrolBw0n9CeeWPKv18MqN9UdfvobvBecdn4VrINx97LXXZNGcmPx_/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...

0 Responses So Far:

 
Rozor-V3 Copyright © 2011 Razor Theme V3 is Designed by Sameera Chathuranga