Retropop v2 Blogger Template

Untuk yang kesekian kalinya,saya buat template lagi.template kali ini simple,tapi aneh tapi unik.jadi apa ya?wkwkwk.nahh,template kali ini saya beri nama Retropop V2 karena tema dari template ini sendiri masih sama dengan template sebelumnya Retropop
,tapi bedanya yang ini menggunakan warna dasar putih.Inspirasi warnanya sendiri saya dapat dariColour lovers.kalau dari templatenya sendiri,saya beri border pada postinganya,dan hiasan css3 yang menarik.selain itu juga saya tambahkan Cufon costum font harabara.mungkin bagi yang koneksi'a agak lelet,akan membuat proses loading font'a sedikit lemot,tapi disini saya lebih mementingkan tipografi dan design'a.meskipun begitu,template ini menurut saya sangat ringan karena minim'a penggunaan gambar.

Ganti Link pada menubar,buka Rancangan >> Edit Html
lalu cari kode html seperti yang dibawah ini.

<div class='toplevel' id='navigation'>
<ul>
<li><a href='#' title='Menu1'>Home</a></li>
<li><a href='#' title='Menu2'>About</a></li>
<li><a href='#' title='Menu3'>Downloads</a></li>
<li><a href='#' title='Menu4'>Contact</a></li>
</ul>
</div>

Lalu ganti tanda pagar "#" dengan alamat link kamu~

Untuk yang bermasalah dengan tangga post rusak,buka setting => formating,lalu cocokan format'a seperti gambar dibawah ini

Selamat mencoba~ Arigatou gozaimasu :)

Download

Demo

Read More

Ika Musume Blogger Templates

Sewaktu kemarin saya seharian nonton film anime Shinryaku ika musume,cerita'a kocak banget dan tokoh'a juga moe,lucu~xDD.nah akhirnya kepikiran buat template yang simple dengan thema ini deh~xD .template sederhana ini saya buat tampilan dengan style transparant rgba,mungkin karena sekarang lagi ngetrend juga model kek gitu.tapi bila sobat buka template ini dengan browser mozilla,mungkin agak berbeda dengan menggunakan browser google chrome.karena ada sebagian css yang belum bisa didukung oleh mozilla.dan untuk tampilan menu,'a saya buat seaneh mungkin,dengan membuat menu jadi bulat dan tambahan border radius 8px di kiri dan bagian bawah.masih fresh hasil dari tangan sendiri n_n

oia,sebenarnya template ini adalah template editan dari template saya yang pertama black elegant blogger template.template itu jujur aja msh belum sempurna karena template itu saya buat waktu msh smp,jadi wajar aja klo kliatan'a asal banget ==v.beberapa element yang tidak penting saya hapus seperti jquery photo slider dan 3D text.saya edit sedemikian rupa menjadi lebih simple.


Ganti Link pada menubar,buka Rancangan >> Edit Html
lalu cari kode html seperti yang dibawah ini.

<ul id='list-nav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Products</a></li>
<li><a href='#'>Contact</a></li>
</ul>

Lalu ganti tanda pagar "#" dengan alamat link kamu~

Untuk mengganti foto admin,buka edit html,centang expand template,lalu cari url gambar dibawah ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxcJsEgC14pCs7eBCYMV98crl47r5-AugP72YwvCzmoSDRDD4axe750bHURQnrdpjrtP4O0vmfG3UMXLgZqA5NcqEBRWPecJ6JopNmEyeloHnw1y8ID-uT-dY_J5DLAO8yM3CWS_nD38/s1600/Untitled-1.jpg

setelah itu ganti dengan url gambar kamu,ukuran gambar tepat'a 87px x 82px


Selamat blogging kembali sobat,Arigatou gozaimasu :)

Download

Demo

Read More

Black and white rock shooter blogger templates

hai sobat,kali ini saya redesign template blogger saya yang lama"rukia template".template yang dulu menurut saya masih banyak penggunaan gambar dan jquery,sekarang templatenya saya design ulang menjadi lebih simple
,dan menggunakan rgba color pada backgroundnya.untuk thema'a sendiri saya pasang gambar black and white rock shooter.

