Skip to main content

Template Blogger Super Genit

Menurut kamus besar Bahasa Indonesia istilah genit diartikan sebagai bergaya-gaya (tingkah lakunya), banyak tingkahnya. Secara umum kita mengenal genit sebagai sesuatu yang menggoda, biasanya memiliki sifat feminim dan identik dengan kaum Hawa. Tidak ada definisi yang baku untuk genit, itu hanya definisi ngawur dari saya. Sebuah template blogger juga bisa dibilang genit jika banyak memiliki gaya dan menggoda orang untuk memakainya, seperti salah satu template yang akan saya bagikan dibawah, setidaknya itu menurut saya.

Johny Prett

Template ini mempunyai tampilan post di halaman muka yang hampir sama dengan Johny Jijay, bisa dibilang template ini adalah versi light dari Johny Jijay. Bedanya hanya pada slider dan sidebar yang saya munculkan di homepage. Template ini saya buat khusus untuk blog yang mempunyai konten gallery, tapi terserah Anda mau pakai untuk apa.

template blogger


SLIDER
Seperti juga Johny Jijay template, Johny Prett juga mempunyai dua buah slider. Untuk memasang slider yang ada di Homepage, cari kode berikut di Edit HTML (jangan lupa centang expand widget templates) :
<div id='sliderTimer-wrapper'>
<ul id='sliderTimer-header'/>
<ul id='sliderTimer'>
<li class='sliderTimer-item active' id='mas-1' ref='Box Office' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/box office?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
<li class='sliderTimer-item active' id='mas-2' ref='Best Seller' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/best seller?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
<li class='sliderTimer-item active' id='mas-3' ref='Watch Online' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/watch?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
<li class='sliderTimer-item active' id='mas-4' ref='Horror Movie' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/horror?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
<li class='sliderTimer-item active' id='mas-5' ref='Cartoon Kids' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/cartoon?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
<li class='sliderTimer-item active' id='mas-6' ref='Comedy' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/comedy?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
</ul>
</div>

Kode warna biru adalah judul bar pada slider timer, dan warna merah adalah label atau kategori yang ditampilkan pada slider. Silahkan ganti dengan judul dan label yang Anda inginkan.

Johny Genit

Template responsif ini saya buat khusus untuk blogger cewek karena tampilannya yang terkesan feminim, tapi kalau ada blogger cowok mau pakai ini template, ya silahkan aja. Template ini hanya modifikasi dari template saya sebelumnya yaitu Johny Prett, bedanya pada Johny Genit di post page hanya terdapat 2 kolom, yaitu kolom postingan dan sidebar kanan, untuk lebih jelasnya silahkan lihat screenshot di bawah :

responsive template


SLIDER
Slider yang saya pasang pada template ini adalah Camera Slider (klik untuk melihat slider asli) buatan Manuel Masia dari www.pixedelic.com. Sebenarnya banyak pilihan warna pagination pada slider ini, karena jika dipasang semua akan memberatkan loading, saya hanya memilih warna hijau saja dan menghilangkan pilihan untuk warna yang lain. Cara pasang slider ini sangat mudah, cari kode ini di Edit HTML :
blogURL:'http://johny-genit.blogspot.com/',
Ganti URL warna kuning diatas, dengan URL blog Anda.

Author Box
Template ini saya lengkapi dengan Author Box yang terdapat di bawah setiap postingan, untuk mengganti dengan data-data Anda, silahkan cari kode ini di Edit HTML (jangan lupa centang expand widget templates) :
<div class='masadmin'>
<h3>Written by : <a href='http://www.maskolis.com/'>Your Name</a> - Describe about you </h3>
<div class='isi'>
<img src='http://3.bp.blogspot.com/-LmG6wIIyTJI/TaQgWw-JHVI/AAAAAAAAAps/hIYHNiazYWA/s220/maskolis.jpg'/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus.
<p><span style='float:left;text-align:left;'>
Join Me On: <a href='http://www.facebook.com/you facebook' rel='nofollow'>Facebook</a> | <a href='http://www.twitter.com/your twitter' rel='nofollow'>Twitter</a> | <a href='https://plus.google.com/your G+/' rel='nofollow'>Google Plus</a></span>
<span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://www.maskolis.com/' target='_blank'>:: Thank you for visiting ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>

