Wednesday, March 17, 2010

Menambah Informasi Profile Blogger

Posted by dav On 10:47 AM
Malam ini entah terserang penyakit malas dari mana, rencana awal mau memodifikasi script artikel terkait dengan tambahan gambar dan sebagian artikel secara otomatis dan atau mencoba jQuery vertical scroll news ticker plus thumbnail image tapi, ya begitulah... Rasa malas ini justru menguasai, dalam kejenuhan ini aku hanya mencoba mengunjungi blog-blogku yang tidak terawat dengan baik. Salah satunya adalah Design Graphics, begitu dilihat artikel terakhir, sempat ada rasa kaget juga karena artikel terakhir dibuat satu tahun yang lalu, tapi Google Page Rank tidak pernah berubah, hanya dengan bermodal 9 artikel, blog ini di beri rangking 3 oleh Google. Entahlah, aku tidak mengerti apa itu SEO dan apa pula pengaruhnya buat blog yang non komersil seperti itu (tidak terlalu penting).
Iseng-iseng melihat sidebar profile, terlihat dibawahnya ada informasi tambahan profile, diingat-ingat sepertinya Blogger Tune-Up belum pernah membuat artikel tersebut. Mesin pencari lokalpun digunakan untuk mencari artikel tambahan informasi profile, kalau saja artikel tersebut sudah dibuat, ternyata belum. Ya, dari pada tidak dibagikan tipsnya, mungkin saja diantara sahabat Blogger Tune-Up ada yang tertarik untuk memodifikasi tambahan informasi tersebut.

Menambah Informasi Profile Blogger

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Jangan lupa klik "Expand Template Widget" biar tambah puyeng
Langkah 4
Cari kode dibawah ini:
<data:viewProfileMsg/>
Atau kode yang mana saja dibawah ini:
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
....
....
<b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>

</div>
</b:includable>
</b:widget>
Langkah 5
Tambahkan kode dibawah ini pada kumpulan kode profile:
<ul>
<li><a alt='Facebook Account Anda' href='http://www.facebook.com/account_anda target='_blank'>Facebook</a></li>
<li><a alt='Twitter Account Anda' href='http://twitter.com/account_anda' target='_blank'>Twitter</a></li>
<li><a alt='Email Account Anda' href='mailto:account_anda@gmail.com' target='_blank'>Email</a></li>
<li><a alt='Account Anda Chat' href='ymsgr:sendIM?account_anda@yahoo.com' target='_blank'>Yahoo! Messenger</a></li>
<li><a alt='Blogger Tune-Up' href='http://modification-blog.blogspot.com/' target='_blank'>Blogger Tune-Up</a></li>
</ul>
Sehingga kode yang telah ditambahkan menjadi seperti dibawah ini:
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
....
....
<b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>
<ul>
<li><a alt='Facebook Account Anda' href='http://www.facebook.com/account_anda target='_blank'>Facebook</a></li>
<li><a alt='Twitter Account Anda' href='http://twitter.com/account_anda' target='_blank'>Twitter</a></li>
<li><a alt='Email Account Anda' href='mailto:account_anda@gmail.com' target='_blank'>Email</a></li>
<li><a alt='Account Anda Chat' href='ymsgr:sendIM?account_anda@yahoo.com' target='_blank'>Yahoo! Messenger</a></li>
<li><a alt='Blogger Tune-Up' href='http://modification-blog.blogspot.com/' target='_blank'>Blogger Tune-Up</a></li>
</ul>
</div>
</b:includable>
</b:widget>
Langkah 6
Ubah URL sesuai dengan account milik anda kemudian simpan template dan preview...
Keterangan:
  • Ubahlah Account Anda sesuai dengan Nama Account anda
  • Tambahkan link lainnya sesuai dengan keinginan anda dan kode tambahan harus diantara tag <li>...</li>
Selamat mencoba... Happy Blogging... :)