Panduan Menggunakan Natural Green Template dan Al-aswad Al-Fateh -Assalamu Alaikum WR.WB Hallo sahabat TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll, Pada Artikel yang anda baca kali ini dengan judul Panduan Menggunakan Natural Green Template dan Al-aswad Al-Fateh, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel 3 kolom, Artikel Blogger Templates, yang saya tulis ini dapat anda pahami, karna mungkin dari beberapa pengunjung bahasa atau tulisan saya ini agak sulit di mengerti...hehehe benarkah??!!!. baiklah, tanpa panjang lebar dan bertele-tele lagi selamat membaca, jangan lupa baca juga artikel lainnya, karena masih banyak artkel yang menarik lainnya yang menurut saya pribadi sangat bermanfaat

Judul : Panduan Menggunakan Natural Green Template dan Al-aswad Al-Fateh
link : Panduan Menggunakan Natural Green Template dan Al-aswad Al-Fateh
Gambar dibawah ini

Panduan Menggunakan Natural Green Template dan Al-aswad Al-Fateh

Screenshot dari template blogger  tiga kolom desain perdana saya:

Download Natural Green Template disini. Untuk demonya lihat disini
Download Al-Aswad Al-Fateh  disini. Untuk demo lihat disini

Spesifikasi dan panduan penggunaan template diatas:

• Tiga kolom blogger template
• Terpasang read more, mengfungsikannya dengan menambahkan kode berikut pada awal kalimat yang akan dipenggal <span class="fullpost">...dan diakhiri </span>
• Untuk mengedit tab navigator horizontal=> Tata Letak=> Edit HTML=> Expand Template widget=> Cari kode berikut

<div class='menuhorisontal'> pada bagian bawah akan terlihat jajaran kode seperti ini silahkan edit kode berwarna merah

<a href='YOUR LINK'>YOUR TITEL</a>
<a href='YOUR LINK' target='_blank'>YOUR TITEL</a>
<a href='YOUR LINK' target='_blank'>YOUR TITEL</a>
<a href='YOUR LINK' target='_blank'>YOUR TITEL</a>
<a href='YOUR LINK' target='_blank'>YOUR TITEL</a>
<a href='YOUR LINK' target='_blank'>YOUR TITEL</a>
<a href='YOUR LINK' target='_blank'>YOUR TITEL</a>

• Untuk mengedit menu slider => Tata Letak=> Edit HTML=> Expand Template widget=> Cari kode berikut  <div id='content-wrapper'>

Pada jajaran bawah kode tadi terdapat kode berikut:

<!-- Casing -->
<div id='casing'>
<!-- Slider -->
<div id='slider'>
<div id='mover'>
<div class='slide'>
<span class='slmet'> Posted by you</span>
<h2><a href='YOUR LINK HERE'>Your Titel</a></h2>
<p>Descriptions here</p>
<img alt='Ngeblog Offline' src='URL image here'/>
</div>
<div class='slide'>
<span class='slmet'> Posted by you </span>
<h2><a href='YOUR LINK HERE'>Your Titel</a></h2>
<p>Descriptions here</p>
<img alt='Tab View Slide' src='Your Titel'/>
</div>
<div class='slide'>
<span class='slmet'> Posted by you  </span>
<h2><a href='YOUR LINK HERE'>Your Titel</a></h2>
<p>Descriptions here</p>
<img alt='tab view sederhana' src='Your Titel'/>
</div>
</div>
<!-- /Mover -->
</div>
<!-- /Slider -->
</div>
<div class='clear'/>

• Untuk menambahkan tab view kedua pada  caranya: Pada tata letak=> Elemen halaman=> klik tambah gadget=> Pilih HTML/JavaScript=> Kopi kode berikut pada konten:

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs"> 
Disini letakkan kode untuk menu tab 1 
</div>
<div style="width: 99%; height: 200px;" class="Pages">
<!--Awal Menu 1-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 2 </div></div>
<!--Akhir Menu 1-->
<!--Awal Menu 2-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 3 </div></div>
<!--Akhir Menu 2-->
<!--Awal Menu 3-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 4 </div></div>
<!--Akhir Menu 3-->
</div></div></form>
<script type="text/javascript">tabview_initialize('TabView');</script>
<div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://amatullah83.blogspot.com/2009/11/cara-membuat-menu-tab-view.html" target="_blank" title="Tabview Widget">Widget by Indahnya Berbagi</a></div>

• Untuk menambahkan menu dtree Pada tata letak=> Elemen halaman=> klik tambah gadget=> Pilih HTML/JavaScript=> Kopi kode berikut pada konten:

<div class="dtree">
<p><a href="javascript: d.openAll();">Buka Semua</a> | <a href="javascript: d.closeAll();">Tutup Semua</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Your Blog Arsip');
d.add(1,0,'Folder 01','#.html');
d.add(2,1,'Sub Folder 01',' #.html');
d.add(3,2,'Sub/file Sub Folder 01',' link anda.html');
d.add(4,0,'Folder 02',' #.html');
d.add(5,4,'Sub Folder 02',' #.html');
d.add(6,5,'Sub/file Sub folder 02',' link anda.html');
d.add(7,0,'Folder 03',' #.html');
d.add(8,7,'Sub Folder 03',' #.html');
d.add(9,8,'Sub/file Sub folder 03',' link anda.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,0,'File[non-folder]',' link anda.html');
d.add(11,0,'File[non-folder]',' link anda.html');
d.add(12,0,'File Single',' link anda.html','','','img/trash.gif');
document.write(d);
//-->
</script>
</div>

• Jangan lupa tuk mengedit id feed bunner saya pada sosialbookmar dan formulir berlangganan dibawah posting

Udah ya capek nie? Satu harapan saya, sobat yang menggunakan template ini tidak menghapus link credits pada footer walaupun telah mengedit sedikit atau banyak sebagai bentuk amanah ilmiah dan apresiasi sebuah karya yang dibagikan secara cuma-cuma.

Selamat menggunakan template ini, semoga bermanfaat!

Demikianlah Artikel Panduan Menggunakan Natural Green Template dan Al-aswad Al-Fateh

Sekianlah artikel Panduan Menggunakan Natural Green Template dan Al-aswad Al-Fateh kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya jangan lupa tinggalkan komentar anda dan share yang banyak....heheheh.

Anda sekarang membaca artikel Panduan Menggunakan Natural Green Template dan Al-aswad Al-Fateh dengan alamat link https://trikmitos.blogspot.com/2010/01/panduan-menggunakan-natural-green.html