-Preview-

Ganti Link pada menubar,buka Rancangan >> Edit Html
lalu cari kode html seperti yang dibawah ini.

<div id='nav'>
<ul>
<li><a href='http://#'>Menu1<br/><span>Black rock</span></a></li>
<li><a href='http://#'>Menu2<br/><span>White rock</span></a></li>
<li><a href='http://#'>Menu3<br/><span>Shooter</span></a></li>
<li><a href='http://#'>Menu4<br/><span>Anime</span></a></li>
<li><a href='http://#'>Menu5<br/><span>Blogger</span></a></li>
<li><a href='http://#'>Menu6<br/><span>Templates</span></a></li>
</ul>
</div>

Lalu ganti url Linknya dengan alamat link kamu~

Untuk masalah Tombol Readmore tidak muncul,kamu harus menambahkan meta tag more secara manual pada posting,atau dengan mengeklik tompol insert jump break pada posting editor

Pengaturan Blog:
1. untuk masalah UNDEFINED pada tanggal posting,sobat ganti format time pada
Pengaturan => Format,lalu ikuti pengaturan Format Header Tanggal,Format Tanggal Index Arsip dan Format Timestamp seperti gambar di bawah ini

Arigatou gozaimasu :)

Download

Demo

Read More

Midori Hanabira Blogger Templates

Midori Hanabira.apa itu? kata Midori Hanabira saya ambil dari bahasa jepang yang berarti hijau daun.mungkin agak maksa namanya karena saya bingung sendiri.hhahaha,ywes,kali ini saya mau bagi" template saya sendiri,coz bntar lagi kuliah saya sudah masuk
semester 2,
dan mungkin saya ga akan update postingan lagi dikarenakan pula saya mau fokus belajar dulu.dari pada templatenya dianggurin dan berhubung banyak banget yang minta template ini,dan semakin banyak'a plagiat yang nyontek" template saya,saya kasih deh,saya mah orang'a ga pelit" banget kq.tapi saya harap sobat gunakan template ini dengan bijak,tidak mengaku" hasil karya saya.bolehlah edit",tapi tolong sadar diri ini adalah hasil jerih payah saya.dan catatan untuk NEWBIE yang tidak mengerti dasar" CSS html,saya sarankan jangan menggunakan template ini,kalau mau mengedit template ini editlah sendiri,karena saya tidak mau bertanggung jawab untuk membantu template kamu.

Template ini saya design sedemikan rupa,pada home page,dibuat agar widget" tertentu(#followers1,#pagelist1,#profile1) hanya ada dihalaman posting.diluar itu mungkin ada di homepage(jadi normal)

1.Pengaturan blog

Untuk mengganti Link pada menu seperti gambar yang dibawah ini.
pertama buka blogger=>rancangan=> edit html lalu...

<div class='bf_menu' id='bf_page_menu'>
<ul>
<li><a data-content='about' href='http://djogzs.blogspot.com/search/label/Blogger%20Template'><span class='bf_hover'/><span>Blogger Templates</span></a></li>
<li><a data-content='home' href='http://djogzs.blogspot.com/search/label/CSS'><span class='bf_hover'/><span>CSS3</span></a></li>
<li><a data-content='menu' href='http://djogzs.blogspot.com/search/label/Jquery'><span class='bf_hover'/><span>Jquery</span></a></li>
<li><a data-content='menu' href='http://djogzs.blogspot.com/search/label/HTML'><span class='bf_hover'/><span>HTML</span></a></li>
<li><a data-content='visit' href='http://djogzs.blogspot.com/search/label/Tips%20blog'><span class='bf_hover'/><span>Tips Blog</span></a></li>
</ul>
</div>

cari kode html Seperti yang diatas,kamu tinggal ganti url link dan nama link'a saja

Untuk mengganti Link pada menu seperti gambar yang dibawah ini.
pertama buka blogger=>rancangan=> edit html lalu...

