Template Twitter Gaya Baru untuk Blogspot/Blogger

Home » » 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

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/AVvXsEgwUZN9G42xCgnq3jz8vhRgkIdDtCBe0WSJXqtPpThQuMWXFfN5qA9J4AJ2ZFZDKLYSQiV3tuQ4XdFnCV03w-CQ_ljifGdI50v1ZJ14uS_8QWSRhX7LLDtVXFJQ9mTErLNVVOObnrNFo3Lv/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):

<div class='authorpic'>
<img src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TTLSDkWo33I/AAAAAAAAB4o
/D5ioqogJ250/s1600/default_profile_normal.png'/>
</div>

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...

Menggunakan Dynamic Views Blogger untuk Tampilan Utama

Posted: 03 Apr 2011 05:23 PM PDT

Beberapa waktu yang lalu, saya mendapat pertanyaan dari sobat Blogger yang ingin membuat tampilan dynamic views (baca: Blogger Dynamic Views Problem) menjadi tampilan utama blognya. Setelah menguji berbagai cara dan mencari refernsi ternyata memang sampai saat ini Blogger belum memberikan fasilitas untuk ini. Tapi, kita bisa mengakalinya dengan cara menggunakan pemindahan tujuan / URL forwarding (baca: Cara Membuat Pemindahan Tujuan / URL Forwarding).

Anda cukup memasukkan script berikut ini, di bawah tag <head>

<meta content='1; url=http://www.namablogmu.blogspot.com/view' http-equiv='refresh'/>

Angka 1 menunjukkan ketika orang membuka blog Anda akan langsung otomatis di arahkan ke tampilan dynamic views dalam 1 detik. Jika Anda ingin lebih lama lagi, Anda bisa mengubahnya menjadi angka 10 sehingga orang baru beralih ke tampilan dynamic views blog Anda setelah 10 detik.

Semoga bermanfaat, terima kasih untuk postingan master ben-ben yang mengingatkan saya tentang trik ini...