Jumat, 30 September 2011

The complete guide to create a blogger hack

Sesuatu banget yah sob jika menemukan yang fresh, baru, unik dan tentunya full styler :D Mungkin sudah Koben bagi banyak resource dari berbagai blogger, weber, scripter, developer or apapun namanya kepada sobat sekalian. Trik, tips, hack telah terpampang tinggal membaca, praktek kemauan untuk menjadikan apa yang sobat mau. Tutorial berat membingungkan sampai yang mudah juga bisa dipelajari dicinih ;;)
Kepingin serius mendalami satu hal memang harus konsentrasi penuh. Jangan nanggung, soalnya jika ragu yaaa seperti Beben Koben si bloglang anu ganteng kalem tea ini gak bisa berhenti kesana kemari menclok mencari-cari postingan yang ajib prikitiw untuk sobat²ku :) Ketika dapat, langsung di share kedalam goresan artikel, sampai kadang² lupa dapat dari mana itu si-artikel =))

Ringan namun tak jarang banyak blogger melupakan fungsi yang satu ini! Siapa yang tidak tahu fitur Add a Gadget bawaan blogspot :-/ Semisal kita melakukan add a widget Labels/Category

Lalu masuk DesignEdit/HTML maka kita akan melihat seonggok kode kayak begini<b:widget id='Label1' locked='false' title='Labels' type='Label'/>Perhatikan code yg diberi warna sob! Tahu artinya & berfungsi kemana itu!!! Bila sudah tau Alhamdulillaah Yaa...sesuatu deh :) Bagi yg belom tau, dan Koben jg baru tauk :D perhatikan screenshot berikut (tanda panah)

Metode Add a Gadget opsi HTML/JacaScript secara default akan menghasilkan kode seperti:<b:widget id='HTMLXX' locked='false' title='' type='HTML'/>Perhatikan coded yg diberi warna! Itu merupakan unique ID yg harus berbeda keberadaannya (dalam hal ini angka)<b:widget id='HTML5' locked='false' title='' type='HTML'/>

Tanpa perlu pergi ke halaman Page Elements dan mencentang Expand Widget Templates dengan membuat kode serupa, sobat sudah bisa membuat 1 buah gadget untuk konten HTML/JavaScript.
Bila kita melakukan pencentangan Expand Widget Templates dan belum terisi apa² maka code widget for HTML/JavaScript content akan terlihat

<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
Itulah sedikit ilmu bagaimana bila kita mau memulai apa yg dinamakan dengan blogger hack. Coba sekarang sisipkan hack simple expand/collapse brkt ke dalam blog sobat:
<b:widget id='HTML99' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd;
document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot; ).style.display = &quot;inline&quot;" src="http://www.spencerberus.com/images/maximize.png" style="float:right;margin-right:0px;cursor: pointer;"/>');
document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot; ).style.display = &quot;none&quot;" src="http://www.spencerberus.com/images/minimize.png" style="float: left;margin-left:2px;cursor: pointer;"/>');
/* ]]> */ </script><data:title/></h2>
<script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display: inline;">'); /* ]]> */ </script>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>

</b:includable>
</b:widget>
Lebih jauh bicara mengenai What is a Blogger Hack, monggo baca-baca dicinih yah The complete guide Blogger Hack.
Semoga sesuatu ya \m/

Tidak ada komentar:

Posting Komentar