Popular Post

Archive for 2013

Unbreakable Machine Doll Blogger template

By : NewB

Unbreakable Machine Doll ,atau dalam bahasa jepangnya yaitu Kikō Shōjo wa Kizutsukanai yang berasal dari light novel series yang ditulis oleh Reiji Kaitō dan diillustrasikan oleh Ruroo,tetapi musim ini sudah meluncur episode pertama animenya tanggal 7 oktober kemarin.jadi singkat ceritanya ada dalang/Puppeteer dari jepang yang datang ke akademi di inggris yang mempelajari bidang machine art engineering+ sihir.nah dalam cerita ini si puppeter memiliki automatonya,mesin boneka gadis hidup yang dibuat agar dapat bertarung dengan tangan kosong.Storylinenya saya rasa sangat menarik,jadi nyesel sekali kalau belum nonton anime'a atau membaca novel'a~


PV


Screenshot

baiklah,setelah sekian lama hiatus dari dunia blogger, mulai sekarang saya akan melanjutkan pembuatan template,tetapi mungkin akan ada jeda waktu untuk pembuatan templatenya, karena masih sibuk kuliah .__.
Mengenai Template ini, yaitu template yang sudah saya kembangkan dari versi-versi sebelumnya, dan saya sudah mempunyai template dasar/basic yang baru (dari template djogzs*update) ,anda dapat melihatnya disini :

http://testdesu23.blogspot.com/

Contoh demo blog diatas akan menjadi dasar untuk template yang akan saya buat selanjutnya,tetapi saya belum bisa share,karena masih banyak yang harus ditutupi lagi kekuranganya.
Tidak terlalu banyak perbedaanya,saya hanya membuat template ini dari awal dan lebih teratur susunan CSSnya ,tetapi struktur html dan cssnya masih sama dengan template sebelumnya,dan fitur Sharing default dari blogger sudah dapat diaktifkan dengan normal.


Template dengan tema Unbreakable Machine Doll, saya ambil warna dasar'a merah dan hitam yang terang,dengan fitur search-bar,drop-downmenu, 1 sidebar,3 kolom footer dan tampilan posting ya
ng unik : posting urutan pertama dengan ukuran 100% dan thumbnail paling besar dari semua post, posting urutan ke 2-4 dengan ukuran masing" 223px sehingga membuat posisinya menjadi 3 kolom.lalu urutan ke 5 dan seterusnya menjadi ukuran normal.yah intinya saya tidak terlalu banyak menambahkan css yang aneh", cukup sederhana saja.

Peringatan!

Sebelum anda mencoba template ini,saya ingin menginformasikan sesuatu,yaitu SOLUSI untuk menyelesaikan masalah pengaturan jumlah posting pada template yang menggunakan fitur autoreadmore, contoh : disaat kita menentukan jumlah posting sebanyak 10, tapi yang muncul hanya 5 atau kurang dari yang kita tentukan.

Solusinya yaitu : insert jump break pada seluruh artikel di blog anda,cara'a dengan menekan icon seperti gambar dibawah ini:

jika sudah akan muncul garis berwarna abu-abu yang menandakan sebagai pembatas summary blog anda jika defaultnya tidak fitur autoreadmore.tidak akan ada pengaruh dengan jumlah summary autoreadmore,tetapi jumlah posting dapat kembali menjadi normal.
Selain menggunakan cara diatas,anda juga dapat menambahkan/menyisipkan kode html dibawah ini di tiap artikel anda,dengan editorial HTML,bukan compose :

<!--more-->.


dan cara diatas sudah terbukti di blog saya sendiri :)




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 url/alamat link yang ingin dituju,dan ganti juga nama linknya.

Menu1
<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='menu' href='#'>Download</a>
<ul>
<li><a href='#'>Naruto</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Date A Live</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Devil Survivor2</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact</a>
<ul>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Multi sub</a>
<ul>
<li><a href='#'>Episode 1</a>
<ul>
<li><a href='#'>Episode 2</a>
<ul>
<li><a href='#'>Episode 3</a></li>
<li><a href='#'>Episode 4</a></li>
</ul>
</li>
<li><a href='#'>Episode 5</a></li>
</ul>
</li>
<li><a href='#'>Episode 6</a></li>
<li><a href='#'>Episode 7</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>

pengaturan lebih lanjut mengenai menu ini,silakan baca di postingan ini :
http://djogzs.blogspot.com/2013/06/css-dropdown-menu.html


2. Setting SEO/Meta tag

setting manual oleh pengguna mengenai deskripsi dan keyword blog anda. Buka Edit HTML blogger anda lalu cari code sperti dibawah dan ganti keterangan judul dan deskripsi blog anda.
*ganti text yang berwarna merah
<meta content='Deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>


<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Deskripsi blog kamu</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini


3. Setting Social media : facebook, Twitter dan google plus
*gantitanda pagar '#' (tlanpa tanda petik) dengan alamat link account facebbok,twitter dan google plus anda.

<div class='social-network'>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='googlejo'/></a>
</div>
</div>

4. Bagaimana cara mengatasi undefined?

Buka setting=> language and formating pada blog kamu seperti gambar dibawah ini.
Lalu ikuti format tanggal posting seperti contoh gambar dibawah ini :
Date header format:


Timestamp Format :


Comment Timestamp Format :


Tertarik dengan Unbreakable Machine Doll Blogger template ini?
Silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.







selalu bijak menggunakan template gratis dan STOP aksi PLAGIAT ,karena itu perbuatan yang merugikan dan sungguh memalukan. Sankyuu minna-san~ :)


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





Sebelum bertanya tentang pengeditan template, silakan baca Frequently asked questions terlebih dahulu dan berusaha sendiri mencari tahu apabila ada yang ingin diedit, Terima kasih.
Read More
0 Comments
Tag : ,

Pro Evolution Soccer 2014

By : NewB



Pro Evolution Soccer 2013 Full Version merupakan sebuah game sports yang tidak asing lagi bagi kita pecinta setia game sepak bola. Walaupun sebentar lagi PES 2017 akan dirilis beberapa bulan lagi, namun eksistensi dari PES 2013 masih terjaga hingga saat ini. Sebenarnya ada beberapa alasan untuk tetap bermain PES 2013 diantaranya karena “mahar” untuk bermain PES versi terbaru sangatlah mahal alias sangat membutuhkan spesifikasi tinggi. Belum lagi dikarenakan masih ada beberapa player yang belum move on dari gameplay PES 2013 yang lebih smooth ketimbang PES 2016 yang sangat kaku.
Screenshot :
pes1pes2pes3pes4
Gameplay :

Minimum System Requirements :
  • CPU: Intel Pentium IV 2.4GHz or equivalent processor
  • RAM: 1GB RAM
  • GPU: DirectX 9.0c compatible video card. 128MB Pixel Shader 3.0 (NVIDIA GeForce 6200 / ATI Radeon X1300 / Intel HD Graphics 2000/3000)
  • DX: DirectX 9.0c or higher
  • OS: Windows XP SP3, Vista SP2, 7
  • HDD: 8GB free hard disk space
  • Resolution: 800 x 600 monitor resolution
Link Download :
NB : PES 2013 masih polos alias belum terupdate, jika mau semua pemain dan kitsnya terbaru, silahkan download dan install patch terbaru 2016 diatas.
Cara Install :
  1. Letakkan semua part dalam sebuah folder. Kemudian extract dengan menggunakan Winrar.
  2. Maka akan muncul sebuah file baru berekstensi ISO.
  3. Mount file tersebut dengan menggunakan UltraISO atau Daemon.
  4. Masuk ke drive hasil mount tadi, lalu jalankan setup.exe
  5. Jika diminta serial, masukkan serial yang ada di postingan ini.
  6. Lanjutkan instalasi seperti biasa.
  7. Apabila sudah selesai, buka folder Crack lalu copy semua isinya.
  8. Paste ke direktori instalasi PES 2013 (Program Files/KONAMI/Pro Evolution Soccer 2013).
  9. Paste and Overwrite.
  10. Selesai.
Semoga Bermanfaat :)

Sumber:BAGAS31.com
Support:Animeindo
Read More
0 Comments
Tag : ,

Hyperdimension Neptunia Blogger Template

By : NewB

Hyperdimension Neptunia the Animation blogger template,template kali ini tema'a diambil dari tema Anime Hyperdimension Neptunia yang awalnya merupakan seri game ps3 dan masih 1 perusahaan dengan anime Date a Live.Hyperdimension neptunia menceritakan tentang sebuah Gamindustri (Geemugyoukai). Dimana ada Makhluk yang disebut Dewi penguasa negara di dunia yang tak nyata. 4 Dewi penjaga negara: Planeptune, Lastation, Lowee dan Leanbox yang sudah membuat perjanjian untuk bekerja sama.



Karakter utama pada anime ini yaitu Neptune, vert, Noire dan Blanc. Anime ini sendiri saya rasa ceritanya sudah di skip jauh sekali sampai karakter-karakter dari Hyperdimension Neptunia mk2 ada di animenya yaitu Nepgear, Uni, Ram, dan Rom. lebih lengkap mengenai neptunia dapat dibaca Wikipedia atau PV dibawa ini :

PV :



Mengenai template ini,karakter yang saya gunakan Adalah neptune dan sisternya nepgear dengan warna dasar ungu, putih dan pink .___.
tentu saja mungkin template tidak terlalu cocok untuk laki-laki karena terlalu kawaii & moe~xD ,tetapi karena inilah jarang ada template seperti ini~ lol
Dasar pada template ini masih sama dengan template sebelumnya K-ON ,tetapi tidak responsive. Tampilan postingnya saya buat lebih sederhana dengan kotak search, social media, 1 menubar, 1 sidebar dan 3 kolom footer, pada postingan teratas memiliki ukuran full 100% dan urutan posting ke dua dan seterusnya memiliki ukuran 50% sehingga menjadikan posting dengan 2 kolom. Feature pada template ini, masih sama pula, hanya saja pada bagian related post widget pada halaman posting saya ganti dengan link list sederhana. karena related post dengan thumbnail terkadang tidak muncul pada blog" tertentu dan masih belum tau apa masalahnya karena ada yang bisa dan ada yang tidak bisa, entah pengaruh dari setting blogger atau template itu sendiri yang saya rasa tidak pernah ada masalah .__.
feature lainnya yaitu tombol back to top.


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 url/alamat link yang ingin dituju,dan ganti juga nama linknya.

Menu1
<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='menu' href='#'>Download</a>
<ul>
<li><a href='#'>Naruto</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Date A Live</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Devil Survivor2</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact</a>
<ul>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Multi sub</a>
<ul>
<li><a href='#'>Episode 1</a>
<ul>
<li><a href='#'>Episode 2</a>
<ul>
<li><a href='#'>Episode 3</a></li>
<li><a href='#'>Episode 4</a></li>
</ul>
</li>
<li><a href='#'>Episode 5</a></li>
</ul>
</li>
<li><a href='#'>Episode 6</a></li>
<li><a href='#'>Episode 7</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>


Menu2
<div id='menujohanes'>
<ul>
<li><a class='menu' href='#'>Menu1</a></li>
<li><a class='menu' href='#'>Menu2</a></li>
<li><a class='menu' href='#'>Menu3</a></li>
<li><a class='menu' href='#'>Menu4</a></li>
<li><a class='menu' href='#'>Menu5</a></li>
<li><a class='menu' href='#'>Menu6</a></li>
</ul>
</div>



pengaturan lebih lanjut mengenai menu ini,silakan baca di postingan ini :
http://djogzs.blogspot.com/2013/06/css-dropdown-menu.html


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'/>


Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini


3. Setting Social media : facebook, Twitter, google,Pinterest.
*ganti url linknya

<div class='jorib'>
<a href='#' target='_blank'><div class='googlejo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='pinterestjo'/></a>
</div>

4. Bagaimana cara mengatasi undefined?

Buka setting=> language and formating pada blog kamu seperti gambar dibawah ini.
Lalu ikuti format tanggal posting seperti contoh gambar dibawah ini :



Date header format:


Timestamp Format


Comment Timestamp Format


Tertarik dengan Hyperdimension Neptunia blogger template? silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.







selalu bijak menggunakan template gratis dan STOP aksi PLAGIAT ,karena itu perbuatan yang merugikan dan sungguh memalukan. Sankyuu minna-san~ :)


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





Sebelum bertanya tentang pengeditan template, silakan baca Frequently asked questions terlebih dahulu dan berusaha sendiri mencari tahu apabila ada yang ingin diedit, Terima kasih.
Read More
0 Comments
Tag : ,

K-ON!! Blogger Template

By : NewB

Template terakhir bulan ini yaitu L-On Blogger template,tema yang diambil dari Anime K-ON (けいおん! Keion) yang bercerita mengenai empat siswi Sekolah Menengah Atas Sakuragaoka di Jepang yang bergabung dengan kegiatan ekstrakurikuler klub music pop, diantaranya adalah Yui Hirasawa, Ritsu Tainaka, Mio Akiyama, Tsumugi Kotobuki dan Azusa Nakano .cerita lebih lengkapnya dapat dibaca disini



atau bisa lihat trailernya dibawah ini :




Sama seperti template sebelumnya To Aru Kagaku no Railgun Blogger Template menggunakan system posting CSS3 :nth-child() Selector yang memungkinkan ukuran posting dapat berbeda-beda ,posisinya saya sudah atur sedemikian rupa agar posting urutan ke 1,4 dan 7 mempunyai ukuran paling besar dan posisinya berada ditengah, dan untuk urutan posting ke 2,3,5,6,8 dan 9 berada di sebelah kiri dengan ukuran yang sama dengan sidebar. dan untuk urutan posting ke 10 dan seterusnya ukuran full 100% tanpa gambar (default).



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 url/alamat link yang ingin dituju,dan ganti juga nama linknya.

Menu1
<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='menu' href='#'>Download</a>
<ul>
<li><a href='#'>Naruto</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Date A Live</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Devil Survivor2</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact</a>
<ul>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Multi sub</a>
<ul>
<li><a href='#'>Episode 1</a>
<ul>
<li><a href='#'>Episode 2</a>
<ul>
<li><a href='#'>Episode 3</a></li>
<li><a href='#'>Episode 4</a></li>
</ul>
</li>
<li><a href='#'>Episode 5</a></li>
</ul>
</li>
<li><a href='#'>Episode 6</a></li>
<li><a href='#'>Episode 7</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>


Menu2
<div id='menujohanes'>
<ul>
<li><a class='menu' href='#'>Menu1</a></li>
<li><a class='menu' href='#'>Menu2</a></li>
<li><a class='menu' href='#'>Menu3</a></li>
<li><a class='menu' href='#'>Menu4</a></li>
<li><a class='menu' href='#'>Menu5</a></li>
<li><a class='menu' href='#'>Menu6</a></li>
</ul>
</div>



pengaturan lebih lanjut mengenai menu ini,silakan baca di postingan ini :
http://djogzs.blogspot.com/2013/06/css-dropdown-menu.html


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'/>


Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini


3. Setting Social media : facebook, Twitter, google,Pinterest.
*ganti url linknya

<div class='jorib'>
<a href='#' target='_blank'><div class='googlejo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='pinterestjo'/></a>
</div>

4. Bagaimana cara mengatasi undefined?

Buka setting=> language and formating pada blog kamu seperti gambar dibawah ini.
Lalu ikuti format tanggal posting seperti contoh gambar dibawah ini :



Date header format:


Timestamp Format


Comment Timestamp Format


Tertarik dengan K-ON Blogger Template? silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.







Bonus PSD File Header K-ON!!~xDD





Semoga bermanfaat untuk semuanya ^^ ,tapi tetaplah ingat,selalu bijak menggunakan template gratis dan STOP aksi PLAGIAT ,karena itu perbuatan yang merugikan dan sungguh memalukan. Sankyuu minna-san~ :)


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





Sebelum bertanya tentang pengeditan template, silakan baca Frequently asked questions terlebih dahulu dan berusaha sendiri mencari tahu apabila ada yang ingin diedit, Terima kasih.
Read More
0 Comments
Tag : ,

To Aru Kagaku no Railgun Blogger Template

By : NewB

Akhirnya selesai juga template kedua bulan ini dari hasil voting di fan page saya Djogzs. tema Anime kali ini adalah To Aru Kagaku no Railgun dari anime yang saat ini masih airing. Singkatnya Toaru Kagaku no Railgun adalah cerita sampingan berdasarkan cerita asli Kamachi. Bertempat di Kota Akademi, sebuah kota di mana sekitar 80% dari 230.000 penduduknya adalah pelajar. Cerita ini mengenai petualangan Misaka Mikoto sebagai pemeran utamanya, salah satu dari psikis Level 5 yang dapat mengeluarkan listrik.



Template ini menggunakan dasar warna biru agak tua, hampir sama tampilanya dengan template yang sebelum"nya,tetapi hanya saja tampilan posting pada template ini paling berbeda dari semua template yang pernah saya buat. yaitu karena penggunaan CSS3 :nth-child() Selector yang baru saja coba-coba.CSS3 :nth-child() biasanya cuma digunakan pada widget-widget tertentu,tapi saya coba terapkan pada posting maka hasilnya adalah ukuran posting,warna,atau stylenya dapat dibedakan sesuai urutan posting tersebut.Posting pertama pada template ini menggunakan ukuran full 100% dan tinggi gambar auto, posting ke 2-5 ukuran setengahnya yaitu 47,7% sehingga jadi 2 kolom posting, dan posting urutan ke 6 dan seterusnya tidak memiliki gambar alias sticky seperti tampilan posting Shiroi agar dapat sedikit hemat gambar dan lebih simple~xD

Template ini tidak menggunakan slider ataupun accordion ,tetapi ditambahkan menu kedua dibawah header dan footer dengan 3 kolom.

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 url/alamat link yang ingin dituju,dan ganti juga nama linknya.

Menu1
<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='menu' href='#'>Download</a>
<ul>
<li><a href='#'>Naruto</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Date A Live</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Devil Survivor2</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact</a>
<ul>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Multi sub</a>
<ul>
<li><a href='#'>Episode 1</a>
<ul>
<li><a href='#'>Episode 2</a>
<ul>
<li><a href='#'>Episode 3</a></li>
<li><a href='#'>Episode 4</a></li>
</ul>
</li>
<li><a href='#'>Episode 5</a></li>
</ul>
</li>
<li><a href='#'>Episode 6</a></li>
<li><a href='#'>Episode 7</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>


Menu2
<div id='menujohanes'>
<ul>
<li><a class='menu' href='#'>Menu1</a></li>
<li><a class='menu' href='#'>Menu2</a></li>
<li><a class='menu' href='#'>Menu3</a></li>
<li><a class='menu' href='#'>Menu4</a></li>
<li><a class='menu' href='#'>Menu5</a></li>
<li><a class='menu' href='#'>Menu6</a></li>
</ul>
</div>



pengaturan lebih lanjut mengenai menu ini,silakan baca di postingan ini :
http://djogzs.blogspot.com/2013/06/css-dropdown-menu.html


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'/>


Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini


3. Setting Social media : facebook, Twitter, google,Pinterest.
*ganti url linknya

<div class='jorib'>
<a href='#' target='_blank'><div class='googlejo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='pinterestjo'/></a>
</div>

4. Bagaimana cara mengatasi undefined?

Buka setting=> language and formating pada blog kamu seperti gambar dibawah ini.
Lalu ikuti format tanggal posting seperti contoh gambar dibawah ini :



Date header format:


Timestamp Format


Comment Timestamp Format


Tertarik dengan To Aru Kagaku no Railgun Blogger Template? silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.







Bonus PSD File Header To Aru Kagaku no Railgun~xDD






Semoga bermanfaat untuk semuanya ^^ ,tapi tetaplah ingat,selalu bijak menggunakan template gratis dan STOP aksi PLAGIAT ,karena itu perbuatan yang merugikan dan sungguh memalukan. Sankyuu minna-san~ :)


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






Sebelum bertanya tentang pengeditan template, silakan baca Frequently asked questions terlebih dahulu dan berusaha sendiri mencari tahu apabila ada yang ingin diedit, Terima kasih.
Read More
0 Comments
Tag : ,

Gumi Vocaloid Blogger Template

By : NewB

Hello minna~ ^^
Template kali ini akan menambah daftar nama tema template blogger vocaloid,yaitu Gumi megpoid yang merupakan karakter suara synthesizer dari software vocaloid2 sama halnya seperti Hatsune Miku. karakter ini mempunyai suara yang khas dan unik, dan bisa saya katakan suaranya paling bagus dan stabil, oleh karena itu banyak sekali lagu" yang dicoba covering oleh Gumi,dan hasilnya sangat bagus sekali,misalkan lagu cover dari Kyary Pamyu Pamyu yang berjudul Candy-candy.

penasaran suaranya seperti apa/ silakan putar musik dibawah ini :



Dan yang satu ini salah satu lagu favorite saya yang di buat oleh 40mp yang berjudul Kamera Boy.


Next,mengenai template ini sendiri menggunakan warna dasar Hijau dan orange,karena Gumi Dikarakterkan seperti wortel,sama halnya seperti hatsune miku si daun bawang :v. lalu untuk mengenai Headernya, saya terapkan header dan slider(shiroi) menjadi satu. kenapa,karena awalnya jika saya pikir" kalau udah ada gambar header besar lalu ditambah slider takutnya bisa berat, oleh karena itu header saya buat posisinya diatas slide (melayang/position:absolute;). sehingga Slider itu sendiri dapat dianggap sebagai header, tetapi disini hanya digunakan 3 slide beserta deskripsinya juga,tombol navigasinya pun dibuat menjadi sederhana. bisa saja sih kalau mau nambah slide menjadi 4-100. tetapi saya sarankan untuk tidak menambahkan slide lagi karena bisa terlalu berat.
jadi saya rasa 3 slide saja sudah cukup~xD


Screenshot


Responsive mode


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.

<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='menu' href='#'>Download</a>
<ul>
<li><a href='#'>Naruto</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Date A Live</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Devil Survivor2</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact</a>
<ul>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Multi sub</a>
<ul>
<li><a href='#'>Episode 1</a>
<ul>
<li><a href='#'>Episode 2</a>
<ul>
<li><a href='#'>Episode 3</a></li>
<li><a href='#'>Episode 4</a></li>
</ul>
</li>
<li><a href='#'>Episode 5</a></li>
</ul>
</li>
<li><a href='#'>Episode 6</a></li>
<li><a href='#'>Episode 7</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>

pengaturan lebih lanjut mengenai menu ini,silakan baca di postingan ini :
http://djogzs.blogspot.com/2013/06/css-dropdown-menu.html


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'/>


Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini


3. Setting Social media : facebook, Twitter, google,Pinterest.
*ganti url linknya

<div class='jorib'>
<a href='#' target='_blank'><div class='googlejo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='pinterestjo'/></a>
</div>




4. Pengaturan Slide header
<div id='featured'>
<ul class='ui-tabs-nav'>
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'/></li>
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'/></li>
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'/></li></ul>
<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq7bOPTrYJb6jWUU_j2ftnMWA-3Z9axePSTr4QLpoSEwta-uPxFo9hqg24zA0TGl2Wbzr83zfbJWVhJVa7yoA6z_wmnKDQsdfjIiEujBqGGBFQoes6U7p3I50RrMtABKEqolQTneT6bRU/s1600/slide1.jpg'/>
<div class='info'><h2><a href='#'>Gumi</a></h2>
<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales.</p>
</div>
</div>
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdqUjbpW7OEj-vnwaIMbuzTqHt2Mk-kien7VVUAts0v-leNd5Pl4k-pNFdNkRXFVsbgZ-zG41ZBXD8xXP0H2-iY7kRk_7ZMEEtB3qFuinn4N7Kdvfs_kdDHmuVffPztxRSFh95bDb7rGw/s1600/slide2.jpg'/>
<div class='info'><h2><a href='#'>Gumi</a></h2>
<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales.</p>
</div>
</div>
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_HdII6Ul_mGF4JFGvcFefJuiaOrhq3r4E0tQ_Q3cQrZ_pCbAVYUb8poYlEwtkKP-FP-yg-e69EyoJKnOaz8eLXFaa3PPcYbIuKLqYduPIbJ5JorsRn3uUHCSOjWTn9mfRujzEpyXTXtc/s1600/slide3.jpg'/>
<div class='info'><h2><a href='#'>Gumi</a></h2>
<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales.</p>
</div>
</div></div></div>

*Keterangan :
Merah: Judul Slider
Biru : Deskripsi(yang kecil )
Orange : Ganti tanda pagar # dengan alamat link yang ingin dituju
Hijau : Url gambar slider


Tertarik dengan Gumi Blogger Template? silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.







Bonus PSD File Header Gumi Vocaloid~xDD






Semoga bermanfaat untuk semuanya ^^ ,tapi tetaplah ingat,selalu bijak menggunakan template gratis dan STOP aksi PLAGIAT ,karena itu perbuatan yang merugikan dan sungguh memalukan. Sankyuu minna-san~ :)


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




Sebelum bertanya tentang pengeditan template, silakan baca Frequently asked questions terlebih dahulu dan berusaha sendiri mencari tahu apabila ada yang ingin diedit, Terima kasih.
Read More
0 Comments
Tag : ,

Shiroi Blogger Template

By : NewB

hello again guys, pada kesempatan ini,Sudah lama ga buat templatie Minimalist, jadi saya membuat template dengan tema minimalist yang bernama shiroi,apa itu shiroi? shiroi berasal dari bahasa jepang yang bernama shiro,bukan nama anjingnya shinchan loh~xD ini karena saya tidak tahu harus memberi nama apa pada template ini .___. lol


Template responsive yang sederhana ini menggunakan warna dasar hitam,putih dan hijau miku~
Pada sidebar diberikan fungsi buka/tutup seperti template hatsune miku dan diberikan fitur Featured content slider yang agak" mirip dengan slider saya,slider original dapat dilihat disini .tidak boleh sama,nanti terlalu mainstream~xDD

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.

<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='menu' href='#'>Download</a>
<ul>
<li><a href='#'>Naruto</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Date A Live</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Devil Survivor2</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact</a>
<ul>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Multi sub</a>
<ul>
<li><a href='#'>Episode 1</a>
<ul>
<li><a href='#'>Episode 2</a>
<ul>
<li><a href='#'>Episode 3</a></li>
<li><a href='#'>Episode 4</a></li>
</ul>
</li>
<li><a href='#'>Episode 5</a></li>
</ul>
</li>
<li><a href='#'>Episode 6</a></li>
<li><a href='#'>Episode 7</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>

pengaturan lebih lanjut mengenai menu ini,silakan baca di postingan ini :
http://djogzs.blogspot.com/2013/06/css-dropdown-menu.html


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'/>


Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini


3. Setting Social media : facebook, Twitter, google,Pinterest.
*ganti url linknya

<div class='jorib'>
<a href='#' target='_blank'><div class='googlejo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='pinterestjo'/></a>
</div>


4. Pengaturan Slider

