Membuat Info Tambahan Pada Blogspot

 On Monday, July 27, 2009  

Masih seputar edit template blogspot, info yang satu ini saya dapatkan saat lagi browsing nyari informasi tentang affiliate marketing disebuah blog yang menurut saya muantaaap bener. Alasannya, selain artikel-artikelnya bagus, dari segi template blog tersebut kelihatan sangat sederhana, clean, tapi memiliki fitur-fitur yang unik. Satu hal yang menarik yaitu pada setiap akhir artikel terdapat widget Informasi tambahan yang terdiri dari foto author, technorati faves, dan lain-lain. Kebetulan widget tersebut sudah saya buat dan untuk melihat contohnya bisa dilihat dibawah ini


Kalau ingin membuatnya, silahkan ikuti langkah-langkah dibawah ini

Langkah 1
Login di akun blogger anda -> Dashboard -> Tata Letak -> Edit HTML lalu klik "Expand Widget Template"

Langkah 2
Tambahkan kode CSS ini sebelum ]]></b:skin> (kalau sudah ada langsung aja lanjut ke langkah 3)
div.spacer{clear:both; height:10px; display:block;}

Langkah 3
Cari kode (ctrl+F) kode berikut:
<p><data:post.body/></p>

Langkah 4
Masukan kode dibawah ini SEBELUM kode diatas lalu simpan:

<div class='spacer'/>
<div style='background:#EFEFEF; padding:6px; border-bottom:solid 2px #DEDEDE; font-size:11px;'>
<table border='0' cellpadding='0' cellspacing='0' width='488'>
<tr>
<td width='64'>
<img src='http://i529.photobucket.com/albums/dd336/cyberzaro/z4ro08-48.gif' style='padding:4px; background:#FFFFFF; border:none;'/></td>
<td width='435'><strong>Punya Saran?<strong> Tambahkan komentar anda. Blog ini menggunakan <b>DoFollow</b> System, Tolong jangan kasih komentar spam!<br/>
<a href='http://technorati.com/faves?sub=addfavbtn&add=http://pabriktea.blogspot.com'>Fav Me On Technorati</a> | <a href='http://feeds2.feedburner.com/PabrikTeaFeed'>Subscribe to my feeds</a> | <a href='http://feedburner.google.com/fb/a/mailverify?uri=PabrikTeaFeed&loc=en_US'>Subscribe by email</a>
</td>
</tr>
</table>
</div>
<br/>

Yang harus anda ganti yaitu kode yang dicetak tebal saja

Penjelasan singkat

Kode diatas menggunakan beberapa elemen diantaranya:
- Foto ukuran 48x48px yang diupload lewat PhotoBucket.com
- Technorati Faves
- Langganan artikel via Feed
- Langganan artikel via Email

Note:
Kalau anda sudah menggunakan Readmore pada setiap artikel anda, bisanya ada 2 kode data:post.body yang tersedia, untuk itu masukan kode Info tambahan pada blogspot seperti dibawah ini

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
..........
paste disini
........
<p><data:post.body/></p><br/>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
...........................

Semoga bermanfaat dan jangan lupa kasih saran sob
Membuat Info Tambahan Pada Blogspot 4.5 5 Unknown Monday, July 27, 2009 Masih seputar edit template blogspot , info yang satu ini saya dapatkan saat lagi browsing nyari informasi tentang affiliate marketing dise...


5 comments:

  1. kalau ada info lain share ke saya juga ya,,,

    ReplyDelete
  2. WAh makasih infonya sangat menarik...

    ReplyDelete
  3. salam kenal...
    thanks mampir kemari ya,,,
    http://serartan.blogspot.com/2009/06/moses-bandwidth-on-best-album.html

    ReplyDelete
  4. klo ada ilmu Blogging lagi, jng lupa di publish

    ReplyDelete