5 Responsive Joomla! Template

5 Template Joomla! Responsive | Sudah lama, sejak aku pimdah ke appserv. Jarang sekali bermain joomla! di localhost, maklum appserv kurang support dengan CMS. <i>Website </i>yang memakai platfrom Joomla! memang terlihat lebih profesional. Karena Joomla! sendiri selalu di  update. Iya lah!! namanya juga CMS! Kenapa? Baca : <a href="http://www.bocahit.com/2012/09/mengenal-cms-joomla.html" target="_blank">Mengenal CMS Joomla!</a>.<br /><br /><h3>Music</h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDGswraWhaGYgQe2kvUWXQYg9aZA_21R-JbPHUhT6Bzz4j9XuH5zmJ2wM1j1528-WPF-Cw7pttCnMCKU2ftVg2i6UIcj2sw4kuoDwOc_VKcUBKT5ZvD85oGCFCIIVGiLjpopWzvEkA11ob/s1600/j1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="5 Responsive Joomla! Template" border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDGswraWhaGYgQe2kvUWXQYg9aZA_21R-JbPHUhT6Bzz4j9XuH5zmJ2wM1j1528-WPF-Cw7pttCnMCKU2ftVg2i6UIcj2sw4kuoDwOc_VKcUBKT5ZvD85oGCFCIIVGiLjpopWzvEkA11ob/s320/j1.PNG" title="5 Responsive Joomla! Template" width="320" /></a></div><br />Template ini, support untuk Joomla! 2.5 & 3.1.<br /><br /><div style="text-align: center;"> <a class="button" href="http://demo.gavick.com/free/may2012/" target="_blank">ILUSTRASI</a>              <a class="button" href="http://www.gavick.com/download/joomla-25-templates/musicfree.html" target="_blank">DOWNLOAD</a></div><br /><div style="text-align: left;"><h3>JA Elastica</h3></div><div class="separator" style="clear: both; text-align: center;"><a href="http://www.premium-joomlathemes.com/wp-content/uploads/2012/01/JA-Elastica-Free-Joomla-1.7-Template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="5 Responsive Joomla! Template" border="0" height="240" src="http://www.premium-joomlathemes.com/wp-content/uploads/2012/01/JA-Elastica-Free-Joomla-1.7-Template.jpg" title="5 Responsive Joomla! Template" width="320" /></a></div><br />Template ini, support hanya di Joomla! 2.5.<br /><div style="text-align: center;"><br /><a class="button" href="http://www.joomlart.com/demo/#joomla25-templates.joomlart.com/ja_elastica" target="_blank">ILUSTRASI</a>             <a class="button" href="http://www.joomlart.com/joomla/templates/ja-elastica" target="_blank">DOWNLOAD </a></div><br /><div style="text-align: left;"><h3>JA Puresite</h3></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLR-WRHytAjTfQyoOvAAeamtCnQIIUP55DHaHo1n2MOneXwwLI9AqUEsvQxCZid3-XTb7AGzGo-5YtDsov1uq3rLuRscg3InHGjdKtP2kfhOnJG6mEpowu_QU6eJh2XTZbnk2NXcYFHTnT/s1600/Puresite.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="5 Responsive Joomla! Template" border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLR-WRHytAjTfQyoOvAAeamtCnQIIUP55DHaHo1n2MOneXwwLI9AqUEsvQxCZid3-XTb7AGzGo-5YtDsov1uq3rLuRscg3InHGjdKtP2kfhOnJG6mEpowu_QU6eJh2XTZbnk2NXcYFHTnT/s320/Puresite.jpg" title="5 Responsive Joomla! Template" width="320" /></a></div><br /><div style="text-align: left;">Template ini, support dengan Joomla! 2.5 & 3.X.</div><br /><div style="text-align: center;"><a class="button" href="http://www.joomlart.com/demo/#joomla25-templates.joomlart.com/ja_puresite" target="_blank">ILUSTRASI</a>       <a class="button" href="http://www.joomlart.com/forums/downloads.php?do=cat&id=437" target="_blank">DOWNLOAD</a></div><br /><h3>Leo Book Restro</h3><div class="separator" style="clear: both; text-align: center;"><a href="http://www.leotheme.com/media/lofshowcase/gallery/470x620-index-clean.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="5 Responsive Joomla! Template" border="0" height="320" src="http://www.leotheme.com/media/lofshowcase/gallery/470x620-index-clean.jpg" title="5 Responsive Joomla! Template" width="242" /></a></div><br />Template ini, support dengan Joomla! 1.7 & 2.5.<br /><br /><div style="text-align: center;"><a class="button" href="http://leotheme.com/demo/?template=leo_restro" target="_blank">ILUSTRASI</a>      <a class="button" href="http://leotheme.com/download/viewcategory/31-leo-restro.html" target="_blank">DOWNLOAD</a> </div><br /><h3>Vertex </h3><div class="separator" style="clear: both; text-align: center;"><a href="http://www.shape5.com/images/products/2012/vertex/club_vertex.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="5 Responsive Joomla! Template" border="0" height="320" src="http://www.shape5.com/images/products/2012/vertex/club_vertex.jpg" title="5 Responsive Joomla! Template" width="279" /></a></div><br />Template ini, support dengan Joomla! 2.5 saja.<br /><br /><div style="text-align: center;"><a class="button" href="http://www.shape5.com/demo/index.php?vertex/" target="_blank">ILUSTRASI</a>                      <a class="button" href="http://www.shape5.com/product_details/free_templates/vertex_-_free_joomla_template.html" target="_blank">DOWNLOAD</a></div>

