Hai sobat.kali ini saya mau share template experimen saya nih,tema'a black rock shooter.design'a yang unik dan aneh kalau diperhatikan dari struktur template yang saya buat 1 kolom 3 footer.pada tampilan homepage dan halaman posting berbeda,tampilan'a saya buat semenarik mungkin dengan penempatan widget" teratur dan penempatan background'a juga sudah saya atur pada halaman depan,sedangkan pada halaman posting saya buat lebih simple.ada baiknya sebelum mengunakan template ini,backup dahulu template kamu.dan saat memasang template ini saya sarankan untuk menghapus semua widget lama anda karena dapat menyebabkan salah penempatan widget pada awal pemakaian template ini.sebelum'a saya jelaskan dulu pengaturan template ini.

Pengaturan 1

Cara mengganti pesan diatas:
buka blogger=> rancangan=>edit HTML

lalu cari kode html dan text seperti dibawah ini,lalu kamu ganti pesan'a

<div class='herder'>
<p>Blog ini berisi tentang info seputar Design blog menggunakan css,css3,html dan jquery.saya juga berbagi tips ,trik dan template blogger buatan saya sendiri untuk sobat.Tersedia CSS3 blogger template , Anime blogger template dan lainya . semoga bermanfaat ^^ </p>
</div>

Pengaturan 2


Widget followers

Widget Profile

Widget Bloglist

Pada ketiga widget diatas,saya sarankan agar tetap pada posisinya.

Sedangkan untuk ketiga footer diatas,kamu bebas menambah jumlah widget'a

Pengaturan3

Untuk mengganti url link pada menubar,buka blogger=>rancangan=>edit HTML
lalu cari kode html seperti dibawah ini

<div id='nav'>
<ul>
<li><a href='#'>Blogger Templates</a></li>
<li><a href='#'>CSS3</a></li>
<li><a href='#'>Jquery</a></li>
<li><a href='#'>HTML</a></li>
<li><a href='#'>Tips Dan Trik blog</a></li>
</ul>
</div>

ganti tanda pagar '#' dengan URL link kamu

Pengaturan 4

Untuk mengganti daftar isi blog,buka blogger=>Rancangan=>edit HTML=> centang expand widget templates
lalu cari kode html seperti dibawah ini.
<div class='jokeren'>
<h5>Trik Menarik lain&#39;a</h5>
<div id='daftarisi'>
<script src='http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js'>
</script>
<script src='http://djogzs.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc'>
</script>
</div></div>

Ganti Url Blog pada url blog saya dengan url blog kamu seperti diatas yang sudah saya beri warna merah.

Selesai deh pengaturanya.mungkin agak rumit,tapi nama'a juga template experimen.jadi mungkin agak ribet juga sihh.disini saya cuma sharing" template experimen saya,kalau mau diedit ,edit sendiri yah~ Selamat mencoba Arigatou Gozaimasu











 Cr : http://djogzs.blogspot.com/#ixzz2MYAqbOUB

Hello lagi Minna-san,kali ini saya mau sharing template terakhir untuk bulan ini,kenapa?karena minggu depan saya UAS ,dan belum belajar sama sekali @___@.

Screenshot

Template kali ini Bertema Robotic notes,tentunya buat yang sudah nonton anime ini sudah tau siapa gunvarrel,robot mecha~xD.pada template ini,apa yang unik?kalau kalian sudah melihat demo/mencoba template ini langsung,saat pertama melihat template ini,mata akan tertuju pada header yang bertuliskan please wait,apakah itu? itu adalah css animasi loader yang saya modifikasi agar selalu ada di header hanya sekitar 10 detik,lebih lengkap'a bisa dilihat disini.

Screenshot

lalu apa lagi yang aneh dari template ini?yang pastinya Style postingnya,bentuknya tidak biasa,tetapi tetap rapih.dan lagi jika kalian perhatikan thumbnail pada posting ukuran gambar hanya sekitar 70px,tetapi ketika kita arahkan kursor ke thumbnail,maka gambar akan membersar,tetapi untuk lebar gambar max 600px dan min 200px,sedangkan untuk tingginya auto,sehingga tinggi gambar tidak akan selalu sama tergantung pada gambar yang kita pasang.

Screenshot

1. Pengaturan menu

Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan ulr/alamat link yang ingin dituju,dan ganti juga nama linknya.

#menu1

<div class='menujohanes'><ul class='dark_menu'>
<li><a class='selected' href='#' title='Rss'>Rss</a></li>
<li><a href='#'>Contact</a><ul>
<li><a href='#'>Google+</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Email</a></li>
</ul></li><li><a href='#'>Categories</a><ul>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Lorem ipsum</a></li></ul></li>
<li><a href='#'>Anime</a><ul>
<li><a href='#'>Winter</a></li>
<li><a href='#'>Summer</a></li>
<li><a href='#'>Spring</a></li>
</ul></li>
<li><a href='#'>Staf</a><ul>
<li><a href='#'>Staf a</a></li>
<li><a href='#'>Staf b</a></li>
<li><a href='#'>Staf c</a></li>
</ul></li>
</ul></div>

#menu2

<ul class='dark_menu1'>
<li><a class='selected1' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='selected2' href='#' title='Home'>Contact</a></li>
<li><a class='selected3' href='#' title='Home'>About</a></li>
<li><a class='selected4' href='#' title='Home'>Sitemap</a></li>
<li><a class='selected5' href='#' title='Home'>Download</a></li>
</ul>

2. Setting SEO/Meta tag

setting manual oleh pengguna mengenai deskripsi dan keyword blog anda.
*ganti text yang berwarna merah

<meta content='deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>

3. Setting Social media facebook,twitter,g+,Rss

<ul id='tbisose'>
<li><a class='icon facebook' href='http://www.facebook.com/halaman fan page facebook/'/></li>
<li><a class='icon twitter' href='http://twitter.com/username/'/></li>
<li><a class='icon googleplus' href='https://plus.google.com/u/0/alamat profil google+/'/></li>
<li><a class='icon rss' href='http://feeds.feedburner.com/alamat feed rss'/></li>
</ul>

Selamat mencoba,semoga bermanfaat,arigatou gozaimasu minna-san~
sampai jumpa bulan depan~





Note:

-Saya tidak bertanggung jawab atas kerusakan/crash karena pengeditan template yang anda lakukan.

Sebelum mencoba template ini,ada baiknya anda membaca kebijakan menggunakan template disini.

http://djogzs.blogspot.com/p/privacy-policy-kebijakan-privasi.html

 Cr : http://djogzs.blogspot.com/#ixzz2MY9nD1SM