<div class='bf_footer'>
<a class='bf_left' href='http://djogzs.blogspot.com/'><span>| Home |</span></a>
<a class='bf_left' href='http://www.blogger.com/follow-blog.g?blogID=4121325713133844233'><span> Follow</span></a>
<a class='bf_left' href='http://djogzs.blogspot.com/p/friend-chat.html'><span> Guestbook</span></a>
<a class='bf_left' href='http://djogzs.blogspot.com/p/exchange-link.html'><span> Exchange Link</span></a>
<a class='btop' href='#' onclick='MGJS.goTop();return false;'>Back to Top</a>
<a href='http://www.facebook.com/djogzs'><strong>Facebook</strong></a>
<a href='https://plus.google.com/109118204112923468012/posts'><strong>Google+</strong></a>
<a href='https://twitter.com/djogzs'><strong>Twitter</strong></a>
<a href='http://www.blogger.com/profile/12261285399799945612' target='_blank'>Blogger</a>
</div>

cari kode html Seperti yang diatas,kamu tinggal ganti url link dan nama link'a saja

Untuk mengganti keterangan blog,seperti gambar yang dibawah ini.

pertama buka blogger=>rancangan=> edit html lalu cari kode html seperti dibawah ini

<div class='herder'>
<p>Deskripsi tentang blog kamu:
Kata Midori hanabira berasal dari bahasa jepang yang berarti hijau daun</p></div>

Dan buat yang masih bingung kenapa readmore'a tidak muncul,saya share aja disini.
sbenar'a simple aja,cuma klik tombol insert jump break atau dengan menambahkan kode <!--more--> pada posting editor.jadi inti'a,template ini tdak menggunakan auto readmore,tetapi harus manual.cara ini berlaku untuk semua template buatan saya~

1.tombol penambah readmore
2.batas text yang akan dipotong~

Untuk menambah widget baru.

Perhatikan pada gambar dibawah ini.

Setelah kamu memilih dan add widget,drag widget'a ke bagian atas,karena yang bagian bawah widget'a tidak disarankan diletakan disana,karena widget akan muncul diblog/widget rusak.

Pengaturan penambahan widget baru,misal kamu menambahkan widget label(semea widget),tapi hasil'a seperti gambar dibawah ini

kamu copas pada url/ ID widget seperti dibawah ini

lalu masukan css ini

#Label1 {
width:580px;
height:166px;
overflow: auto;
color:#eeeeee;
text-shadow: 0px 0px 1px white;
margin:0 0 10px;
padding:5px;
margin: 5px 0px 0 0;
float:left;
background: rgba(0, 0, 0, 0.6 );
-webkit-background-clip: padding-box;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
box-shadow: 0 0 8px rgba(0,0,0,0.3);
margin-left:15px;display:block;
}

untuk mengatur ukuran lebar/tinggi,ganti Width dan heigth'a

#label1 cuma contoh,setiap widget bisa berbeda-beda.

maka hasilnya akan menjadi sepeti gambar dibawah ini

Sipp deh,keren bukan~xD.untuk selanjutnya,saya offlagi,karena saya mau fokus kuliah dulu.~xDD
dan untuk Newbie,bertanya'a jangan kelewatan ya,kalau mau ngedit template ini,urus sendiri,saya ga mau tau =..=v.atau ga bisa tanya" di grup dickey ini,pasti ada yang bantu kq.
 :) Arigatou Gozaimasu~

Download

Demo

Read More

Costume CSS3 V2 Blogger templates

Apa kabar sobat?Kali ini saya mau share blogger template lagi nih.karena lagi banyak permintaan yang mau template yang sedang pakai,dan inilah awal dari blog saya.ok nih template costume css3 v2 dari template sebelumnya costume css3 yang sudah pernah saya share juga.
tapi tema'a saya buat akatsuki deidara pula.template ini sudah banyak diperbaiki dari template sebelumnya karena masih ada kekurangan.beberapa saya ganti efek" css3'a dan tambahan pagenavi melayang serta efek animasi tombol readmore yang mirip dengan blog saya.

