Anime Note Blogger template

Posted by : Yatogami Sura Wednesday, December 26, 2012

Hello minna-san,selamat natal dan tahun baru ^^~

pada kesempatan kali ini saya sendiri sedang liburan,jadi ada waktu untuk melanjutkan project yang ketunda sekitar 3 bulan yang lalu karena sibuk"nya dengan tugas kuliah dll.

dari 4 template yang sedang buat,"anime note" adalah salah satu template yang simple,tapi mungkin agak berat karena menggunakan fitur random background dengan 10 gambar anime.tergantung kecepatan koneksi kalian juga sih~xD

Screenshot

Anime note dengan tema anime,seperti yang saya sebutkan tadi,template ini menggunakan fitur random background.
lalu saya juga buat template ini menggunakan fitur tab pada posting dan footer atau saya sebut widgetbar.kenapa widgetbar?karena di tab widgetbar ini hanya berisi gadget" seperti bloglist,linklist,feed,followers,dll.sedangkan pada tab post adalah isi posting blog,jadi tab ini memisahkan antara post dengan widget.

10 Gambar background Anime note

1. Setting Menubar

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.

<div class='menujohanes'>
<ul class='dark_menu'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li>
<a href='#'>About</a>
<ul>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
</ul>
</li>
<li>
<a href='#'>Categories</a>
<ul>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Anime</a></li>
<li><a href='#'>Sitemap</a></li>
</ul>
</div>

2. Setting jumlah posting

Untuk menentukan jumlah posting pada blog,buka blogger=>layout,klik edit pada blog posts

setelah itu ganti angka pada option main page,

Tentukan jumlah posting yang ingin ditampilkan pada blog kalian.(tidak harus 1 juga,bebas)

3. Setting Random background

Buka blogger =>template => Edit HTML
lalu cari script seperti dibawah ini.

<script type='text/javascript'>
var banner= new Array()
banner[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8K8kQaC5YlxAePhgjQDVAG_hUOPf8XcI38r47qneb6_m77W80rXwHfeak2QZnjaVdgCv-Uwe2L37I6R19DOzBxnAhOUSnYfLSXCK5p6pbAI2WqZYgV1MUor8e-Tf5v0hlt9e3q5RiuXR2/s1600/dsf.jpg"
banner[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz-Di1uU0QkiPJAfCmKFNrC1BQLuCmhohAhUrppGqukZZohOVz66FqYiUvTDImICnnJMBZAhxBQVkYeWUIHwAqCq7S5uWLWxz_hJhkfN4UPCzGTaKSfrj0TBl04JNTyLaSMx0aoGojzJPl/s1600/rg.jpg"
banner[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiKZkIi08QpzCkX6HuPi553HzmuyM6ObSstAUG72SVRupmP62wMhelVajD87WytXX8E1_OPsn9TOMv-RjNhJIX7YM9or-Og_vvx5ZKRmgafBy0_4HXhA4naCkf90kiMgHbpL6PBjRgwVFE/s1600/3.jpg"
banner[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho9gC-0IerTIOhea43hfi6a15SieSxxiZnbo8LkmNBE1bDdiokVnleIhqN6iNFLIiyoH1Z2btFFt1Uo3L407RP3cAGY9yLbNW_6_lvaVBikTQjFDrj_Axk-J2qFQl8o6e-DfJrv7a2q_Pa/s1600/Konachan.com+-+150749+bob_(biyonbiyon)+dress+feathers+hatsune_miku+thighhighs+twintails+vocaloid+wings.jpg"
banner[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcFg96XjSdVqtAbBmDXSFue1fSE0IxTEAnPDuCND5lSw8kXDsrU3p4z_YoryBpHTCQuh1x-ly5cwqQYIlediLT9gkTGhCmDS3Qv73wRQfpMSyuNDXqQv_0D40CPcbRbnU1HHnIcS51G4cv/s1600/ll.jpg"
banner[5]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxRtXtt8x0wiZK8p_rAtVlpJY4zNRBPafw6T3snUJ-mZmv8mdBRWCHsousLO7yEEOu0l4Dzz4f17CcTYaajChLdGGaJowsg0Lw6seI4VRvpRjQMnawC3ATUlM62nmRw6pDR-QIqFmk1eW/s1600/Konachan.com+-+150773+aqua_eyes+aqua_hair+hatsune_miku+long_hair+tagme+vocaloid.jpg"
banner[6]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqhCL0ThIq9Wn0tDQ9kfRSBsK9Gg0CbcaEeNJQKp3iVXjNRyOVBdb4Dwgcxs2RuqFKfAQs3arjG4jRRmGaPtpi4jxRRl_nBaNTrCGbDhael2OMJ3IKx4fo1xp3jVQ1eUNYLIU5RbcfZSIc/s1600/2.jpg"
banner[7]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoPGJ7bJuD9u7OcC7Wf1xcXedQBxu6CLe8xzaqcqwrOEpSnBuETCIZsyzmK-g30ixvBQGMGlgzyQs6kOd_kWge0qfnnbi3qnfDYOeZUQRYmMbJ1yARYeYDq6vflmPtBTlJ8Nqr5_XVQJQh/s1600/wef.jpg"
banner[8]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_HYymXXetOUh2GXkLIHsFK1M7BBu6y7eY273o_zAlx0hTcPKq1BS-wZlzpZVL27neENhpEKxV_9LfmwJOD9pZuKBdJU5jn737WXDco3xeJnVDH2ckMc7yILlmCmkTygD018UQP5_DDXtD/s1600/4.jpg"
banner[9]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAtaabH5VfIeggZClZCgnKCQfanSaKJktXdM8esOCmEcfa5SQ5NHQrqdmHsXKQEEQ-0M83Hbpudh7weQyJYHum2-EJ3QSDxICoQriXNG5ocx5fUoHk-CPhE6OU_xUWRrp0eE8tOz2710Qc/s1600/Untitled-1.jpg"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(' background-size:100%;' );
document.write(' background-attachment:fixed;' );
document.write(" }");
document.write("</style>");
</script>

Untuk mengganti gambar backgroundnya,kalian cukup mengganti url gambarnya. :)

Jika kalian tertarik dengan template aneh ini,silakan download dan dicoba .Free!! dan dilarang diperjualbelikan.bijak lah menggunakan template gratis dan selalu menghargai hasil kerja keras orang lain.maju terus blogger indonesia,terima kasih masih tetap setia mengunjungi blog aneh ini,semoga blog ini tetap bermanfaat ^^.sharing is caring
happy holiday~xD

Download via Dropbox

Demo

sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Anime Note Blogger template http://djogzs.blogspot.com/#ixzz2GAs9vnRZ
Under Creative Commons License: Attribution