Silahkan Lihat aja dulu yah Gambar di Atas dengan cara klik kanan dan view Image, yang di bawah gambar dunia blogger, itu adalah tampilan Link List saat akan menambahkan atau menghapus Menu, Cukup Simpel kan.
Silahkan Masuk Ke Edit HTML dan Expand Widget Template, supaya lebih cepat silahkan klik link di samping: http://draft.blogger.com/html?blogID=1112329461817557155&tpl=true /* ganti ID dengan ID blog masing Masing */ secara otomatis anda akan di bawa ke Edit HTML dan plus sudah di centang Expand Widget :/* ini hanya cara saya untuk efektifitas saat editing, cara lainnya ada di sini */ Jangan Pusing yah :d soalnya Agak Banyak Tutorialnya :)
Langkah Pertama Seperti biasa yang pertama pasti cari kode :D Cari kode di bawah ini:
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
Jika sudah ketemu silahkan Copy Kode di bawah ini:
</div>
<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList10' locked='true' title='' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList10' locked='true' title='' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
dan letakan Persis di Bawah kode Sebelumnya. Lanjut Pada Tahap ke Dua yaitu Menambahkan kode CSS supaya Link yang tadinya ke bawah menjadi kesamping dan animasi lainnya :) silahkan Copy paste Kode di bawah ini dan Letakan persis di Atas kode ]]></b:skin>
Silahkan Pasang yah Jika Sudah Nih Satu Lagi, Langkah ke Tiga Ini di Buat Untuk Mempermudah Saat Ingin mengganti Warna background, Text, maupun Border. Sekarang Cari Deh Variable definitions biasanya kodenya sperti ini:
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#EBFFED">
dan seterusnya sperti itu biasanya :d itung aja ada berapa :D Nah Sekarang Pasang Kode di Bawah ini dan Letakan di Atas kode yang tadi :)
Silahkan Simpan Hasil Kerjanya nanti saya koreksi :D kalo berhasil dapet 10 yah :d /*obsesi guru mode on*/
Sayang jika Ilmu hanya Sekedar Copy Paste, Belajarlah berexperient, Kegagalan menunjukan suatu langkah besar Keberhasilan. :)

Tutorial Ini Bersumber dari Template Blogger karya http://www.ourblogtemplates.com/ Untuk Memudah kan Teman teman Semua :d Description: Menu bar dengan Widget Link List Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menu bar dengan Widget Link List Hot News!!! "Sepeda Motor Injeksi Irit Harga Terbaik Cuma Honda"
0 komentar :
Posting Komentar
Mau tukeran link? silakan buka Link sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...
Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.
Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.