-Home page-

 -Post page-

bila sobat mau mengganti gambar'a,sobat tinggal cari kode html dibawah ini..

<li><div class='kotak16animasi'>
<div><a href='http://djogzs.blogspot.com/'><img alt='djogzs' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2qRFsGZ0kptj7RXB4X8VTLrv4B879c_0yGiVyBvrBjV1cXHCmE8eBeCTmk3y3S54mqD2quolLa4UGoKURMr-2LeeuXJ5AtvOCp-Lu3n0VrL4u8TAZEIKF-S81g1YplLYOqeuvC4cM1tvg/s1600/Untitled-1.jpg'/></a></div><div>Welcome ^_^</div>
</div></li>

Keterangan:
pada text yang bewarna merah : alamat link
pada text yang bewarna biru    : Ganti dengan Url gambar kamu  (857 x 303) (ukuran bisa diubah)
pada text yang bewarna ungu   : ganti pesan kamu

#note:kamu akan menemukam kode html yang sama dengan yang diatas,yang pertama untuk gambar depan halaman depan,dan satu lagi halaman posting.jadi inti'a kamu bisa menggunakan 2 gambar yang berbeda untuk halaman depan dan halaman posting.

Untuk menambah link pada menu,buka blogger =>rancagan => klik edit seperti pada gambar,lalu masukan url link dan nama link'a.

Arigatou gozaimasu,ada yang tidak dimengerti,tanyakan saja~

Download Via Google Drive

Demo

Read More

Uchiha Sasuke Blogtemplates

Seperti yang saya janjikan,setelah buat template cosplay lovers V2,saya langsung buat template lagi dengan thema Uchiha sasuke.desainya lebih menarik,dan lebih berwarna,sesuai dengan warna kepribadian karakter Sasuke.yeahhh,me gusta~xD

Seperti biasa pula,Template ini menggunakan CSS3 pada bagian sidebar kiri dan kanan serta pada posting,dengan desain transparant.

Ganti Link pada menubar,buka Rancangan >> Edit Html
lalu cari kode html seperti yang dibawah ini.

<ul id='nav'>
<li class='current-cat'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li><a href='http://djogzs.blogspot.com/' title='about'>about</a></li>
</ul>

Lalu ganti Link'a" dengan alamat link kamu~

Untuk masalah Tombol Readmore tidak muncul,kamu harus menambahkan meta tag more secara manual pada posting,atau dengan mengeklik tompol insert jump break pada posting editor

Untuk mengganti logo,kamu cari css dibawah ini,lalu gantu URL gambarnya.

#header {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA-Ys5nu6jtvt0MaMdSiwWfi1O5gZHwIQNihtX2Nt6MMdAN-s6QOjTY1VAqKMT-RtREAOHkgjk-L3Y2cawzH35toCVoALZGo7BGt1_d7tCKZqLI0s-CtK0axJnoauuYcYxj_VQJx6rjBiF/s1600/logodw.png) left bottom no-repeat transparent;
position: absolute;
height: 162px;
margin: 0 0 0 25px;
padding: 140px 0 0 0;
}

Sipp deh,keren bukan~xD.untuk selanjutnya,saya offlagi,karena minggu depan udah mau UAS.~xDD Doain ya semoga saya dapet nilai yang memuaskan TT__TT  :) Arigatou Gozaimasu~

Download

Demo

Read More

Orange Minimalist Blogger templates

Orange Minimalist adalah template blogger sederhana dengan desain minimalis dan ditambah dengan sentuhan CSS3 pada post header.template ini tidak saya buat terlalu banyak menggunakan CSS3
,hanya saja saya buat seminimalis mungkin penggunaanya,tetapi tetap mengutamakan desainya.

Ganti Link pada menubar,buka Rancangan >> Edit Html
lalu cari kode html seperti yang dibawah ini.

<ul id='nav'>
<li><a href='#' target='_blank' title='Home'>Home</a></li>
<li><a href='#' target='_blank' title='About'>About</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='Contact'>Contact</a></li>
<li><a href='#' target='_blank' title='Follow'>Follow</a></li>
<li><a href='#' rel='author' target='_blank' title='Sitemap'>Sitemap</a></li>
</ul>