Keterangan :
Warna Hijau : URL photo profile blogger, silahkan menuju profile blogger Anda, dan ganti dengan URL image profile blogger Anda.
Warna Pink : Silahkan isi ID Facebook, twitter dan G+ Anda
Warna yang lain saya kira mudah untuk dimengerti, jadi silahkan isi dengan data-data Anda sendiri.

Widget Comment :
Masuk ke Layout >> add a gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0;padding:5px 0 2px!important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #eee;display: block;font:11px Arial;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 40,
characters  = 50,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://www.maskolis.com/feeds/comments/default?alt=json&amp;callback=tb_recent_comments&amp;max-results=5"></script>
Ganti URL warna biru diatas dengan URL blog Anda

Itu tadi dua template yang saya bagikan siang ini, yang perlu diperhatikan adalah, Anda harus menyimpan semua gambar postingan pada hosting blogger atau upload gambar waktu bikin postingan. Jika Anda menyimpan gambar selain di blogger, gambar thumbnail di halaman muka tidak akan muncul. Bagi yang tertarik silahkan dipakai dan jika masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar yang ada di bawah, selamat mencoba dan semoga bermanfaat.

Buat Panjz Online : 
Templatenya kalau udah jadi kirim ke email saya, nanti saya aja yang perbaiki, jgn lupa credit link Panjz Online dipasang
KLIK DISINI UNTUK DOWNLOAD



Comments

Popular posts from this blog

Cara memasang tombol follow dan dashboard di blog

Cara memasang tombol follow dan dashboard di blog Log in ke akun blog sobat. Klik rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript. Masukkan kode berikut pada kotak yang sudah tersedia. <div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID= 3317277797834091679 " target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left

Contoh Surat Lamaran Kerja Bahasa Inggris

Contoh Surat Lamaran Kerja Bahasa Inggris - Informasi Terbaru -  Contoh Surat Lamaran Kerja Bahasa Inggris  - Setelah sebelumnya saya telah share informasi mengenai cara cek pulsa smartfren dan kumpulan puisi cinta romantis kini saya akan update lagi blog tercinta ini dengan postingan mengenai  Contoh Surat Lamaran Kerja Bahasa Inggris  dan saya harap dapat bermanfaat untuk sahabat netter semua. Oke langsung saja lihat contoh surat lamaran pekerjaan bahasa inggris berikut ini: Bali, To; PT. Era Netter Indonesia Human Resources Department Jl. Raya Kuta No. 101 Kuta, Badung - Bali Dear Sir, I know that PT. Era Netter Indonesia is one of the biggest retail product distributors in Indonesia, and I am sure it would be an excellent career opportunity to join in and work for this respective company. I would like to apply for direct marketing and sales officer position in your company. I am in good health, willing to work, fast learning, and work well with others. I have my own vehicle, dr

Versi Teks Dragon Ball Z Episode 200 Bagian 3

Sebelumnya : Dragon Ball Z Episode 200 Bagian 2 "Hei Videl, apa menurutmu dia lebih kuat dari ayahmu?" Teman gadis di sebelah kirinya bertanya. "Jangan bodoh, ayah Videl adalah Mr.Satan, penyelamat Bumi!" ucap siswa yang duduk di depan Videl. "Tak seorangpun di dunia ini yang lebih kuat darinya." Setelahnya, pak guru masuk kelas. Videl kembali duduk di kursinya, dan pelajaran akan segera dimulai. Namun sebelum itu, pak guru hendak memperkenalkan seorang siswa baru. ya, dia tak lain adalah Son Gohan. "Selamat pagi semuanya, hari ini kita kedatangan mahasiswa baru. Silakan masuk." "Perkenalkan, namaku Son Gohan. Senang bertemu dengan kalian." "Wah, tampan sekali, dia adalah tipeku." ucap teman Videl. "Gohan? nama yang aneh." ucap siswa di depan Videl. Sejenak Videl terdiam, dan kemudian teringat kalau, "Sepertinya aku pernah bertemu dengannya." "Fufufu, dia terlihat seperti seorang kutu buku." ucap