<div id='wrapper'>
<div id='featured'>
<ul class='ui-tabs-nav'>
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglN9YMAQeLSbFROCAQAcxtvAj2OQcNSe2p26_85EYDZAKU-q3WMjKZrFKsq34HssEYS6uvelZzOyxbWuq8GL37yBq743EUBqI762wqO37DKxWer8jCyejXkXlBycv4g7-BxcbugXEYVpA/s1600/kurumi-tokisaki-icon.jpg'/>
<span>Kurumi Tokisaki</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw1hSsXEwCOu2ahA1hApxQowJCKl9tnvwyNYlU-pnF5rg_iXAVeddwyrUUDSaE9QjfiLrdGKu32jjWl4n6Lp8zI9WwgErF1EDdABbUeDl3YBBHBvjhuKw_gW_km0pb76mY_WJspzxy4ng/s1600/Date-A-Live-icon.jpg'/>
<span>Date A Live</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQASEC3XXSjw-npeyNYxmfxXDvyKln6Kf8ACzAuTadLZV4FpNYI6JcChsMsT77gFOuOCkXSw9I1-L7jTkPdSiCwCiF0eKLJJATgXEJTwrhLE11dx-gTiYvoPgyWE97kh6DHt8A64kkX_g/s1600/miku-icon.jpg'/>
<span>Hatsune Miku</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIKOWOvtZSkgA220HjvqHav-oeGOfll-_maSDkrnvl3JeQHfMZY-KpldgkCPTfBtFR8nBucz8IqdPtKkXR5eRNGU-92qaNTtw-nOEp1XHX4wsA6usTkBndAuDXKiWkjCAxSWZa4sx1Wu0/s1600/hentai-ouji-icon.jpg'/>
<span>Hentai Ouji</span></a></li>
</ul>
<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyC9KLMc2HBEQPhhRiW49Vdi7m0xAEmWF2QNCgLc1uu-s-2rfPyps11StMJxRVCRxEjeeGunEcMKmCTfLzx8aImylkKtrMcs4MzuimQm4-i8KoSv_uJBZrsQ5KHLSeMyrQNyWcy85NV_g/s1600/slide1.jpg'/>
<div class='info'><h2><a href='#'>Kurumi Tokisaki</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam.</p>
</div></div>
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj17c42Jxw3AD9vFQwkav0ARq4ccNxffWaOmcFl9lz-_tzAyjJxFssXU2be5U9WwWUK8KyQ0wRNlr33c479hbgYTUra-OntO4oACLYpG7TtVz0TW3Z44nuW1WOgjNDI3SXs6d61lt01gMs/s1600/slide2.jpg'/>
<div class='info'><h2><a href='#'>Date A Live</a></h2>
<p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit.</p>
</div></div>
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicY2qKSzIHlsEBZJNZlhkFlq-EQNOSEdCpnOe-fK-9hJxRGuIfhkr86AcBSieNhlpWI9H0RT0eNupGV2Yu2QyQatxQwt_iOl2uqSrYA6nEvBZo4lMnNgLveYHJxVU1cc3rqJfC3SIIUx0/s1600/slide3.jpg'/>
<div class='info'><h2><a href='#'>Hatsune Miku</a></h2>
<p>liquam erat volutpat. Proin id volutpat nisi. Nulla facilisi. Curabitur facilisis sollicitudin ornare.</p>
</div></div>
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi13cY20Tc3Uy5VqErG90xCNiT6rK8v-B5Fki2n_VJdfLvVsBCmbGem6KHwh82nKMEkuafpdmKjJbrWYoCSwGoQlMfZ1mLF5O3l4tMXpSDikAIb_LUhT-0I8ofcfUDdMr0DqYYmo-Ubf_Q/s1600/slide4.jpg'/>
<div class='info'><h2><a href='#'>Hentai Ouji</a></h2>
<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales.</p>
</div></div></div>
*Merah: Judul Slider bagian kanan.
Biru : alamat gambar Thumbnail (yang kecil )
Orange : Deskripsi
Hijau : Url gambar slider
Ungu muda : Ganti tanda pagar '#' yang bewarna ungu dengan alamat link yang dituju.
*Ungu tua  : Judul slider bagian slide di kiri.


*Note : Judul Disamakan berdasarkan urutan.



Tertarik dengan Shiroi Blogger Template? silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.






Semoga bermanfaat untuk semuanya ^^ ,tapi tetaplah ingat,selalu bijak menggunakan template gratis dan STOP aksi PLAGIAT ,karena itu perbuatan yang merugikan dan sungguh memalukan. Sankyuu minna-san~ :)


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
Read More
0 Comments
Tag : ,

Powered by Blogger.

Paling Dilihat

- Copyright © Animeindo - Date A Live - Powered by Blogger - Designed by Johanes Djogan -