>Template Twitter Gaya Baru untuk Blogspot/Blogger


> h1 a:hover {background-color:#888;color:#fff ! important;} div#emailbody table#itemcontentlist tr td div ul { list-style-type:square; padding-left:1em; } div#emailbody table#itemcontentlist tr td div blockquote { padding-left:6px; border-left: 6px solid #dadada; margin-left:1em; } div#emailbody table#itemcontentlist tr td div li { margin-bottom:1em; margin-left:1em; } table#itemcontentlist tr td a:link, table#itemcontentlist tr td a:visited, table#itemcontentlist tr td a:active, ul#summarylist li a { color:#000099; font-weight:bold; text-decoration:none; } img {border:none;}

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=’http://3.bp.blogspot.com/_b8IA1ajBJG8/TTMHr2P-RtI/AAAAAAAAB5A/9JMOjkT7ECY/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…

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…

About lassun

The first child of three brothers who try to exist in the blogging world, to be able to search for identity

Posted on 4 April 2011, in Tak terkategori. Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: