wew

Read More »

SEO Greenz Rock Lee Blogger Template

Hay Sob !! :)

Sesuai Janji Gw :D gw akan Share Template Bener kan ?? :P Oke Template Ini Sebenernya Hampir mirip sama XkresssX Technology V.4 tapi saya rehap lagi lebih bagus :) gw gk tau template ini keren atau gk itu sih menurut selera kamu semua kalo menurut saya template ini simple aja :/ tapi yang mau gimana lagi.. saya sudah berjanji akan share template ini untuk kalian semua :D oke saya akan jelas kan fitur-fitur template ini 

FITUR !

1. Template Ini Lumayan Ringan Dan Tidak Sangat Berat 
2. Template Ini Juga SEO (gk SEO sepenuh nya :v ) 
3. Dan Template Ini VALID HTML5 Saya Sudah Meletakkan Meta Tag VAlid HTML5 dan SEO.,
4. CSS Bakclinks
5. READ MORE DAN add comment with css
6. fitur REQUEST
7. DLL

Tampilan Homepage 

Tampilan Tata Letak : 

bila ingin mengganti menu 

cari kode seperti ini

<div class='rendynav'>
<ul>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/' title='Klik Ini Untuk Kembali Ke Beranda'>Home</a></li>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/2012/05/link-exchange.html' target='_blank' title='Link Exchange'>Link Exchange</a></li>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/2011/07/wallhack-fitur-wallhack-bersih-charms.html' target='_blank' title='Sitemap'>Sitemap</a></li>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/2011/07/1-hit-wallhack.html' target='_blank' title='buku tamu'>Guestbook</a></li>
<li><a class='tooltip' href='http://www.facebook.com/Green.Boyz.25' target='_blank' title='Add Author'>Contact Facebook</a></li>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/2011/07/1hit-all-weapon.html' target='_blank' title='Klik ini Untuk Melihat Disclaimer Blog Ini'>Disclaimer</a></li>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/search/label/Template' target='_blank' title='Kumpulan Template'>Template</a></li>
</ul>
</div>

Ganti Semua nya mulai dari link dan nama menu nya :)

o iya bila ingin meta tag nya aktif kamu atur iya ni dia

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='/feeds/posts/default' rel='alternate' title='Limit Post - Atom' type='application/atom+xml'/>
<link href='/feeds/posts/default?alt=rss' rel='alternate' title='judul blog' type='application/rss+xml'/>
<link href='http://www.blogger.com/rsd.g?blogID=ID blogger kamu' rel='EditURI' title='RSD' type='application/rsd+xml'/>
<link href='url blogger profile kamu' rel='me'/>
<link href='url Google+ kamu' rel='author'/>
<meta content='deskripsi blog kamu' name='description'/>
<meta content='keyword blog kamu' name='keywords'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> | keyword | keyword</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/></b:if>
<meta content='index, follow' name='robots'/>
<meta content=' nama kamu ' name='author'/>
<meta content='index, follow' name='robots'/>
<meta content='article' property='og:type'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='Slurp'/>
<meta content='url blog kamu' property='og:url'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='kode validasi google' name='google-site-verification'/>
<meta content='kode validasi alexa' name='alexaVerifyID'/>
<meta content='kode validasi bing' name='msvalidate.01'/>
<meta content='general' name='rating'/>  

yang gw kasih warna itu yang harus kamu atur iya :)

TAMBAHAN !
bagi kalian yg ingin mengatur css animasi nya nih gw kasih css nya tinggal copy paste aja ke edit html mu

.Buletmuterwrapper{margin-right:-130px; margin-top:-25px; width:98px; height:120px; float:right; font-size:14px; text-align:center; text-shadow:0 1px 1px black}
.Buletmuter25{box-shadow:0 00 8px black;background-color:transparent; border:15px solid green; border-top:15px solid #053706; border-bottom:15px solid #053706; border-radius:120px; width:96px; height:105px; margin:0 auto; top:-60px; position:relative; -moz-animation:muterterus 1s infinite linear; -webkit-animation:muterterus 1s infinite linear}

dan bilang ada masalah dg Read more sama  add comment  nya kamu atur aja yg ini nya

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 435;
summary_img = 325;
img_thumb_height = 96;
img_thumb_width = 96;
</script>

yang tanda merah itu kamu atur



Nih Link Download nya

Demo 

Download Via Google Drive  |  Download Via MediaFire

PASSWORD RAR : greenz

NB:
*Jangan Tukar Credit Pendesign nya !! bila kamu ingin di hargai !!
*bila ada yang rusak di template atau ada yang aneh comment saja !
*Di Bagian Widget 88x31 Di header kamu tambahkan 9/10 banner supaya tidak hancur tampilan nya

Sumber : xkresssx-technology

Read More »

Tutorial Dasar Widget Dalam Header

Ngeposting tutor ini aku belum ijin ke Tobi Bakero ataupun Ghee Ghorl loh! Yang sudah ngajarin untuk buat Widget Di Dalam Header Ah sudah lupakan. Udah banyak yang pakai juga. Aku juga gak mau dikejar-kejar anak-anak blogger terus buat nanya tutorial ini. Tutorial membuat widget dalam header. Saya hanya memberikan konsepnya, selanjutya silahkan di atur sendiri. Contohnya seperti ini, ada 3 widget di dalam header.

Perhatikan yang berwarna MERAH, KUNING, dan HIJAU. Untuk widget yang sebelah kiri, CSS propertinya seperti ini:

#dmhwidgetl{
float: left;
margin-top: 20px;
margin-left: 20px;
width: 100px;
height: 200px;
display: inline;
}