5 Responsive Joomla! Template

5 Template Joomla! Responsive | Sudah lama, sejak aku pimdah ke appserv. Jarang sekali bermain joomla! di localhost, maklum appserv kurang s...

Baca selengkapnya »

Template Blogger Untuk Profesi Fotografer

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWYzEiBdKqzj2RC2I7L1K6TggFMPGsh8J-bfcm9vuVkCXm6ARiEUiRgvSnbE8FI0VtWoA9GDLHDiXblzAM06FMDH4gSjH9WOpwDKg5RHr4fw6FsQQM3GgyN14Ti2DAv2qbVb_ZHuGipajk/s1600/Jaya+Adi+Art+Gallery.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Blogger Untuk Profesi Fotografer" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWYzEiBdKqzj2RC2I7L1K6TggFMPGsh8J-bfcm9vuVkCXm6ARiEUiRgvSnbE8FI0VtWoA9GDLHDiXblzAM06FMDH4gSjH9WOpwDKg5RHr4fw6FsQQM3GgyN14Ti2DAv2qbVb_ZHuGipajk/s320/Jaya+Adi+Art+Gallery.png" title="Template Blogger Untuk Profesi Fotografer" width="292" /></a></div><br />Template Blogger Untuk Profesi Fotografer | Kali ini, share buat yang suka, motret - motret dan yang mau mengoleksi foto prebadinya juga boleh. <b>Template</b> yang elegan & cassual ini, bukan buatan saya. Yups, cuma re-share aja. <b>Template</b> bawaan <b>wordpress</b> ini sangat cocok di pakai oleh <i>blog</i>ger yang mencoba memaparkan hasil karya di bidang gambar.<br /><br /><div style="text-align: center;"><a class="button" href="http://jayaadiart.blogspot.com/" target="_blank">ILUSTRASI</a>              <a class="button" href="https://app.box.com/s/ymyvdt071i0idq8145aa" target="_blank">DOWNLOAD</a></div><br />Akan 2 template XML. Yang pertama adalah, template with  <i>full blog post.</i> Maksudnya akan menampilkan semua artikel dengan gambar dan judul pada homepage. Yang kedua, template with <i>title post only</i>. Maskudnya hanya menampilkan judul artikel saja. Template ini dilengkapi slider, yang jumlah bisa kita tambah karena default hanya 3 slide. Jadi silakan di download.....

Template Blogger Untuk Profesi Fotografer

Template Blogger Untuk Profesi Fotografer | Kali ini, share buat yang suka, motret - motret dan yang mau mengoleksi foto prebadinya juga bol...

Baca selengkapnya »

Tertembak Oleh Tentara Google

Tertembak Oleh Tentara Google | Artikel curhat ini, memang bener - bener curhat masalah blog ini. Ga tau mengapa, udah 1,5 bulan blog <a href="http://www.bocahit.com/" target="_blank">ini</a> makin hari makin merosot aja visitornya. Apa yang terjadi dengan <a href="http://www.google.com/" target="_blank">Google</a> ? Yang dari 1500 per-hari sekarang malah jadi 500 per-harinya. Ini udah masuk kategori terjun bebas tanpa parasut. Yah, memang saya anggap jika visitor di bawah angka 800 itu menurut saya masuk di kategori blog mati. Jadi sekarang Wammy's Blog untuk saat ini adalah <i>mati</i>. <a href="http://www.google.com/" target="_blank">Google</a> punya banyak tentara yang beralgoritma. Yah, itu bisa dimaklumi makin hari <a href="http://www.google.com/" target="_blank">Google</a> pasti melakukan riset tentang keamanan sistemnya, jadi wajar saja, kalau para webmaster (blogger) berkeringat menghadapi tentara - tentara <a href="http://www.google.com/" target="_blank">google</a>.<br /><br />Visitor, Pageview, Unique Visitor adalah hal yang penting kita menurutkan berat badan alexa rank. Tapi kalau yang terjadi adalah terjun bebas, hasil dari alexa rank juga terjun bebas. Dari saya mendapat rank 200 sekarang naik ke 400, krisis BBM terasa juga disini. Pernah juga blog ini, di banned oleh <a href="http://www.google.com/" target="_blank">Google</a> sampai 2 kali. Skakmat lah, tapi seiring waktunya, akhirnya terindex kembali. Padahal, artikel 95% adalah buatan saya sendiri, ya..memang ada beberapa artikel yang re-share dari web lain, itu pun sudah saya beri sumbernya, komentar yang bebas spam, dan rata - rata tiap artikel juga ada komentar, itu kan bukti bahwa artikelnya bermanfaat, lalu kenapa hampir 15 artikel masuk di <a href="http://www.google.com/" target="_blank">Google</a> Sandbox. Saya, ga tau apa yang terjadi dengan raja informasi saat ini.<br /><br />Lain masalah ada di iklan <a href="http://www.google.com/" target="_blank">Google</a> Adsense. Padahal email saya udah terdaftar dan disetujui pula oleh <a href="http://www.google.com/" target="_blank">Google</a>, tapi iklan <a href="http://www.google.com/" target="_blank">Google</a> Adsense ga mau muncul di sini, padahal di blog saya yang memakai email ini, <a href="http://www.google.com/" target="_blank">Google</a> Adsense lancar - lancar saja. Dafuq...<br /><br />Sebenarnya, bukan saya saja yang merasakan peluru Tentara <a href="http://www.google.com/" target="_blank">Google</a>. Banyak juga yang PV dan AR terjun bebas, merasa senang pula kalau ada teman yang bernasib sama. Ada pula yang benar - benar tertembak mati, sampai blognya di banned dari <a href="http://www.google.com/" target="_blank">Google</a>, dan di dapus dari <a href="http://blogger.com/" target="_blank">Blogger</a>. Udah tamatlah riwayatnya....<br /><br /><br />Di Bulan Ramadhan ini, orang bilang bulan yang penuh berkah, saya harap begitu pula kepada blog ini,, karena saya juga membuat artikel yang baik, dan halal di konsumsi. Mungkin ini, pertanda baik bagi saya dan blog ini, untuk menjadi dan membuat informasi yang halal, dan lebih bermanfaat bagi <a href="http://www.google.com/" target="_blank">Google</a> dan semua orang. Jika artikelnya baik, pasti uang yang di dapatkan dari blog juga akan baik..itu yang saya yakini, selama ngeblog.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHQJHY4g0U901oGc7WoQoRE1r_6h_IFFw6yXGtSG2MrnxFJhGetZh78cV1yaeJoBxDWP23ySkLU8meqZOUJBhbss1_PelKUuYqgls9SuVxhhZCYiIWFr_3LG17JtauyrcqC2Kr8UWJBYNt/s1600/Alat+Webmaster+-+Kesalahan+Perayapan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tertembak Oleh Tentara Google" border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHQJHY4g0U901oGc7WoQoRE1r_6h_IFFw6yXGtSG2MrnxFJhGetZh78cV1yaeJoBxDWP23ySkLU8meqZOUJBhbss1_PelKUuYqgls9SuVxhhZCYiIWFr_3LG17JtauyrcqC2Kr8UWJBYNt/s400/Alat+Webmaster+-+Kesalahan+Perayapan.png" title="Tertembak Oleh Tentara Google" width="400" /></a></div>Kesalahannya juga sedikit, bahkan nyaris tanpa kesalahan, lalu kenapa.......<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFpDQH-dDmliLg27P-xazDIyKNX-al6yF-i8erhvKbn8ugEL9ABOwx8xI-peIi0cvAH4ee-B11DAiGKYf51ZGSZ3GZ1ey0Wz_w_WEQxuDfnv-OWDqEINRkFfblnxK4FF7Ixpk3XOLJDnBk/s1600/Alat+Webmaster+-+Peta+Situs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tertembak Oleh Tentara Google" border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFpDQH-dDmliLg27P-xazDIyKNX-al6yF-i8erhvKbn8ugEL9ABOwx8xI-peIi0cvAH4ee-B11DAiGKYf51ZGSZ3GZ1ey0Wz_w_WEQxuDfnv-OWDqEINRkFfblnxK4FF7Ixpk3XOLJDnBk/s400/Alat+Webmaster+-+Peta+Situs.png" title="Tertembak Oleh Tentara Google" width="400" /></a> </div><br />Terindex dan aman terkendali..Bingung...

Tertembak Oleh Tentara Google

Tertembak Oleh Tentara Google | Artikel curhat ini, memang bener - bener curhat masalah blog ini. Ga tau mengapa, udah 1,5 bulan blog ini m...

Baca selengkapnya »

Template Blogger HTML 5 Putih Cantik

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZO6N3mxTIBHWwlsBppzpqTAXaGe59jO-Gfz8xg4NmVmncn6YzkPR9fWxUGfnSnOOvNQw0ZR7CbpUVweAoWitGbzL1wH1MHEamqQIUG8CZ4MDwl9oyqMKYkNcQ6pPKrlgrI7MBtBBjRB_h/s1600/Putih+Cantik.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Blogger HTML 5 Putih Cantik" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZO6N3mxTIBHWwlsBppzpqTAXaGe59jO-Gfz8xg4NmVmncn6YzkPR9fWxUGfnSnOOvNQw0ZR7CbpUVweAoWitGbzL1wH1MHEamqQIUG8CZ4MDwl9oyqMKYkNcQ6pPKrlgrI7MBtBBjRB_h/s400/Putih+Cantik.png" title="Template Blogger HTML 5 Putih Cantik" width="171" /></a></div><br />Template Blogger HTML 5 Putih Cantik | Template benuansa batik dan putih ini, terlihat cantik dengan sendirinya. <i>Template Blogger </i>Gratis ini, sangat cocok untuk  <b>blog  </b>yang bertema personal, cerita, curhat, atau yang bercita - cita jadi penulis.<br /><br /><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: white;">Putih Cantik Disertai</span></h3><ol><li>Threaded Comment Ala Artistuorial yang mampu sampai 4 level balasan.</li><li>1 Kolom.</li><li>HTML 5. </li><li>3 Footer Bar. </li><li>Fast Loading.</li><li>Page List, sangat minimalis dan cocok untuk personal.</li><li>Emotikon dengan Jquery, tidak terlalu berat dari DTE:].</li><li>Space Pembuka.</li><li>Auto Readmore Dari DTE:] </li><li>Bingkai Gambar.</li><li>Optimasi Meta Tag Dari Maskolis. </li></ol><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: white;">Putih Cantik, Tidak Disertai</span></h3><ol><li>Breadcrumb.</li><li>Menu navigasi. </li></ol><h3 style="background-attachment: scroll; background-color: transparent; background-image: url(https://sites.google.com/site/republicofnote/image/RON+PostTitle1.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: 'Trebuchet MS', sans-serif; font-size: 20px; line-height: 1; margin: 15px 3px; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase;"><span style="color: white;">Cara Memakai Template Putih Cantik</span></h3><ol><li>Pada Edit HTML cari BLOG ID ANDA, kemudian ganti dengan Blog ID Anda yang ada di address bar browser.</li><li>Masuk di halaman Page / Laman, buat laman baru.</li><li>Pada Edit HTML, Klik Jump  to widget, pilih Header. Lihat <div id='sitename'>......</div>, ganti kata - kata  Wammy&#39;s Blog.....~ Putih Cantik, Template Minimalis 1 kolom putih dan cassual ~  </li></ol><div style="text-align: center;"><a class="button" href="http://putih-cantiku.blogspot.com/" target="_blank">ILUSTRASI</a>       <a class="button" href="https://www.dropbox.com/s/22e4kvsh69ab1pc/PutihCantik.xml" target="_blank">Download Via Dropbox</a></div><ol></ol>

Template Blogger HTML 5 Putih Cantik

Template Blogger HTML 5 Putih Cantik | Template benuansa batik dan putih ini, terlihat cantik dengan sendirinya. Template Blogger Gratis ini...

Baca selengkapnya »

Saya : Cosplayer Cantik Kelas Dunia

Cosplayer Cantik Kelas Dunia | Waw, Cosplayer ini banyak di bahas di forum - forum cosplay, makanya aku share disini. <span class="" id="result_box" lang="id"><span class="hps">SAYA</span> <span class="hps">adalah</span> <span class="hps">cosplaying</span> <span class="hps">sebagai</span> <span class="hps">Rinoa</span> <span class="hps">Heartilly</span> <span class="hps">dari</span><a href="http://www.bocahit.com/2013/05/cosplayer-keren-final-fantasy-vii.html" target="_blank"> <span class="hps">FINAL FANTASY</span> <span class="hps">VIII</span>.</a> <span class="hps">Rinoa</span> <span class="hps">Heartilly</span> <span class="hps">adalah</span> <span class="hps">perempuan</span> </span><span class="" id="result_box" lang="id"><span class="" id="result_box" lang="id"><span class="hps">protagonis </span></span> <span class="hps">utama</span>. <span class="hps">Dia adalah putri</span> <span class="hps">tujuh belas</span> <span class="hps">tahun</span> <span class="hps">Jenderal</span> <span class="hps">Caraway</span><span class="">, seorang</span> <span class="hps">perwira tinggi</span> <span class="hps">di tentara</span> <span class="hps">Galbadia</span>, <span class="hps">dan Julia</span> <span class="hps">Heartilly</span>, <span class="hps">seorang pianis</span> <span class="hps">dan penyanyi</span> <span class="hps">sukses</span>.</span><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5cBjkOHyAhXwoas_3AkqFPhl1BJjiGHFl_bGREgot0gMTFtHmatX7jXqRfSszW-pxBx1Got-Orvrg-cUTAsm4Fn9VfcT_alA_nPOyYU9EoKfrp0BtobJNYNWwkQ7wL4tRqwqBvJ7kYSz/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Saya : Cosplayer Cantik Kelas Dunia" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5cBjkOHyAhXwoas_3AkqFPhl1BJjiGHFl_bGREgot0gMTFtHmatX7jXqRfSszW-pxBx1Got-Orvrg-cUTAsm4Fn9VfcT_alA_nPOyYU9EoKfrp0BtobJNYNWwkQ7wL4tRqwqBvJ7kYSz/s320/1.jpg" title="Saya : Cosplayer Cantik Kelas Dunia" width="213" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdWgXeN3C2A4gGxb1Zjm2FujXyRgoJ5Qaq31LeZHe9PYZYYAb9l1K85sbNux_5CE86R-Nbv49Riyt3bo6i6Rc5M_OEUUWn3c_Yy1KQmF9ElxIXekTlF5J_A-khgNzc3OtQHHutha5yEjOM/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Saya : Cosplayer Cantik Kelas Dunia" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdWgXeN3C2A4gGxb1Zjm2FujXyRgoJ5Qaq31LeZHe9PYZYYAb9l1K85sbNux_5CE86R-Nbv49Riyt3bo6i6Rc5M_OEUUWn3c_Yy1KQmF9ElxIXekTlF5J_A-khgNzc3OtQHHutha5yEjOM/s320/2.jpg" title="Saya : Cosplayer Cantik Kelas Dunia" width="225" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO3wVnPegIhVHWUBbmSkgZvfsbPH8yGlyzWoVimfZj2GzvMX7xoLlvz7l6i7KFDU1KYiW9IJ_MrjQSFIXc9UQkksv4EEEDLMz5lBql-SLWPG8UV5xJlG8Jfut5s6u2oJ_WDg38Zzp_IQ-z/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Saya : Cosplayer Cantik Kelas Dunia" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO3wVnPegIhVHWUBbmSkgZvfsbPH8yGlyzWoVimfZj2GzvMX7xoLlvz7l6i7KFDU1KYiW9IJ_MrjQSFIXc9UQkksv4EEEDLMz5lBql-SLWPG8UV5xJlG8Jfut5s6u2oJ_WDg38Zzp_IQ-z/s320/3.jpg" title="Saya : Cosplayer Cantik Kelas Dunia" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiASDH7hu1krBM1-XtNRJB6E2MjWWQY7IlG9ECKBJFw1HPZ7oetSmJPpRvNHCnlFIEYeKr9WF7y1-AR7otTY3bT55jUGf6TzHHe_oDWW6u___sdu_mUYfE6hq3IuMTkcI9XThRlbnpIgq0H/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Saya : Cosplayer Cantik Kelas Dunia" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiASDH7hu1krBM1-XtNRJB6E2MjWWQY7IlG9ECKBJFw1HPZ7oetSmJPpRvNHCnlFIEYeKr9WF7y1-AR7otTY3bT55jUGf6TzHHe_oDWW6u___sdu_mUYfE6hq3IuMTkcI9XThRlbnpIgq0H/s320/4.jpg" title="Saya : Cosplayer Cantik Kelas Dunia" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIm8taE4eD2yr_uztT7xS04q217IWp-btgmCSEk4IGUt4ODIxnHLithcBRQMHguWzd5vdUoYHMv7pC98wYL_cNsh5PnRF4cAWXVvPciZpVW8-FjA7AlaNW5AISU8SnzdOCMtXtki_lTUZo/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Saya : Cosplayer Cantik Kelas Dunia" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIm8taE4eD2yr_uztT7xS04q217IWp-btgmCSEk4IGUt4ODIxnHLithcBRQMHguWzd5vdUoYHMv7pC98wYL_cNsh5PnRF4cAWXVvPciZpVW8-FjA7AlaNW5AISU8SnzdOCMtXtki_lTUZo/s320/5.jpg" title="Saya : Cosplayer Cantik Kelas Dunia" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZ1QzQFb0RGLn5TRt58NyZX2H5SuBENwwY_wuneNDJ9aUIzO6AlbDZF9vWjj6qbRJMkVNwIviY_MB-QNA-h53JM0iHQNnECQtvcNR7_MMrAUmQc6OJGmWJ43fJxzeqc2mMXEtpMpcjziv/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Saya : Cosplayer Cantik Kelas Dunia" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZ1QzQFb0RGLn5TRt58NyZX2H5SuBENwwY_wuneNDJ9aUIzO6AlbDZF9vWjj6qbRJMkVNwIviY_MB-QNA-h53JM0iHQNnECQtvcNR7_MMrAUmQc6OJGmWJ43fJxzeqc2mMXEtpMpcjziv/s320/6.jpg" title="Saya : Cosplayer Cantik Kelas Dunia" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik8htTe47vk3Z2qJHxWBL5NQkZGa5ITvalB9ewhEN0ycg12tbsj41yP4IVGaOcLnr6Qphk8bJGnwWYxB_H3msBzvBYdSyMPj1048Q2sj7vUTTOzo7KMKzeLjM-CmpC4dNTamAz8h1z66MS/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Saya : Cosplayer Cantik Kelas Dunia" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik8htTe47vk3Z2qJHxWBL5NQkZGa5ITvalB9ewhEN0ycg12tbsj41yP4IVGaOcLnr6Qphk8bJGnwWYxB_H3msBzvBYdSyMPj1048Q2sj7vUTTOzo7KMKzeLjM-CmpC4dNTamAz8h1z66MS/s320/7.jpg" title="Saya : Cosplayer Cantik Kelas Dunia" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaY-Em3VICxkFkw-lTnzhvbBc4mhGm7Tgs1BwRbS387I1KQs10osNzxCCCDtHk-XstJtQvYIL9AbmoeAA2nhGJlJbhgM8T44zqkdHQdTWfTE_irbRd2Yz_6F4DqD6BONnJ-6CknYXfkvo2/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Saya : Cosplayer Cantik Kelas Dunia" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaY-Em3VICxkFkw-lTnzhvbBc4mhGm7Tgs1BwRbS387I1KQs10osNzxCCCDtHk-XstJtQvYIL9AbmoeAA2nhGJlJbhgM8T44zqkdHQdTWfTE_irbRd2Yz_6F4DqD6BONnJ-6CknYXfkvo2/s320/8.jpg" title="Saya : Cosplayer Cantik Kelas Dunia" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhLvPyLpaMhLOqT15yr_DINkriN2UfRiDZKlXe9JBhtEjmULBJuvc6qMhT4bGszrw3gQJLnUIxTiBAOFfHuf8B-EaZZ1Z3-8FBxt9FEh62ODIjM2wt-h6yHKoFP6g7PA-a8x29KdnBRB_4/s1600/9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Saya : Cosplayer Cantik Kelas Dunia" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhLvPyLpaMhLOqT15yr_DINkriN2UfRiDZKlXe9JBhtEjmULBJuvc6qMhT4bGszrw3gQJLnUIxTiBAOFfHuf8B-EaZZ1Z3-8FBxt9FEh62ODIjM2wt-h6yHKoFP6g7PA-a8x29KdnBRB_4/s320/9.jpg" title="Saya : Cosplayer Cantik Kelas Dunia" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZwN9C1DuUxfkpsRGjr5duzRV-fWGjNMSOB1DW_7atZgdMK6r4dRY35KcyEHqUhVQKcxQm3Y-w6hDDRWyDlAv7PHnUmiG14FzEoUt1e-puFz-k3dmyELe2OMtgGI1V2fJgnPJ1U_vTXw81/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Saya : Cosplayer Cantik Kelas Dunia" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZwN9C1DuUxfkpsRGjr5duzRV-fWGjNMSOB1DW_7atZgdMK6r4dRY35KcyEHqUhVQKcxQm3Y-w6hDDRWyDlAv7PHnUmiG14FzEoUt1e-puFz-k3dmyELe2OMtgGI1V2fJgnPJ1U_vTXw81/s320/10.jpg" title="Saya : Cosplayer Cantik Kelas Dunia" /></a></div><br />Nah, 10 Foto Saya yang menjadi Cosplay Rinoa. Cantik dan terlihat genius. Kapan dapet pacar serupa nih?<br /><br />

