Rabu, 16 Januari 2013

Fansuber Otaku Blogger Template


Hello lagi sobat.templa kali ini adalah template yang mungkin cocok untuk teman" blogger yang masuk dalam bidang sub anime.dari segi design kalau menurut saya template ini hanya template blogger biasa dengan 1 sidebar,1 slider yang hanya ada dihalaman depan/homepage dan 2 kolom footer.tapi apa saja sih yang membuat template ini menarik.

Pertama,adalah paduan warna biru dengan putih yang halus dan gambar header yang kawaii~xDD.
serta tetap memperhatikan beban pada template ini,beberapa kali saya cek di laptop dan meminta bantuan pada beberapa teman saya untuk membuka/mengecek/re-view template ini yang berada entah dimana~xD.
hasil'a ternyata tidak ada masalah pada beban template ini di browser manapun,kecuali jika browser yang digukanakan tidak up-to-date.yah jadi kesimpulanya tidak berat/ringan.

Kedua.adalah fitur photo slider yang saya edit sendiri dari banner slider. apa bedanya? bedanya slider ini saya tambahkan judul dan deskripsi secsara manual,sehingga terlihat seperti photo slider pada umumnya,tapi photo slider ini bergerak sesuai timing css keyframe yang sudah diatur.pengaturan animasinya bisa dibaca pada postingan banner slider,dan untuk pengaturan judul,url gambar dan deskripsi,bisa dilihat dibawah postingan ini.

Dan yang ketiga,yaitu Style pada postingan template ini.jika kalian sudah melihat/menggunakan demo template ini,maka yang terlihat tidak biasa adalah thumbnail/gambar pada posting.ketika kita mengarahkan kursor pada gambar yang berukuran setengah,maka otomatis akan berubah ukuran menjadi full post.

keempat.footer dengan 2 kolom widget,tetapi salah satu kolom saya sengaja buat lebih lebar,jadi mungkin cocok untuk memasang widget chat atau sesuatu yang membutuhkan ruang yang besar.

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.

#menu 1


<ul class='dark_menu'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</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>


#menu 2

<div class='menujohanes'>
<ul class='dark_menu'>
<li><a href='#'>Backlink</a></li>
<li><a href='#'>IRC</a></li>
<li><a href='#'>Download torrent</a></li>
<li><a href='#'>Project</a></li>
<li><a href='#'>Privacy Policy</a></li>
</ul></div>




2. Pengaturan media social,twitter,facebook icon.

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 facebook dan twitter kamu.

1.Twitter
2.Facebook


<div class='twittericon'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-P6cTxN-vY3C-mTI1FlKoSxDYxYzmJaeoVh6IpAmC5fVfDQ0YzljSw6liK4mejKTGuBBL8AXw6Ne-Zj_N_L_cpl1OT4Mnli1T6dMOwEq4RrEpg9uPtBQGz0zQfjBo76wCer_hlRJ7ORcM/s1600/twitter.png'/></a></div>

<div class='facebookicon'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqw3U239W_YpRhRw9krv4OYSZVcJRTRZ5x_fmgyQEy7ZAH44XmdWjEGVygsYp2IJPmUnWhjgjuDdiX636D2mtHsRCwhBXqXjDV0Ku1iEdy29dd6aTB6SDS8eUBcnMJmOi-JF8Jr0LfNnOI/s1600/facebook.png'/></a></div>




3. pengaturan Slider





<div id='slider2'>
<div id='mask'>
<ul><li>
<span><h2>Tamako Market</h2></span>
<a href='#' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXRE5_GeCBjL4iu2nqaSwxIhOlInCWbKb88hIHh3Nyor7oJH5qtn4suQY0FwhggRA23k5aSFLwEb41UlJ-f0F_7NGF8ugbad9lnjXf_N2ycvptBYm1uI9WIGbpnnz10_opSuDkKAmhQiBv/s1600/4.jpg'/></a>
<div class='baka'><h3>Tamako Kitashirakawa is the eldest daughter of a family which runs a mochi shop in her town&#39;s bustling Tama-ya shopping district.</h3></div>
</li>
<li>
<span><h2>Vividred Operation</h2></span>
<a href='#' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhepx9CLEn1QjP_oE5ohx6H6Maw39VT08uBUopqIXbHgTFjhD2uskgeBkWtjEBDAtJ1O36aC_D3eGuixpmslqwqanb1M2R9e4iaw-PjbQmKET8kiQvoz4Z410rOC1Wo7UvEk30hNR3-VLFD/s1600/3.jpg'/></a>
<div class='baka'><h3>The story is set in a futuristic and peaceful world made possible thanks to the invention of the Manifestation Engine (&#31034;&#29694;&#12456;&#12531;&#12472;&#12531; Jigen Enjin?), which solved an energy crisis five years prior.</h3></div>
</li>
<li>
<span><h2>Ore no Kanojo to Osananajimi ga Shuraba Sugiru</h2></span>
<a href='#' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj493_EOomrWNvddgm61HCwraKMarQPl6kNwykN6WtKPFu1LGdCI9TCO15_i8I6jfpyAmozlacelpcw05JfvKEnEBbM7FI_6emjVkAnOrc9gei5oq8jq0pDlQVBS-OpaxC49x-3nndxVAWc/s1600/Untitled-1.jpg'/></a>
<div class='baka'><h3>Eita Kid&#333; enters high school with the aim to attend medical school. Due to his parents getting divorced and his intention to maintain his grades, he shuns anything to do with romance or love.</h3></div>
</li>
<li>
<span><h2>Maoyuu Maou Yuusha</h2></span><a href='#' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMc-6xhj6-01KOuAd8q_HHvT06HfkigQxr6cfhKfkYyD8Tfsher8WNU-SxNDQ0kYZbF83GGr1wokIJQXughi8ymcUeVGttlxvUT0lYWpjBdfKrfnMV06B03DGsDikOWGtiDPkksaL1MU8M/s1600/2.jpg'/></a>
<div class='baka'><h3>The story is set in a world embroiled by war between Humans and Demons. The Humans&#39; greatest hero invades the Demon King&#39;s castle determined to vanquish her. However, instead of fighting back, the King proposes an alliance with the Hero.</h3></div>
</li>
</ul>
</div>
<div id='progress'>
</div><div id='overlay'>
</div><div id='pause'>
</div></div>


Text bewarna Orange : Judul Slider
Text bewarna merah : Alamat situs/Link/url web
Text bewarna ungu : Url Gambar
Text bewarna biru : Deskripsi


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


Selesai lagi deh,entah ini template blogger ke berapa.Semoga cukup bermanfaat untuk semuanya,tp tetaplah ingat,selalu bijak menggunakan template gratis.terima kasih untuk dukungan dan antusiasnya dengan blog Djogzs dan beberapa template buatan saya. sankyu 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









0 komentar:

Posting Komentar