NEWS
Loading...
  • Posted by : Johanes Djogan 26 Des 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]=&quot;http://2.bp.blogspot.com/-_vmDlifqxJk/UNq0964GUpI/AAAAAAAAD44/hmkwFSMT_mQ/s1600/dsf.jpg&quot;
    banner[1]=&quot;http://3.bp.blogspot.com/-x5QHqD7wuXs/UNqyEfDkrmI/AAAAAAAAD4U/gEjswdCCK1Y/s1600/rg.jpg&quot;
    banner[2]=&quot;http://1.bp.blogspot.com/-rBrJvVQG1Wc/UNqkCDaHKII/AAAAAAAAD3c/C9Vh88yD5-4/s1600/3.jpg&quot;
    banner[3]=&quot;http://1.bp.blogspot.com/-Fk7fVLS961g/UNnJQSGJFDI/AAAAAAAAD2M/LJwQXhETESM/s1600/Konachan.com+-+150749+bob_(biyonbiyon)+dress+feathers+hatsune_miku+thighhighs+twintails+vocaloid+wings.jpg&quot;
    banner[4]=&quot;http://3.bp.blogspot.com/-V2e5-OIj8lQ/UNq3bD71uwI/AAAAAAAAD5M/CWdtZIwJEOo/s1600/ll.jpg&quot;
    banner[5]=&quot;http://1.bp.blogspot.com/-zVRsZmPqH_s/UNlGqqlV0KI/AAAAAAAADys/EhUFkcsHhe0/s1600/Konachan.com+-+150773+aqua_eyes+aqua_hair+hatsune_miku+long_hair+tagme+vocaloid.jpg&quot;
    banner[6]=&quot;http://3.bp.blogspot.com/-9urbVwxGMPs/UNqhWtIz4FI/AAAAAAAAD3E/xah8WF8R9ZA/s1600/2.jpg&quot;
    banner[7]=&quot;http://1.bp.blogspot.com/-uiwhYWkX-HE/UNq0BuFCWFI/AAAAAAAAD4s/Z5W1UvGIMd0/s1600/wef.jpg&quot;
    banner[8]=&quot;http://2.bp.blogspot.com/-TOaJ1F_Dj8g/UNqkit7BsQI/AAAAAAAAD3k/wIivReiSwWg/s1600/4.jpg&quot;
    banner[9]=&quot;http://2.bp.blogspot.com/-QOGI6OmsYyU/UNqiG1mkPeI/AAAAAAAAD3M/REFmEP07tuo/s1600/Untitled-1.jpg&quot;
    var random=Math.floor(10*Math.random());
    document.write(&quot;<style>&quot;);
    document.write(&quot;body {&quot;);
    document.write(&#39; background:url(&quot;&#39; + banner[random] + &#39;&quot;) no-repeat top left;&#39;);
    document.write(&#39; background-size:100%;&#39; );
    document.write(&#39; background-attachment:fixed;&#39; );
    document.write(&quot; }&quot;);
    document.write(&quot;</style>&quot;);
    </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





    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


  • Translate

    Thank you for choosing Blogger Template from Blog Johanes! (*≧∇≦*)

    - Copyright ©DJogzs 2009-2013 - Some Right Reserve. - DJogzs - Powered by Blogger - Designed by Johanes Djogan -