Untuk widget yang sebelah kanan, CSS nya seperti ini:

#dmhwidgetr{
float: right;
margin-top: 50px;
margin-right: 30px;
width: 150px;
height: 150px;
display: inline;
}

Intinya, kodenya sama, hanya saja kita ubah float saja. Jika widget itu di sebelah kanan, maka value float nya adalah right, kalau sebelah kiri ya isi saja left.
Jika widget tersebut ada disebelah kiri, maka kita cukup mengatur batas sisi kiri dengan tepi header saja, atau margin-left. Begitu sebaliknya kalau sebelah kanan ya margin-right. Kalau widget yang tengah? Terserah aja, boleh pilih float left atau right. Yang penting sesuaikan, float dan margin harus sama. Jika float left, ya pakai margin-left. Kalau float right ya pakai margin-right.

#dmhwidgetc{
float: right; /* Boleh diisi left atau right */
margin-top: 200px;
margin-right: 200px;  /* sesuaikan / samakan dengan isi float diatas */
width: 448px;
height: 68px;
display: inline;
}

Lebar dan tinggi sesuaikan sendiri. Width itu lebarnya, height itu tinggi widgetnya. Bisa kalian modifikasi sesuka hati. Semua kode CSS diatas masukkan diatas kode:

]]></b:skin>

Lalu untuk membuat header modifikasinya, cari kode:

<div id='header-wrapper'>

Jika kode tersebut tidak ditemukan, berarti kodenya beda. Intinya cari kode header dan hapus! (tapi CSS headernya biarin aja). Lalu hapus elemen terebut beserta yang ada di dalamnya. jadi dari awal <div id='header-wrapper'> sampai penutupnya </div> kalian hapus semua. Ganti dengan kode dibawah ini:

<div id='header-wrapper'>

<b:section id='dmhwidgetl' maxwidgets='5' showaddelement='yes'>
</b:section>

<b:section id='dmhwidgetc' maxwidgets='5' showaddelement='yes'>
</b:section>

<b:section id='dmhwidgetr' maxwidgets='5' showaddelement='yes'>
</b:section>

</div>

Misalkan kode header-wrapper tidak ditemukan, cari kode header, kamu copy isi class atau id nya, lalu ubah text header-wrapper dengan class atau id dari header yang kamu temukan tadi. (Jika kodenya beda, kalau header-wrapper sudah ketemu ya gak usah).
Template kalian.

Biasakan BackUp Template sebelum memodifikasi template. Buat jaga-jaga nanti kalau templatenya rusak. Untuk background, border, dan lain-lain silahkan ditambahin sendiri.

Untuk mengatur posisinya, kan tinggal ganti margin nya saja, angkanya kalian rubah sendiri, sampai benar benar pas. Perhitungannya udah pas, tapi posisinya masih nggak tepat? Ya perkirakan ubah-ubah lagi sampai pas, punyaku juga gitu kali.

Ingin menambah widget lagi di dalam header? Copy saja kode CSS diatas, hanya yang berwarna biru kamu ganti menjadi:

dmhwidget1

Trus buat kode seperti dibawah ini di dalam kode widget widget header tadi, silahkan dissuaikan sendiri posisinya, setelah kode yang widget sebelah kiri atau yang mana, coba dikira-kira sendiri dan dicoba-coba sendiri:

<b:section id='dmhwidget1' maxwidgets='1' showaddelement='yes'>
 </b:section>

Mau nambah lagi? ya buat lagi, tapi angka 1 diatas ubah menjadi angka 2, dan seterusnya jika mau nambah widget.

Gak ngerti? Masih gak mudeng? Gak ngerti CSS? Ya derita loe. Di google banyak tutorial CSS kenapa gak dipelajarin... Masa mau dibantu terus, kapan nih mau belajar? Aku minta jangan sms ataupun kirim pesan di Facebook lagi untuk nanya soal trik ini, nih sudah aku psting script dasarnya, selanjutnya silahkan gunakan kreatfifitas kalian sendiri bagaimana mengaturnya!

Sumber : DickeyMaru

Read More »