Ganti tanda pagar "#" dengan alamat link kamu~

  Tertarik menggunakan template ini?selamat mencoba sob~xD
Arigatou Gozaimasu~

Download via Dropbox

Download via Google Drive

Demo

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

Cosplay lovers V2 Blogger Templates

Akhrinya Selesai juga Template Blogger Cosplay Lovers V2 *.*.Mungkin sobat bingung,kenapa saya bikin template dengan warna dasar yang lembut.ini karena ada Request template dari seseorang
, yang menyarankan buat template dengan warna dasar pink.gpplah,sekali" gw bikin aja,toh gambarnya moe gini.klo ga suka gambar cwe,berarti homo~xDD #Plakk. Oia,template ini sebenarnya bekas Template saya yang dulu "Naruto sage of the six template" mungkin sobat bertanya" kenapa saya tidak PERNAH memposting diblog saya?(dulu di blog akatsuki kagebunshin).itu karena templatenya belum sempurna dan banyak cacad'a.itu template gw buat waktu masih smp,jadi wajar aja kalau masih banyak kekurangan.nah,sekarang templatenya saya upgrade dengan design'a menggunakan css3 pada seluruh bagian template ini,tapi tidak terlalu detail,simple aja~

Ganti Link pada menubar,buka Rancangan >> Edit Html
lalu cari kode html seperti yang dibawah ini.

<ul id='nav'>
<li class='current-cat'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li><a href='http://djogzs.blogspot.com/' title='about'>about</a></li>
</ul>

Lalu Link'a" dengan alamat link kamu~

Sipp deh,tapi mungkin ada dari beberapa yang menganggap template ini terlalu girly~xD.mungkin nanti saya akan buat versi untuk yang cowo'a,mungkin aja madara,atau naruto,atau juga bisa aja sasuke,suka -suka saya~xDD hhahaha,tapi kalau ada saran silakan aja :) Arigatou Gozaimasu~

Download

Demo

Read More

Naruto VS Sasuke Blogger Templates

Template Blogger Naruto VS Sasuke,mungkin terdengar aneh.tpi karena aneh itulah,menjadi unik.ini karena banyak dari teman saya yang request template anime,akhirnya kepikiran buat template ini.
design'a menggunakan css3 pada seluruh bagian template ini.

Ganti Link pada menubar,buka Rancangan >> Edit Html
lalu cari kode html seperti yang dibawah ini.

<div id='nav'>
<ul>
<li><a href='#'>Home<br/><span>Sweet home</span></a></li>
<li><a href='#'>About<br/><span>My profile</span></a></li>
<li><a href='#'>Contact<br/><span>My Facebook</span></a></li>
<li><a href='#'>Messages<br/><span>Email me</span></a></li>
<li><a href='#'>Video<br/><span>Naruto Shippuden</span></a></li>
<li><a href='#'>Manga<br/><span>Naruto Shippuden</span></a></li>
<li><a href='#'>Download<br/><span>Btemplate </span></a></li>
<li><a href='#'>JMusic<br/><span>Japan Music</span></a></li>
<li><a href='#'>KMusic<br/><span>Korean Music</span></a></li>
</ul>
</div>

Lalu ganti tanda pagar"#" dengan alamat link kamu,dan jangan lupa ganti namalink'a juga.




untuk pengaturan banner/tempat iklan,cari kode html seperti di bawah ini

