tag:blogger.com,1999:blog-42665782497140816522024-03-05T20:35:56.329-08:00Midori hanabiraMaking beautiful blogAneshttp://www.blogger.com/profile/12261285399799945612noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-4266578249714081652.post-38120849533666442612012-02-08T07:01:00.000-08:002012-02-08T07:32:44.844-08:00Midori Hanabira Blogger Templates<a href="http://djogzs.blogspot.com/2012/02/midori-hanabira-blogger-templates.html"> <img alt="Midori Hanabira Blogger Templates" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOPXdUGwllP7B7DkBOp-ZT7mj6YwbUlWZL52sHojQElklcMtrGFYE-xWZV54xaWbXT7wTxpvdQ4DN8XnYAuQXSslJ-E2z3RqlG8tyBrQdIerXcKLGyX_CPOSRFzx-qBITCiIc95ItLw2Ut/s1600/cosu.jpg" /> </a><br />
<br />
<div style="text-align: justify;">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,<br />
<a name='more'></a>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.<br />
<br />
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)</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSfRnWvbHXTnVrNm7AgoV_4_Sbr6y_GE9q_MKJ7jXr5k5etPLa7TPkdeXKQ2w0T8ESA6q_llE1hxycHWlYPhY7PdUKKDEWYPdQNP2FfAl33M6EFtBSaCe7glIlyOZCBkLJ0t148V3drl79/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSfRnWvbHXTnVrNm7AgoV_4_Sbr6y_GE9q_MKJ7jXr5k5etPLa7TPkdeXKQ2w0T8ESA6q_llE1hxycHWlYPhY7PdUKKDEWYPdQNP2FfAl33M6EFtBSaCe7glIlyOZCBkLJ0t148V3drl79/s640/Untitled-1.jpg" width="640" /></a></div><br />
<br />
1.Pengaturan blog<br />
<br />
<blockquote>Untuk mengganti Link pada menu seperti gambar yang dibawah ini.<br />
pertama buka blogger=>rancangan=> edit html lalu...<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibQJxlv1g3sqA16UI4oFyxDtwlmuSQMkBHe0VjPeJUKJsWDwSrL1wcAHlb9mWBofWWVBMSbVjY-ONe-oKquQO90TyOaMxbYBfT3Qf9rx1gV1MpIPcyvjkV0Qxm2qMB4-im5k_UvZgUJRM5/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibQJxlv1g3sqA16UI4oFyxDtwlmuSQMkBHe0VjPeJUKJsWDwSrL1wcAHlb9mWBofWWVBMSbVjY-ONe-oKquQO90TyOaMxbYBfT3Qf9rx1gV1MpIPcyvjkV0Qxm2qMB4-im5k_UvZgUJRM5/s320/Untitled-1.jpg" width="157" /></a></div><br />
<div class='bf_menu' id='bf_page_menu'><br />
<ul><br />
<li><a data-content='about' href='http://djogzs.blogspot.com/search/label/Blogger%20Template'><span class='bf_hover'/><span>Blogger Templates</span></a></li><br />
<li><a data-content='home' href='http://djogzs.blogspot.com/search/label/CSS'><span class='bf_hover'/><span>CSS3</span></a></li><br />
<li><a data-content='menu' href='http://djogzs.blogspot.com/search/label/Jquery'><span class='bf_hover'/><span>Jquery</span></a></li><br />
<li><a data-content='menu' href='http://djogzs.blogspot.com/search/label/HTML'><span class='bf_hover'/><span>HTML</span></a></li><br />
<li><a data-content='visit' href='http://djogzs.blogspot.com/search/label/Tips%20blog'><span class='bf_hover'/><span>Tips Blog</span></a></li><br />
</ul><br />
</div><br />
<br />
<br />
<blockquote>cari kode html Seperti yang diatas,kamu tinggal ganti url link dan nama link'a saja</blockquote></blockquote><br />
<br />
<blockquote>Untuk mengganti Link pada menu seperti gambar yang dibawah ini.<br />
pertama buka blogger=>rancangan=> edit html lalu...<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghYN7iwiHa9OJH0mAOey6CfL5eopSr_0yTkwAHf5O29DvwUbyiNfki1Mv7eHVcrVsgpCurRVDf3PRmfVV9g7AA9TcOxfBKfDGjYH7ddQfqRbdgd3zKi4R82sFDZrEU9jAIxfzkEb_jUejy/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghYN7iwiHa9OJH0mAOey6CfL5eopSr_0yTkwAHf5O29DvwUbyiNfki1Mv7eHVcrVsgpCurRVDf3PRmfVV9g7AA9TcOxfBKfDGjYH7ddQfqRbdgd3zKi4R82sFDZrEU9jAIxfzkEb_jUejy/s400/Untitled-1.jpg" width="400" /></a></div><br />
<br />
<div class='bf_footer'><br />
<a class='bf_left' href='http://djogzs.blogspot.com/'><span>| Home |</span></a><br />
<a class='bf_left' href='http://www.blogger.com/follow-blog.g?blogID=4121325713133844233'><span> Follow</span></a><br />
<a class='bf_left' href='http://djogzs.blogspot.com/p/friend-chat.html'><span> Guestbook</span></a><br />
<a class='bf_left' href='http://djogzs.blogspot.com/p/exchange-link.html'><span> Exchange Link</span></a><br />
<a class='btop' href='#' onclick='MGJS.goTop();return false;'>Back to Top</a><br />
<a href='http://www.facebook.com/djogzs'><strong>Facebook</strong></a><br />
<a href='https://plus.google.com/109118204112923468012/posts'><strong>Google+</strong></a><br />
<a href='https://twitter.com/djogzs'><strong>Twitter</strong></a><br />
<a href='http://www.blogger.com/profile/12261285399799945612' target='_blank'>Blogger</a><br />
</div><br />
<br />
<br />
<blockquote>cari kode html Seperti yang diatas,kamu tinggal ganti url link dan nama link'a saja</blockquote></blockquote><br />
<blockquote>Untuk mengganti keterangan blog,seperti gambar yang dibawah ini.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkf2u9rTE9sNLpfmcK8zaoOKRutvaio3vzSrCpNe5NrkvMv1gHaNXA6cT3_P26c9acrSRZcXl1cck4HwKF6q3tvPs0GDBn8gFepcYJ12HiOxpnt3Icw8A6nRaGYb2H4uf56AdEzJYL58lf/s1600/untitled.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkf2u9rTE9sNLpfmcK8zaoOKRutvaio3vzSrCpNe5NrkvMv1gHaNXA6cT3_P26c9acrSRZcXl1cck4HwKF6q3tvPs0GDBn8gFepcYJ12HiOxpnt3Icw8A6nRaGYb2H4uf56AdEzJYL58lf/s320/untitled.JPG" width="292" /></a></div>pertama buka blogger=>rancangan=> edit html lalu cari kode html seperti dibawah ini<br />
<br />
<div class='herder'><br />
<p>Deskripsi tentang blog kamu:<br />
Kata Midori hanabira berasal dari bahasa jepang yang berarti hijau daun</p></div></blockquote><br />
<br />
<br />
<blockquote>Dan buat yang masih bingung kenapa readmore'a tidak muncul,saya share aja disini.<br />
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~<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkNeLmVS87-CW6dkvZrZ2c7t-ncubVCXFe0uyA9cftT4wyj5Wz0e12aBO1v51L5O3UQOiVoGSr_2-snU2Awi0nIYTkgK2qRw8uNmzMe9FSXgU9HTMNRTwmyF3k7ruygifr7gPRHkKxJenI/s1600/Ungggtitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkNeLmVS87-CW6dkvZrZ2c7t-ncubVCXFe0uyA9cftT4wyj5Wz0e12aBO1v51L5O3UQOiVoGSr_2-snU2Awi0nIYTkgK2qRw8uNmzMe9FSXgU9HTMNRTwmyF3k7ruygifr7gPRHkKxJenI/s1600/Ungggtitled-1.jpg" /></a></div><br />
1.tombol penambah readmore<br />
2.batas text yang akan dipotong~</blockquote><br />
<blockquote>Pengaturan penambahan widget baru,misal kamu menambahkan widget label(semea widget),tapi hasil'a seperti gambar dibawah ini<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptbPdFOdHjQ5kmHqKBI9JQpMkOXYu5Lv5OeUowCc3a5UC0gy0tb4NBJ0TV028xFDBcaXIZRUrUAe8qp8xUnt-bkDObVksVHj1d2cfpRqcsn8TELZw-sejgpyUCQzsu37Eo-PSPilqyZA/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptbPdFOdHjQ5kmHqKBI9JQpMkOXYu5Lv5OeUowCc3a5UC0gy0tb4NBJ0TV028xFDBcaXIZRUrUAe8qp8xUnt-bkDObVksVHj1d2cfpRqcsn8TELZw-sejgpyUCQzsu37Eo-PSPilqyZA/s400/Untitled-1.jpg" width="400" /></a></div><br />
kamu copas pada url/ ID widget seperti dibawah ini <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN9Oom7OaWgfQYG2kUH0YTLV9nN48Gc2jbG3_sg7dLnHzhxpEbN4FCRIyqiw2bIlTWy-A9gPjIvDCeKikjuGcxirh8ixiGUozoN7jeMJdCUYlcBKfDcpnQnmeMQVHI4lU3QqHz3aKmT00/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN9Oom7OaWgfQYG2kUH0YTLV9nN48Gc2jbG3_sg7dLnHzhxpEbN4FCRIyqiw2bIlTWy-A9gPjIvDCeKikjuGcxirh8ixiGUozoN7jeMJdCUYlcBKfDcpnQnmeMQVHI4lU3QqHz3aKmT00/s400/Untitled-1.jpg" width="400" /></a></div><br />
<br />
lalu masukan css ini <br />
<br />
#Label1 {<br />
width:580px;<br />
height:166px;<br />
overflow: auto;<br />
color:#eeeeee;<br />
text-shadow: 0px 0px 1px white;<br />
margin:0 0 10px;<br />
padding:5px;<br />
margin: 5px 0px 0 0;<br />
float:left;<br />
background: rgba(0, 0, 0, 0.6 );<br />
-webkit-background-clip: padding-box;<br />
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);<br />
box-shadow: 0 0 8px rgba(0,0,0,0.3);<br />
margin-left:15px;display:block;}<br />
<br />
<blockquote>untuk mengatur ukuran lebar/tinggi,ganti Width dan heigth'a</blockquote><br />
<blockquote>#label1 cuma contoh,setiap widget bisa berbeda-beda.</blockquote><br />
maka hasilnya akan menjadi sepeti gambar dibawah ini<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsUHujZjVnvcuKcbwhYRKD9pkzHhcTnhQEyNcbrNpscbDKLCAxFHpsiPeyu-c8bgUzk_BvsKnI2XSo6Qh6iU-K1Hk8dms18JSKXn1eg1QG8Unti6S56_FgvIbXCrWRI_wZOfOh4Kjpqmk/s1600/Untitddled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsUHujZjVnvcuKcbwhYRKD9pkzHhcTnhQEyNcbrNpscbDKLCAxFHpsiPeyu-c8bgUzk_BvsKnI2XSo6Qh6iU-K1Hk8dms18JSKXn1eg1QG8Unti6S56_FgvIbXCrWRI_wZOfOh4Kjpqmk/s400/Untitddled-1.jpg" width="400" /></a></div></blockquote><br />
<br />
<div style="text-align: justify;">Sipp deh,keren bukan~xD.untuk selanjutnya,saya offlagi,karena saya mau fokus kuliah dulu.~xDD<br />
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<a href="http://www.facebook.com/groups/DickeyMaru/"> grup dickey ini,</a>pasti ada yang bantu kq.<br />
:) Arigatou Gozaimasu~</div><br />
<a href="http://jo23demotemplate.blogspot.com/" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Midori Hanabira Blogger Templates" border="0" src="http://a.imageshack.us/img85/5342/demow.jpg" /></a><a href="http://www.4shared.com/zip/VGDfQjXj/Midori_Hanabira.html"> <img alt="Midori Hanabira Blogger Templates" src="http://a.imageshack.us/img42/1278/downloadoq.jpg" /> </a>Aneshttp://www.blogger.com/profile/12261285399799945612noreply@blogger.com1tag:blogger.com,1999:blog-4266578249714081652.post-25005972059295380382012-02-07T05:59:00.001-08:002012-02-07T05:59:47.348-08:00Uchiha Sasuke Blogtemplates<a href="http://djogzs.blogspot.com/2012/01/uchiha-sasuke-blogtemplates.html"> <img alt="Uchiha sasuke Blogtemplates" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsckGuYNqDXaWiHVzm2PjdCPSX6JDvIzc6d2oNd8taXSqom9qapZNYDvhBPgupBZdw3jwgTVXxKvwL50i3i56z3-G8A_Ya3xSuCD4y55XwNLqBBqlpUHj8GgrhkApP8cO_U5wLQTNzucM/s1600/cosu.jpg" /> </a><br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<div style="text-align: justify;">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<br />
<a name='more'></a><br />
Seperti biasa pula,Template ini menggunakan CSS3 pada bagian sidebar kiri dan kanan serta pada posting,dengan desain transparant.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCJPgxTgbkHQNHrUG6d0QedkqBNFnwPMvaowyRcQ1KFdbIUMqmCA_G7K2sXsPWZz9zORitiHfJIcAp5PA5sZefYT9p5hKw5QBhfOb5Y9qJbTRAT3h3UXTBAIzzVU8QOaGzLkku6AZrpM/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCJPgxTgbkHQNHrUG6d0QedkqBNFnwPMvaowyRcQ1KFdbIUMqmCA_G7K2sXsPWZz9zORitiHfJIcAp5PA5sZefYT9p5hKw5QBhfOb5Y9qJbTRAT3h3UXTBAIzzVU8QOaGzLkku6AZrpM/s1600/Untitled-1.jpg" /></a></div><br />
Ganti Link pada menubar,buka Rancangan >> Edit Html<br />
lalu cari kode html seperti yang dibawah ini.<br />
<br />
<blockquote><ul id='nav'><br />
<li class='current-cat'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li><br />
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li><br />
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li><br />
<li><a href='http://djogzs.blogspot.com/' title='about'>about</a></li><br />
</ul></blockquote><div style="text-align: justify;">Lalu ganti Link'a" dengan alamat link kamu~</div><div style="text-align: justify;"><br />
<blockquote>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<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqOXMmsNWxIMiUdW8zTuYD2bR03r_NrbFtYE27K9RfqTI_VB5WngwiHNWMb4JqpXtG383nPYzHWimtjKvo2qAZkg6_yuyhP5ozX10dfp56fhQrnJYaXuZi4TkzZ9Pj76dgpldoZi9xnaA/s1600/Untitled-9.jpg" imageanchor="1"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqOXMmsNWxIMiUdW8zTuYD2bR03r_NrbFtYE27K9RfqTI_VB5WngwiHNWMb4JqpXtG383nPYzHWimtjKvo2qAZkg6_yuyhP5ozX10dfp56fhQrnJYaXuZi4TkzZ9Pj76dgpldoZi9xnaA/s400/Untitled-9.jpg" width="228" /></a></div></blockquote><br />
<br />
Untuk mengganti logo,kamu cari css dibawah ini,lalu gantu URL gambarnya.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEXP3cbUoFj4EIgx3uTEWn46axN8ubLIR2v4_0ovmxnK6yRm7tnj3PNeB7krAdrAACn4V63FRozKMNtFg8tO3Z9tqshTrUvxToiM3wkBQcsmvEbCxwZAIH-TdXEDKUZcN18uwCLSYaNVx9/s1600/logodw.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEXP3cbUoFj4EIgx3uTEWn46axN8ubLIR2v4_0ovmxnK6yRm7tnj3PNeB7krAdrAACn4V63FRozKMNtFg8tO3Z9tqshTrUvxToiM3wkBQcsmvEbCxwZAIH-TdXEDKUZcN18uwCLSYaNVx9/s1600/logodw.png" /></a></div><br />
<blockquote>#header {<br />
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEXP3cbUoFj4EIgx3uTEWn46axN8ubLIR2v4_0ovmxnK6yRm7tnj3PNeB7krAdrAACn4V63FRozKMNtFg8tO3Z9tqshTrUvxToiM3wkBQcsmvEbCxwZAIH-TdXEDKUZcN18uwCLSYaNVx9/s1600/logodw.png) left bottom no-repeat transparent;<br />
position: absolute;<br />
height: 162px;<br />
margin: 0 0 0 25px;<br />
padding: 140px 0 0 0;<br />
}</blockquote><br />
<br />
</div><div style="text-align: justify;">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~</div><br />
<a href="http://sasuke-template.blogspot.com/" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Uchiha sasuke Blogtemplates" border="0" src="http://a.imageshack.us/img85/5342/demow.jpg" /></a><a href="http://www.4shared.com/zip/2M6I96EF/UchihaSasukeBtemplates.html"> <img alt="Uchiha sasuke Blogtemplates" src="http://a.imageshack.us/img42/1278/downloadoq.jpg" /> </a>Aneshttp://www.blogger.com/profile/12261285399799945612noreply@blogger.com1tag:blogger.com,1999:blog-4266578249714081652.post-5641332357841958912012-02-07T05:58:00.003-08:002012-02-07T05:58:56.289-08:00Costume CSS3 V2 Blogger templates<a href="http://djogzs.blogspot.com/2012/01/costume-css3-v2-blogger-templates.html"><img alt="Costume CSS3 V2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9fol-rjSPk-ujueZjtKiqUbhlUsOrg-gu5Sqs7q1ubuCMBzyyQrLUVoMf-CkiQnaGVCzXQylpi0BUn9ZP1UH6eAca1cqT2L2hQX7k4lxU2hXAsxFpKOY4kItPCq6oA6ljVAjVRPZ8sk/s1600/cosu.jpg" /></a><br />
<br />
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 <a href="http://djogzs.blogspot.com/2011/05/costume-css3-blogger-template.html">costume css3</a> yang sudah pernah saya share juga.<br />
<a name='more'></a>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.<br />
<div style="text-align: center;">-Home page-</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmreJnKuUKf2h43NXZpf0R-BNsDqivVTFa4VKdYv9hdX9Z7IE4F7IUUUGYdWYkuIF8hdc-ZF1L8ElByDDpFARICFX6P6m6IbEVeoZWmnirhswTSgMeI1xO3q85safiuPgsVevxCn_jXU0/s1600/Untitdled.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmreJnKuUKf2h43NXZpf0R-BNsDqivVTFa4VKdYv9hdX9Z7IE4F7IUUUGYdWYkuIF8hdc-ZF1L8ElByDDpFARICFX6P6m6IbEVeoZWmnirhswTSgMeI1xO3q85safiuPgsVevxCn_jXU0/s1600/Untitdled.jpg" /></a></div><div style="text-align: center;"> -Post page-</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTRA81f5AEAVB1RiFPTUMXO7iunvLcZpJwyB_hNbBUFJv_AoH1T-9AarUbCHic8aTvo281qOdxiYX1lKIG4HjQFHMAJxuGi-FH_-WD4POVlfQgKMWe_6GXfrXjKQhGIAbzk6dZaujPLe4/s1600/Untitled.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTRA81f5AEAVB1RiFPTUMXO7iunvLcZpJwyB_hNbBUFJv_AoH1T-9AarUbCHic8aTvo281qOdxiYX1lKIG4HjQFHMAJxuGi-FH_-WD4POVlfQgKMWe_6GXfrXjKQhGIAbzk6dZaujPLe4/s1600/Untitled.jpg" /></a></div><br />
<br />
<br />
<br />
bila sobat mau mengganti gambar'a,sobat tinggal cari kode html dibawah ini..<br />
<br />
<blockquote><li><div class='kotak16animasi'><br />
<div><a href='<span class="Apple-style-span" style="color: #cc0000;">http://djogzs.blogspot.com/</span>'><img alt='djogzs' src='<span class="Apple-style-span" style="color: #3d85c6;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig-_Avl59416_4mbx_v1tpAN0rjXHszfHf14ftzEdrM-fk7G-3i44JrBAmJ2ZhoPMYp84jPKQQhoJgLTk90gMuI18RU2dCZ5E-lvfAUPLKzuZC7ooX258PSkxNak0jrmhuheRO6TTkO6z9/s1600/Untitled-1.jpg</span>'/></a></div><div><span class="Apple-style-span" style="color: #674ea7;">Welcome ^_^</span></div><br />
</div></li></blockquote>Keterangan:<br />
pada text yang bewarna merah : alamat link<br />
pada text yang bewarna biru : Ganti dengan Url gambar kamu (857 x 303) (ukuran bisa diubah)<br />
pada text yang bewarna ungu : ganti pesan kamu<br />
<blockquote>#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.</blockquote><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6IIxyfj57zChE-rqYcXY_2LEpOkzyjqCgZo8qWLoRh4uUWA62czrDIBJz9pnahMoHAVYRu8CKco6ZsuYvzEng94YGYdrRg68e-sNCKW2Dgua75ar6f7CA7APnGzyzPJ2dohVFzmIgB0/s1600/untitled.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6IIxyfj57zChE-rqYcXY_2LEpOkzyjqCgZo8qWLoRh4uUWA62czrDIBJz9pnahMoHAVYRu8CKco6ZsuYvzEng94YGYdrRg68e-sNCKW2Dgua75ar6f7CA7APnGzyzPJ2dohVFzmIgB0/s1600/untitled.JPG" /></a></div>Untuk menambah link pada menu,buka blogger =>rancagan => klik edit seperti pada gambar,lalu masukan url link dan nama link'a.<br />
<br />
Arigatou gozaimasu,ada yang tidak dimengerti,tanyakan saja~<br />
<br />
<a href="http://css3modern.blogspot.com/" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Costume CSS3 V2" border="0" src="http://a.imageshack.us/img85/5342/demow.jpg" /></a><a href="http://www.4shared.com/zip/zbkLiA5r/Costume_css3_v2.html"> <img alt="Costume CSS3 V2" src="http://a.imageshack.us/img42/1278/downloadoq.jpg" /> </a>Aneshttp://www.blogger.com/profile/12261285399799945612noreply@blogger.com0tag:blogger.com,1999:blog-4266578249714081652.post-84436543604636835982012-02-07T05:58:00.001-08:002012-02-07T05:58:19.453-08:00Orange Minimalist Blogger templates<a href="http://djogzs.blogspot.com/2012/01/orange-minimalist-blogger-templates.html"> <img alt="Orange Minimalist Blogger templates" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizJwH5Ce6RbUejxXx6XYvDrWV7lW4jza_pXmBPET4HqXq7AhbLQH_VelzVBL6M5YiGH0DZlmEs-n2KnmFxyHQRpBPFuQqUuuavRxms9j6S92aF4tw36aoWkHIwEr4vpjjnS0jfSxi3TViW/s1600/cosu.jpg" /> </a><br />
<br />
<br />
<div style="text-align: justify;">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. </div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlFI-8Pt-XtNBRXbQZBLFuKZsU6nTA3KNHY1gxLqSEvHhJnl7ZO9IYLJ6Vf6EwXlREMP4Vu5tlKHDNu50o5xC8axikscToDmUM8KKYbwi-CU7h04EGgL43YgsZSC-bH9D3HJ_kRWvT_naa/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlFI-8Pt-XtNBRXbQZBLFuKZsU6nTA3KNHY1gxLqSEvHhJnl7ZO9IYLJ6Vf6EwXlREMP4Vu5tlKHDNu50o5xC8axikscToDmUM8KKYbwi-CU7h04EGgL43YgsZSC-bH9D3HJ_kRWvT_naa/s640/Untitled-1.jpg" width="640" /></a></div><br />
Ganti Link pada menubar,buka Rancangan >> Edit Html<br />
lalu cari kode html seperti yang dibawah ini.<br />
<br />
<blockquote><ul id='nav'><br />
<li><a href='#' target='_blank' title='Home'>Home</a></li><br />
<li><a href='#' target='_blank' title='About'>About</a></li><br />
<li><a href='#' rel='nofollow' target='_blank' title='Contact'>Contact</a></li><br />
<li><a href='#' target='_blank' title='Follow'>Follow</a></li><br />
<li><a href='#' rel='author' target='_blank' title='Sitemap'>Sitemap</a></li><br />
</ul></blockquote><br />
<br />
<div style="text-align: justify;">Ganti tanda pagar "#" dengan alamat link kamu~</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"> Arigatou Gozaimasu~ ,tunggu tanggal main template blogger selanjutnya~xD</div><br />
<a href="http://orangeminimalist.blogspot.com/" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Orange Minimalist Blogger templates" border="0" src="http://a.imageshack.us/img85/5342/demow.jpg" /></a><a href="http://www.4shared.com/zip/0EB2tf3e/OrangeMinimalistTheme_3_.html?"> <img alt="Orange Minimalist Blogger templates" src="http://a.imageshack.us/img42/1278/downloadoq.jpg" /> </a>Aneshttp://www.blogger.com/profile/12261285399799945612noreply@blogger.com0