Saya : Cosplayer Cantik Kelas Dunia

Cosplayer Cantik Kelas Dunia | Waw, Cosplayer ini banyak di bahas di forum - forum cosplay, makanya aku share disini. SAYA adalah cosplayi...

Baca selengkapnya »

Elegan Image Accordion Dengan CSS3 & Jquery

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDhbuQ00aDPNF3-tMvKGHTZiooiqTjBDAKtHIl_EPi5uyzLiX8D56KNJ75FzKchUIfBr4L0y7215hvDV3CrCl7f-q2tkYus018HJ-VueVAmYCE92TdtfnVW3Goq26Um-Xzey5xCoPHeqn/s666/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Elegan Image Accordion Dengan CSS3 & Jquery" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDhbuQ00aDPNF3-tMvKGHTZiooiqTjBDAKtHIl_EPi5uyzLiX8D56KNJ75FzKchUIfBr4L0y7215hvDV3CrCl7f-q2tkYus018HJ-VueVAmYCE92TdtfnVW3Goq26Um-Xzey5xCoPHeqn/s320/Capture.PNG" title="Elegan Image Accordion Dengan CSS3 & Jquery" width="320" /></a></div><div style="text-align: left;">Elegan Image Accordion Dengan CSS3 & Jquery | Image Accordion ini, sebagian codenya ada dari template jhony wuss dari mas kolis. Sedikit menggunakan JS dan CSS, kalau ini di pasang di blog, tidak terlalu menambah berat badan blog alias loading enteng. <br /><h3>CSS, Image Accordion</h3><pre class="brush:js;"><style type="text/css"><br />ul.accordion{<br />    list-style:none;   <br />    position:relative;<br />    right:80px;<br />    top:0px;<br />    font-family: Cambria, serif;<br />    font-size: 16px;<br />    font-style: italic;<br />    line-height: 1.5em;<br />}<br />ul.accordion li{<br />    float:right;<br />    width:115px;<br />    height:480px;<br />    display:block;<br />    border-right:2px solid #fff;<br />    border-bottom:2px solid #fff;<br />    background-color:#fff;<br />    background-repeat:no-repeat;<br />    background-position:center center;<br />    position:relative;<br />    overflow:hidden;<br />    cursor:pointer;<br />    -moz-box-shadow:1px 3px 15px #555;<br />    -webkit-box-shadow:1px 3px 15px #555;<br />    box-shadow:1px 3px 15px #555;<br />}<br />ul.accordion li.bg1{<br />    background-image:url(https://sphotos-b.xx.fbcdn.net/hphotos-prn2/p480x480/972359_657990040884651_1321185070_n.png);} /*URL GAMBAR*/<br />ul.accordion li.bg2{<br />    background-image:url(https://sphotos-b.xx.fbcdn.net/hphotos-prn2/p480x480/972359_657990040884651_1321185070_n.png); /*URL GAMBAR*/<br />}<br />ul.accordion li.bg3{<br />    background-image:url(https://sphotos-b.xx.fbcdn.net/hphotos-prn2/p480x480/972359_657990040884651_1321185070_n.png); /*URL GAMBAR*/<br />}<br />ul.accordion li.bg4{<br />    background-image:url(https://sphotos-b.xx.fbcdn.net/hphotos-prn2/p480x480/972359_657990040884651_1321185070_n.png); /*URL GAMBAR*/<br />}<br />ul.accordion li.bleft{<br />    border-left:2px solid #fff;<br />}<br />ul.accordion li .heading{<br />    background-color:#fff;<br />    padding:10px;<br />    margin-top:60px;<br />    opacity:0.9;<br />    text-transform:uppercase;<br />    font-style:normal;<br />    font-weight:bold;<br />    letter-spacing:1px;<br />    font-size:14px;<br />    color:#444;<br />    text-align:center;<br />    text-shadow:-1px -1px 1px #ccc;<br />}<br />ul.accordion li .description{<br />    position:absolute;<br />    width:480px;<br />    height:175px;<br />    bottom:0px;<br />    left:0px;<br />    display:none;<br />}<br />ul.accordion li .description h2{<br />    text-transform:uppercase;<br />    font-style:normal;<br />    font-weight:bold;<br />    letter-spacing:1px;<br />    font-size:45px;<br />    color:#444;<br />    text-align:left;<br />    margin:0px 0px 15px 20px;<br />    text-shadow:-1px -1px 1px #ccc;<br />}<br />ul.accordion li .description p{<br />    line-height:14px;<br />    font-color:#000;<br />    margin:10px 22px;<br />    font-family: "Trebuchet MS", sans-serif;<br />    font-size: 12px;<br />    font-style: italic;<br />    font-weight: normal;<br />    text-transform: none;<br />    letter-spacing: normal;<br />    line-height: 1.6em;<br />}<br />ul.accordion li .description a{<br />    position:absolute;<br />    bottom:5px;<br />    left:20px;<br />    text-transform:uppercase;<br />    font-style:normal;<br />    font-size:11px;<br />    text-decoration:none;<br />    color:#888;<br />}<br />ul.accordion li .description a:hover{<br />    color:#333;<br />    text-decoration:underline;<br />}<br /><br />ul.accordion li .bgDescription{<br />    background:transparent url(http://s20.postimg.org/h4kckk0m5/bg_Description.png) repeat-x top left;<br />    height:340px;<br />    position:absolute;<br />    bottom:0px;<br />    left:0px;<br />    width:100%;<br />    display:none;<br />}<br /><br /></style></pre><h3>HTML, Image Accordion</h3><pre class="brush:js;"><ul class="accordion" id="accordion"><br /><li class="bg1"><br /><div class="heading"><br />Delete</div><br /><div class="bgDescription"><br /></div><br /><div class="description"><br /><h2>Delete</h2><br /><p>Tulisan Anda</p><br /><br /><a href="http://www.blogger.com/">more →</a><br /></div><br /></li><br /><li class="bg2"><br /><div class="heading"><br />Write</div><br /><div class="bgDescription"><br /></div><br /><div class="description"><br /><h2>Write</h2><br /><p>Tulisan Anda</p><br /><br /><a href="http://www.blogger.com/">more →</a><br /></div><br /></li><br /><li class="bg3"><br /><div class="heading"><br />Wammy</div><br /><div class="bgDescription"><br /></div><br /><div class="description"><br /><h2>Wammy</h2><br /><p>Tulisan Anda</p><br /><br /><a href="http://www.blogger.com/">more →</a><br /></div><br /></li><br /><li class="bg4 bleft"><br /><div class="heading">Admin</div><br /><div class="bgDescription"><br /></div><br /><div class="description"><br /><h2>Admin</h2><br /><p>Tulisan Anda</p><br /><br /><a href="http://www.blogger.com/">more →</a><br /></div><br /></li><br /></ul></pre><h3>JS, Image Accordion</h3><pre class="brush:js;"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script><br />        <script type="text/javascript"><br />            $(function() {<br />                $('#accordion > li').hover(<br />                    function () {<br />                        var $this = $(this);<br />                        $this.stop().animate({'width':'480px'},500);<br />                        $('.heading',$this).stop(true,true).fadeOut();<br />                        $('.bgDescription',$this).stop(true,true).slideDown(500);<br />                        $('.description',$this).stop(true,true).fadeIn();<br />                    },<br />                    function () {<br />                        var $this = $(this);<br />                        $this.stop().animate({'width':'115px'},1000);<br />                        $('.heading',$this).stop(true,true).fadeIn();<br />                        $('.description',$this).stop(true,true).fadeOut(500);<br />                        $('.bgDescription',$this).stop(true,true).slideUp(700);<br />                    }<br />                );<br />            });<br />        </script></pre><br />Percobaan ini, dilakukan pada Dreamweaver, jadi belum tau apakah bisa valid di blogger.<br /><br /></div><div style="text-align: center;"><a class="button" href="http://iframe-wammy.blogspot.com/2013/07/ul.html" target="_blank">ISLUSTRASI</a></div>

Elegan Image Accordion Dengan CSS3 & Jquery

Elegan Image Accordion Dengan CSS3 & Jquery | Image Accordion ini, sebagian codenya ada dari template jhony wuss dari mas kolis. Sedikit...

Baca selengkapnya »