<ul id='ads'>
<li><a href='http://djogzs.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbWl2EUaQ1oU0dGyriqJvSBqJhRnwM0AN2VgqBp3kVYWcdmhyphenhyphenlmQaK2ogiFd8S0EZ57jKOp8l0D6cVGvjP8okQjwuGEWChhfCwwTdWmDJArkB9Uo3pTcOwyeJubjwltR9lA4jcLkdCt3g/s1600/Untitled-1.png'/></a></li>
<li><a href='http://djogzs.blogspot.com/'><img src='http://3.bp.blogspot.com/-BvUhPFvk1OI/TtU9jYLC0xI/AAAAAAAAABs/UTKihoAniCI/s1600/ad125x125.gif'/></a></li>
<li><a href='http://djogzs.blogspot.com/'><img src='http://3.bp.blogspot.com/-BvUhPFvk1OI/TtU9jYLC0xI/AAAAAAAAABs/UTKihoAniCI/s1600/ad125x125.gif'/></a></li>
<li><a href='http://djogzs.blogspot.com/'><img src='http://3.bp.blogspot.com/-BvUhPFvk1OI/TtU9jYLC0xI/AAAAAAAAABs/UTKihoAniCI/s1600/ad125x125.gif'/></a></li>
</ul>

Lalu ganti tanda pagar"#" dengan alamat link kamu,dan ganti juga url gambarnya.

Sipp deh,semoga sobat senang.terima kasih,Arigatou Gozaimasu~



New Link

Download Via Google Drive

Demo

Read More

Gumi Vocaloid Blogger Templates

Setelah sekian lama vacum dari dunia blog,kuliah makin berat n makin galau,daripada galau truz,yweslah,ngeblog lagi deh.hhaha,Oia,template anime ini,namanya Gumi vocaloid.kenapa?
liat aja backgroundnya. :p template ini saya desain seaneh dan seunik mungkin,dilengkapi dengan hover effect pada header,posting dan footer.tidak lupa juga saya beri bubble javascript pada cursor.ok deh,semoga sobat senang.terima kasih~

Arigatou gozaimasu ^^

Download

Demo

Read More

Uchiha Itachi Blogtemplates

Yoyoyo penggemar uchiha itachi,saya buatkan Blogger Template anime Uchiha itachi.template ini sebelum'a dari template blog Akatsuki kagebunshin yang saya design dulu dengan logo Deidara.
tapi berhubung blog'a sudah tdak aktif dan sayang template'a dan juga banyak yang minta =___=Zzz jadi saya design ulang menjadi lebih simple.
Template anime ini diberi sentuhan Css3 Gradient.dan pada halaman posting sidebar dihilangkan menjadi full post,sedangkan pada homepage sidebar'a ada~

untuk mengganti link dan URL pada yang diatas,pertama sobat buka blogger =>rancangan => edit HTML,lalu cari kode HTML seperti dibawah ini

<ul id='topnav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Exchange Link</a></li>
<li><a href='#'>Link dan Banner Teman</a></li>
<li><a href='#'>Daftar Isi</a></li>
<li><a href='#'>About me</a></li>
<li><a href='#'>Fanspage on Facebook</a></li>
<li><a href='#'>Group On Facebook</a></li>
</ul>

dan untuk menubar yang bagian bawah,cari kode ini

<div id='nav'>
<ul>
<li><a href='#'>TRIK Blog<br/><span>CSS3</span></a></li>
<li><a href='#'>BRUSHER<br/><span>PHOTOSHOP</span></a></li>
<li><a href='#'>ANIME TEMPLATE<br/><span>Blogger</span></a></li>

<li><a href='#'>VIDEO<br/><span>NarutoShippuden</span></a></li>

<li><a href='#'>VIDEO<br/><span>Bleach</span></a></li>

<li><a href='#'>SOUNDTRACK<br/><span>Anime Music</span></a></li>

<li><a href='#'>J-Music<br/><span>Japan Music</span></a></li>

<li><a href='#'>K-Music<br/><span>Korean Music</span></a></li>

</ul>
</div>

kamu tinggal ganti saja nama link dan tanda pagar "#" url'a yang kamu inginkan..~



Slesai deh,kalau sudah simpan template~xD
bila ada masalah atau pertanyaan,silakan tanyakan,dan berikan komentar'a,terima kasih,selamat mencoba^^

Download

Demo

Read More

2ne1 blogger templates

Hehehe,sebelumnya saya udah mengumumkan untuk vacum blog,tpi berhubung skrg lagi libur,lanjutt ahh,wkwkwkw
.template kali ini,adalah template sederhana yang thema'a 2NE1
,hha,maklum lah lagi terserang demam korea,apa lagi ama park bom~xD awawaw
Ok ga usah banyak cingcong lagi =___=Zzzz silakan coba' template buatan saya ini,sapa tau yg K-pop lovers tertarik ^^ dilihat dulu demo'a,kalau cocok silakan dicoba~

Ditemplate ini,saya berikan sentuhan css3 animation dan warna radial pada menubar'a.untuk mengganti lin dan URL'a,pertama sobat buka blogger =>rancangan => edit HTML,lalu cari kode HTML seperti dibawah ini

<ul id='nav'>
<li class='current-cat'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li><a href='http://djogzs.blogspot.com/' title='about'>about</a></li>
<li><a href='http://djogzs.blogspot.com/search/label/CSS' title='about'>CSS</a></li>
<li><a href='http://djogzs.blogspot.com/search/label/HTML' title='about'>HTML</a></li>
<li><a href='http://djogzs.blogspot.com/search/label/Blogger%20Template' title='about'>Blogger templates</a></li>
</ul>

kamu tinggal ganti saja nama link dan url'a yang kamu inginkan..~

nah kalau logo diatas ini,adalah logo yang ada pada template 2NE1 yang bisa diganti" sesuai keinginan kamu,cara'a buka blogger=>rancangan=> edit html
lalu cari url gambar ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGzcNLh88-7iZV1FST1dK4DgvdRyYhC9AlaBdywtatdR_O8MK_KUTFLkjJL9x8putUVD2FX_qbvwObhtRC3m3WvG4Oq5nU-gm1CFmv9lDz02PQ3D9m7SjrkzLMXCntS_xXgcyK5ZZQJho/s1600/logodw.png

tinggal diganti deh ama logo buatan kamu ^^,ukuran'a bebas kq

Dan tambahan lain'a,sidebar'a dilengkapi Jquery accordion,yang apabila kamu klik ,akan menutup buka~

Dan buat yang masih bingung kenapa readmore'a tidak muncul,saya share aja disini.
sbenar'a simple aja,cuma klik tombol insert jump break atau dengan menambahkan kode <!--more--> pada posting editor.jadi inti'a,template ini tdak menggunakan auto readmore,tetapi harus manual.cara ini berlaku untuk semua template buatan saya~

1.tombol penambah readmore
2.batas text yang akan dipotong~

Slesai deh,kalau sudah simpan template~xD
bila ada masalah atau pertanyaan,silakan tanyakan,dan berikan komentar'a,terima kasih,selamat mencoba^^

Download

Demo

Read More

Cosplay lovers Blogger Template

hai sobat,lama nih ga posting lagi,coz sibuk ama urusan persiapan kuliah nanti n__nv
Template Blogger kali ini
,saya buat thema'a untuk pencinta cosplay,dan berhubung saya juga suka bgt ikut Event cosplay
,keluarlah ide untuk bwt template ini^^.ng?ydah ga usah basa - basi lagi,sobat lihat dulu Template'a

hmm ,apa yang menarik dari template ini?bkn karena ada foto" yang cantik,tpi disini saya juga berikan sentuhan CSS3 animation pada tombol readmore yang sudah saya modifikasi,Font pada sidebar dan post tittle,dan pada foto bagian header blog'a..Sederhana bkn?pada menubar diatas,hanya menggunakan css3 juga,saya tidak menggunakan Jquery atau javascript,karena bisa berat =..="

ng?ada sobat ga tau cara ganti url link pada menubar?
cara'a sobat cari dulu HTML'a pada Rancangan => Edit HTML
lalu cari html seperti dibawah ini

<ul id='list-nav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Products</a></li>
<li><a href='#'>Contact</a></li>
</ul>

lalu ganti tanda "#" Dengan Url link kamu.


Slesai deh,bila ada kendala lain,atau ada yang mau diedit?silakan ditanyakan saja,terima kasih ^^

Download

Demo

Read More