Rabu
Cara Pasang Site Meter di Blog
Sitemeter adalah Alat untuk mengukur jumlah pengunjung blog atau yang sering disebut Counter Web, namun bedanya Site meter tidak memberikan perhitungan Jumlah pengunjung blog secara langsung didalam blog orang yang menggunakan fasilitas dari sitemeter tersebut,atau bisa dikatakan site meter adalah counter web tersembunyi .mengapa dikatakan sebagai counter web tersembunyi ? ya karena sitemeter hanya memberikan banner atau link menuju counter blog kita. dibawah ini adalah contoh banner dari sitemeter .

Jadi jika sobat ingin memasang web counter yang tidak ingin dilihat oleh pengunjung blog secara langsung,,sobat bisa menggunakan site meter ini .jika sobat tertarik untuk memasang sitemeter,silakan ikuti langkah-langkah Cara Pasang Site Meter di bawah ini .
Cara Pasang Site Meter
1.Klik http://www.sitemeter.com/.
2.Klik Sign Up pada pilihan Site Meter Basic Free .
3.Klik lagi Sign Up pada pilihan Site Meter Basic Free.
4.Kemudian isikan data yang diperlukan pada form pendaftaran, seperti :
5.Klik Next.
6.Pada form pendaftran selanjutnya silakan isikan form pendaftaran tersebut dengan lengkap ,Seperti :
8.klik Next lagi setelah ada pernyataan dan tidak ada masalah pada pendaftaran.
9.Selanjutnya klik Manager pada tab menu yang ada diatas.
10.Kemudian klik HTML pada Adding Site Meter to your site .atau biar lebih jelasnya lihat gambar dibawah.

11.Copy seluruh kode HTML yang diberikan Sitemeter.
12.Selanjutnya Login ke blogger.
13.Klik Tata Letak.
14.Klik Tambah Gadget.
15.Kemudian pilih HTML/javascript.
16.Selanjutnya paste Seluruh kode HTML yang tadi kedalamnya.
17.Klik Simpan.
18.Selesai... untuk melihat jumlah pengunjung blog sobat tiap hari ,sobat tinggal klik aja banner tersebut.nanti akan tertampil statistik blog sobat.

Jadi jika sobat ingin memasang web counter yang tidak ingin dilihat oleh pengunjung blog secara langsung,,sobat bisa menggunakan site meter ini .jika sobat tertarik untuk memasang sitemeter,silakan ikuti langkah-langkah Cara Pasang Site Meter di bawah ini .
Cara Pasang Site Meter
1.Klik http://www.sitemeter.com/.
2.Klik Sign Up pada pilihan Site Meter Basic Free .
3.Klik lagi Sign Up pada pilihan Site Meter Basic Free.
4.Kemudian isikan data yang diperlukan pada form pendaftaran, seperti :
- Your Site's URL isikan dengan Alamat blog sobat.
- Your Site's NAME isikan dengan judul blog sobat.
- Codename isikan dengan nama sobat atau dengan kata yang lainya .
- Your Current time biarkan saja .
- Beri tanda titik pada By checking this box I agree to be bound by.
5.Klik Next.
6.Pada form pendaftran selanjutnya silakan isikan form pendaftaran tersebut dengan lengkap ,Seperti :
- Email addres isikan dengan alamat email sobat.
- Title isikan dengan Other saja.
- Your ZIP or postal Code isikan dengan kode pos alamat sobat ,atau isi saja dengan 17422.
- Country isikan dengan indonesia.
- Pilih jenis kelamin sobat pada GENDER.
- Beri tanta titik NO pada pilihan Can you receive HTML email.
8.klik Next lagi setelah ada pernyataan dan tidak ada masalah pada pendaftaran.
9.Selanjutnya klik Manager pada tab menu yang ada diatas.
10.Kemudian klik HTML pada Adding Site Meter to your site .atau biar lebih jelasnya lihat gambar dibawah.

11.Copy seluruh kode HTML yang diberikan Sitemeter.
12.Selanjutnya Login ke blogger.
13.Klik Tata Letak.
14.Klik Tambah Gadget.
15.Kemudian pilih HTML/javascript.
16.Selanjutnya paste Seluruh kode HTML yang tadi kedalamnya.
17.Klik Simpan.
18.Selesai... untuk melihat jumlah pengunjung blog sobat tiap hari ,sobat tinggal klik aja banner tersebut.nanti akan tertampil statistik blog sobat.
Cara Membuat Teks Berjalan atau Efek Marquee
Bagaimana cara membuat teks berjalan Pada postingan,sidebar Atau tempat yang lainya dech .hehehe yupzz dalam postingan kali ini saya akan membahas bagaimana cara Membuat Efek Marquee Atau Teks Berjalan .apa itu marquee ?Marquee adalah suatu program HTML untuk membuat teks atau juga gambar bisa bergerak atau berjalan.
Perhatikan Kode HTML Berikut :
letakan kode berikut di HTML/Javascript
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="40%">
Blog tutorial|Free Template|HTML Tutorial|Dan tips&trik mengenai internet|
</MARQUEE>
Jadi untuk Membuat Efek Marquee Tinggal copy paste kode di atas lalu Ganti teks yang bertanda biru dengan teks yang anda ingin tampilkan..
Perhatikan Kode HTML Berikut :
letakan kode berikut di HTML/Javascript
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="40%">
Blog tutorial|Free Template|HTML Tutorial|Dan tips&trik mengenai internet|
</MARQUEE>
Jadi untuk Membuat Efek Marquee Tinggal copy paste kode di atas lalu Ganti teks yang bertanda biru dengan teks yang anda ingin tampilkan..
Cara Membuat Footer 4 kolom
1.Seperti biasa Login Dulu ke blogger.
2.Klik Tata Letak.
3.Klik Edit HTML.
4.Selanjutnya silakan sobat cari kode ]]></b:skin> .
5.Jika sudah ketemu Copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin> .
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
6.Selanjutnya silakan sobat cari kode dibawah ini .
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
7.Jika sudah ketemu Hapus kode <b:section class='footer' id='footer'/> kemudian ganti bengan kode dibawah ini .
<div id='footer-column-divide'>
<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>
<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>
8.Klik Simpan Template .
9.Jika berhasil maka hasilnya adalah seperti di bawah ini .

10.Selamat Mencoba..
2.Klik Tata Letak.
3.Klik Edit HTML.
4.Selanjutnya silakan sobat cari kode ]]></b:skin> .
5.Jika sudah ketemu Copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin> .
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
6.Selanjutnya silakan sobat cari kode dibawah ini .
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
7.Jika sudah ketemu Hapus kode <b:section class='footer' id='footer'/> kemudian ganti bengan kode dibawah ini .
<div id='footer-column-divide'>
<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>
<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>
8.Klik Simpan Template .
9.Jika berhasil maka hasilnya adalah seperti di bawah ini .

10.Selamat Mencoba..
Cara Mendapatkan Domain Gratis
Domain GRATISSS, dot .com .net .biz .org .us .info dll GRATISS tanpa dipungut biaya sepeserpun. caranya gampang tinggal daftar terus undang teman untuk daftar (7 orang) kalo udah dapet 7 poin(7 orang) tiggal minta Domainnya deh tinggal pilih GRATISS. cara daftar klik link Free Domain diatas terus isi formulir pendaftaranya. Jujur saya juga masih ngumpulin Poin neh..heehehehe Buruan daftar GRATIS !!!
Selasa
Cara Menyembunyikan Komentar
Menyembunyikan komentar sangat berguna terutama untuk blog yang sering kebanjiran komentar dari pengunjung seperti blognya Kang Rohman, Fatih Syuhud atau Joko Susilo. Dengan menyembunyikan komentar dapat menambah ruang pada blog. Cara kerjanya sepeti ini : komentar dari pengunjung akan disembunyikan dan akan muncul apabila anda atau pengunjung menge-klik tulisan seperti ini [+/-]Click to Show or Hide Old Comments. Cara menyembunyikan komentar seperti ini :
1. login --->> Tata Letak --->> Edit HTML
2. Tambahkan kode dibawah ini sebelum kode ]]></b:skin>
3. Cari kode ini <dl id='comments-block'>. Kemudian salin kode dibawah ini tepat sebelum kode tersebut.
4. gerakkan mouse ke bawah dan cari kode berikut </b:loop>. Biasanya sebelum kode <b:if cond="data:post.commentPagingRequired">
5. Salin kode berikut sebelum kode </b:loop>
6. Tambahkan kode script berikut sebelum kode </head>
7. Simpan. Sobat bisa mengganti kata ini "+/-]Click to Show or Hide Old Comments" dengan kata yang sobat inginkan.
1. login --->> Tata Letak --->> Edit HTML
2. Tambahkan kode dibawah ini sebelum kode ]]></b:skin>
.commenthidden {display:none}
.commentshown {display:inline}
3. Cari kode ini <dl id='comments-block'>. Kemudian salin kode dibawah ini tepat sebelum kode tersebut.
<a aiotitle='Hide Comments' href='javascript:togglecomments("hideshow")'>[+/-]Click to Show or Hide Old Comments</a>
<div class='commenthidden' id='hideshow'>
4. gerakkan mouse ke bawah dan cari kode berikut </b:loop>. Biasanya sebelum kode <b:if cond="data:post.commentPagingRequired">
5. Salin kode berikut sebelum kode </b:loop>
<a aiotitle='Hide Comments' href='javascript:togglecomments("hideshow")'>[+/-]Click to Show or Hide Old Comments</a>
6. Tambahkan kode script berikut sebelum kode </head>
<script type='text/Javascript'>function togglecomments (postid) {var whichpost = document.getElementById(postid);if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }} </script>
7. Simpan. Sobat bisa mengganti kata ini "+/-]Click to Show or Hide Old Comments" dengan kata yang sobat inginkan.
Cara Membuat Navbar Transparan
Navbar mengganggu penampilan blog anda??? Ini adalah solusi terbaik untuk blog anda adalah membuat navbar menjadi transparan. Sebenarnya ada cara lain yaitu dengan menyingkirkan navbar. Akan tetapi cara dapat membuat blog kta diblokir, karena melanggar TOS blogger. TOS blogger adalah perjanjian antara kita dan pihak blogger pada saat kita akan membuat blog. Mungkin kita tidak sempat membaca term and service pada saat membuat blog.
Navbar transparan adalah jika pointer tidak berada di Navbar blogger navbar akan kelihatan samar dan transparant tapi jika Pointer berada di navbar blogger maka Navbar akan kelihatan jelas dan terang. Jadi tidak melanggar TOS. Cara membuatnya adalah sebagai berikut:
1. Login Ke Blogger lalu ke menu Layout dan masuk Edit HTML
2. Kemudian Cari Code ]]></b:skin>
3. Lalu Taruh Code Dibawah kemudian tempatkan diatas Code ]]></b:skin>
4. Kemudian Simpan Template.
Navbar transparan adalah jika pointer tidak berada di Navbar blogger navbar akan kelihatan samar dan transparant tapi jika Pointer berada di navbar blogger maka Navbar akan kelihatan jelas dan terang. Jadi tidak melanggar TOS. Cara membuatnya adalah sebagai berikut:
1. Login Ke Blogger lalu ke menu Layout dan masuk Edit HTML
2. Kemudian Cari Code ]]></b:skin>
3. Lalu Taruh Code Dibawah kemudian tempatkan diatas Code ]]></b:skin>
#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}
4. Kemudian Simpan Template.
Cara Menambah Footer 3 kolom di Blogger
Template Blogger kian banyak macamnya. Mulai dari yang berkonsep minimalis, hingga magazine style. Beberapa template baru memiliki footer (letaknya di bawah, karena foot itu artinya kaki..hehehe) tiga kolom, seperti blog ini. Nah, bagaimana cara menambah footer 3 kolom di Blogger atau Blogspot? Bagi anda yang malas ganti template atau sudah sreg dengan template sekarang dan ingin menambah footer 3 kolom, tips ini mungkin berguna.
Oke, langsung saja ke tutorialnya:
1. Masuk Layout, Edit HTML, beri centang (jangan lupa back up dulu buat jaga-jaga).
2. Cari kode: <div id="footer-wrapper">
Ket: pada beberapa template kodenya: footer atau footer-section.
3. Geser ke bawah (biasanya dua baris ke bawah) sampai ketemu kode: </div>
4. Tambahkan kode berikut ini di bawahnya:
5. Simpan, lalu klik Layout dan lihat hasilnya: akan muncul tiga kolom di bawah (bagian footer).
( Sumber : http://wawanwae.blogspot.com )
http://forantum.blogspot.com/
Oke, langsung saja ke tutorialnya:
1. Masuk Layout, Edit HTML, beri centang (jangan lupa back up dulu buat jaga-jaga).
2. Cari kode: <div id="footer-wrapper">
Ket: pada beberapa template kodenya: footer atau footer-section.
3. Geser ke bawah (biasanya dua baris ke bawah) sampai ketemu kode: </div>
4. Tambahkan kode berikut ini di bawahnya:
<div id="footer">
<div id="footer2" style="margin: 0pt; width: 30%; float: left; text-align: left;">
<b:section class="footer-column" id="col1" preferred="yes" style="float: left;">
</b:section></div>
<div id="footer3" style="margin: 0pt; width: 40%; float: left; text-align: left;">
<b:section class="footer-column" id="col2" preferred="yes" style="float: left;">
</b:section></div>
<div id="footer4" style="margin: 0pt; width: 30%; float: right; text-align: left;">
<b:section class="footer-column" id="col3" preferred="yes" style="float: right;">
</b:section></div>
<div style="clear: both;">
<p>
</p><hr align="center" color="#5d5d54" width="90%"><p></p>
<div id="footer-bottom" style="padding: 10px; text-align: center;">
<b:section class="footer" id="col-bottom" preferred="yes">
</b:section>
</div>
<div style="clear: both;">
</div>
5. Simpan, lalu klik Layout dan lihat hasilnya: akan muncul tiga kolom di bawah (bagian footer).
Apabila muncul galat, wakakaka....tenang. Kembalikan template dengan back up template yang telah kita buat dan ulangi semua tahap. tapi coba dengan jangan centang expand widget template.Semoga barhasil...
( Sumber : http://wawanwae.blogspot.com )
http://forantum.blogspot.com/
Cara Pasng Kalender di Blog
Kalender Merupakan Salah Satu aksesoris blog yang dipergunakan untuk mempercantik tampilan blog. kalender juga berguna untuk pengunjung blog kita supaya mereka bisa mengetahui tanggal dan hari . Berikut adalah langkah-langkah untuk memasang kalender di blog .
1.Klik http://www.free-blog-content.com/Help-Centre/how-to-add-calender-to-blogger.htm
2.Silakan Pilih Jenis kalender yang anda suka .
3.Selanjutnya Tinggal Copy Paste Aja kode HTML nya ke blog kamu .
1.Klik http://www.free-blog-content.com/Help-Centre/how-to-add-calender-to-blogger.htm
2.Silakan Pilih Jenis kalender yang anda suka .
3.Selanjutnya Tinggal Copy Paste Aja kode HTML nya ke blog kamu .
Cara Agar Artikel tidak bisa di Copy
1.Log in ke blogger lalu pilih Layout --> Edit HTML Lalu cari kode </body> Supaya tidak ribet mencarinya tekan aja tombol CTRL Dan F.
2.Kalo Udah Ketemu Copy Paste Kode Berikut Dan taro Di atas Kode </body> :
<script language='JavaScript1.2'>
//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language='JavaScript'>curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}</script>
Setelah Itu Klik Save template, Tapi inget jangan beri tanda centang pada tanda di expand template .
2.Kalo Udah Ketemu Copy Paste Kode Berikut Dan taro Di atas Kode </body> :
<script language='JavaScript1.2'>
//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language='JavaScript'>curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}</script>
Setelah Itu Klik Save template, Tapi inget jangan beri tanda centang pada tanda di expand template .
Cara Membuat Kode Tuker Link
1.Klik http://cooltext.com/
2.Klik Menu logos yang ada di atas .Setelah anda klik akan ada tampilan seperti gambar di bawah ini .

3.Klik Logo yang anda inginkan.lalu setting logo menurut yang anda inginkan .
4.Klik Image Width untuk menentukan ukuran logo, jika sudah selesai klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat logo selesai.
5.Klik Download Image untuk langsung menyimpan logo ke hardisk komputer lalu menaruh logo tersebut ke hosting tempat penyimpanan gambar seperti flickr atau yang lainnya. atau Get HTML Code untuk mendapatkan script,tetapi nanti anda akan diminta untuk register terlebih dahulu.
6.Selanjutnya adalah login ke dalam Blogger.com atau blog yang lainya.Lalu klik tata letak lalu tambahkan elemen html untuk di sidebar.
7.Copy paste kode berikut ke blog anda :
<p>Tuker Link</p>
<p><a href="http://www.trick-blogspot.blogspotcom%E2%80%9D" target="”_blank”"><img alt="”Belajar" dengan="" src="http://images.cooltext.com/1306953.gif" border="”0″" /></a></p>
<p><textarea rows="”3″" cols="”20″"><a href="”http://www.trick-blogspot.blogspot.com”" target="”_blank”"><img border="”0″" alt="”Belajar" src="”http://images.cooltext.com/1306953.gif" /></a></textarea></p>
Keterangan:
Jangan Lupa Ganti Link yang berwarna biru dengan link blog anda .
2.Klik Menu logos yang ada di atas .Setelah anda klik akan ada tampilan seperti gambar di bawah ini .

3.Klik Logo yang anda inginkan.lalu setting logo menurut yang anda inginkan .
4.Klik Image Width untuk menentukan ukuran logo, jika sudah selesai klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat logo selesai.
5.Klik Download Image untuk langsung menyimpan logo ke hardisk komputer lalu menaruh logo tersebut ke hosting tempat penyimpanan gambar seperti flickr atau yang lainnya. atau Get HTML Code untuk mendapatkan script,tetapi nanti anda akan diminta untuk register terlebih dahulu.
6.Selanjutnya adalah login ke dalam Blogger.com atau blog yang lainya.Lalu klik tata letak lalu tambahkan elemen html untuk di sidebar.
7.Copy paste kode berikut ke blog anda :
<p>Tuker Link</p>
<p><a href="http://www.trick-blogspot.blogspotcom%E2%80%9D" target="”_blank”"><img alt="”Belajar" dengan="" src="http://images.cooltext.com/1306953.gif" border="”0″" /></a></p>
<p><textarea rows="”3″" cols="”20″"><a href="”http://www.trick-blogspot.blogspot.com”" target="”_blank”"><img border="”0″" alt="”Belajar" src="”http://images.cooltext.com/1306953.gif" /></a></textarea></p>
Keterangan:
Jangan Lupa Ganti Link yang berwarna biru dengan link blog anda .
Cara Pasang Shoutmix
1.Klik www.shoutmix.comAtau Klik Disini
Untuk Langsung Menuju form pendaftaran.
2.Isilah form pendaftaran dengan Data diri anda.
-Shoutbox ID : Isikan dengan nama anda
-Choose password: Isikan dengan paswod yang anda inginkan
-Retype password: Isikan ulang dengan paswod yang tadi anda masukan pada Form choose password
-Name: Isikan Dengan nama anda
-Email: isikan dengan email anda
3.Lalu Klik radio buton Yang Ada sebelum teksI have read and agree to the Terms of Service.
Dan Klik Continue.
4.Setelah Itu Klik get code Untuk Mendapatkan Scipt html.
5.Copy kode tersebut ke blog anda.
Caranya
-Login ke blogger
-Setelah Itu Klik Menu TATA LETAK
-Lalu Pilih HTML
-Lalu paste kode tersebut
-Tinggak Save dech.....hehehe
Untuk Langsung Menuju form pendaftaran.
2.Isilah form pendaftaran dengan Data diri anda.
-Shoutbox ID : Isikan dengan nama anda
-Choose password: Isikan dengan paswod yang anda inginkan
-Retype password: Isikan ulang dengan paswod yang tadi anda masukan pada Form choose password
-Name: Isikan Dengan nama anda
-Email: isikan dengan email anda
3.Lalu Klik radio buton Yang Ada sebelum teksI have read and agree to the Terms of Service.
Dan Klik Continue.
4.Setelah Itu Klik get code Untuk Mendapatkan Scipt html.
5.Copy kode tersebut ke blog anda.
Caranya
-Login ke blogger
-Setelah Itu Klik Menu TATA LETAK
-Lalu Pilih HTML
-Lalu paste kode tersebut
-Tinggak Save dech.....hehehe
Membuat Meta Tag Generator
Pusing nentuin Meta Tag yang baik buat blog ? ga usah pusing-pusing hehehe .kerana dalam postingan kali ini saya akan membahas mengenai Cara Buat Meta Tag Dengan Meta Tag Generator .menentukan Meta Tag memang perlu sekali untuk SEO, karena Meta Tag akan menjelaskan keyword blog kita kepada Search Engine. Pada dasarnya dari beberapa jenis Meta Tag kegunaanya adalah sama namun yang membedakan adalah senruhan SEO sendiri. Mungkin elemen Meta Tag yang kamu ketahui seperti yang di bawah ini :
<meta name="description" content="Deskripsi blog" />
<meta name="keywords" content="Kata kunci1,2,3,dst..." />
<meta name="author" content="Hege Refsnes" />
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
Namun sayangnya sudah terlalu banyak Webmaster yang menggunakan Meta Tag seperti itu .Untuk memproleh Meta Tag yang lebih canggih silakan ikuti CARA MEMBUAT META TAG DENGAN META TAG GENERATOR berikut ini :
1.Klik http://www.addme.com/meta.htm.
2.Setelah halaman web terbuka akan ada beberapa kotak teks yang bisa diisi untuk memproleh Meta Tag.
3.Isikan title dengan judul blog kamu.
4.Isikan description dengan deskripsi blog kamu.
5.Isikan Keyword dengan keyword blog yang kamu inginkan mengenai blog kamu,pisahkan tiap keyword dengan tanda koma.
6.Kemudian isikan copyright dengan apa saja ,bisa juga dengan nama kamu.
7.Isikan author dengan nama kamu.
8.Isikan email dengan emai kamu.
9.Lalu isi language dengan bahasa inggris.
10.Isikan charset dengan UTF-8.
11.Kemudian isikan distribution dengan global .
12.isikan rating dengan gereral.
13.Lalu isikan Robots dengan index follow.
14.Isikan Revisit after dengan 1 day.
15.Untuk expres biarkan sajalah.hehehe
16.Terakhir klik kirim Query.
17.Setelah muncul kode Meta Tag hasil dari yang kamu buat tadi.opy kode tersebut Lalu :
18.Login ke Blogger lalu klik Tata Letak dan Klik lagi edit HTML.
19.Cari Kode atau Tag <head> lalu Paste Meta Tag tadi dibawahnya.
20.Kalo udah jangan lupa klik save template.
<meta name="description" content="Deskripsi blog" />
<meta name="keywords" content="Kata kunci1,2,3,dst..." />
<meta name="author" content="Hege Refsnes" />
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
Namun sayangnya sudah terlalu banyak Webmaster yang menggunakan Meta Tag seperti itu .Untuk memproleh Meta Tag yang lebih canggih silakan ikuti CARA MEMBUAT META TAG DENGAN META TAG GENERATOR berikut ini :
1.Klik http://www.addme.com/meta.htm.
2.Setelah halaman web terbuka akan ada beberapa kotak teks yang bisa diisi untuk memproleh Meta Tag.
3.Isikan title dengan judul blog kamu.
4.Isikan description dengan deskripsi blog kamu.
5.Isikan Keyword dengan keyword blog yang kamu inginkan mengenai blog kamu,pisahkan tiap keyword dengan tanda koma.
6.Kemudian isikan copyright dengan apa saja ,bisa juga dengan nama kamu.
7.Isikan author dengan nama kamu.
8.Isikan email dengan emai kamu.
9.Lalu isi language dengan bahasa inggris.
10.Isikan charset dengan UTF-8.
11.Kemudian isikan distribution dengan global .
12.isikan rating dengan gereral.
13.Lalu isikan Robots dengan index follow.
14.Isikan Revisit after dengan 1 day.
15.Untuk expres biarkan sajalah.hehehe
16.Terakhir klik kirim Query.
17.Setelah muncul kode Meta Tag hasil dari yang kamu buat tadi.opy kode tersebut Lalu :
18.Login ke Blogger lalu klik Tata Letak dan Klik lagi edit HTML.
19.Cari Kode atau Tag <head> lalu Paste Meta Tag tadi dibawahnya.
20.Kalo udah jangan lupa klik save template.
Senin
Cara Mengganti Domain Blogspot ke Domain co.cc
Biasanya ketika membuat blog di blogger, kita akan mendapat nama blog http://namablog.blogspot.com, kita bisa merubah nama domain blog dengan yang lebih bagus. Salah satu layanan penyedia domain gratis yaitu co.cc. Jadi nantinya nama domain blog kita akan menjadi http://namablog.co.cc. Kemarin saya coba mengganti domain blog saya ke co.cc, dan ternyata berhasil dengan mudah.
Ok, marilah kita mulai saja, caranya adalah sebagai berikut :
1. Langkah pertama yang perlu dilakukan adalah mendaftar pada layanan co.cc ini.
2. Dapatkan nama domain terlebih dahulu dengan mengisi pada kotak yang tersedia, dan
klik Check Availability. Atau lebih mudahnya gunakan kotak dibawah ini (Isikan domain yang ingin kamu daftarkan!) :
3. Setelah mendapatkan nama domain, selanjutnya Masuk pada menu Domain setting >>
Manage Domain dan klik Setup
4. Abaikan Menu 1>> manage DNS / kosongkan name servernya anda langsung klik menu
2>> Zona Record
5. Isi add record dengan isian sebagai berikut :
Host : isi dengan nama domain yang sudah anda daftarkan misal : www.namablog.co.cc
TTL : 1 D (tidak perlu dirubah)
Type : cname
Value : ghs.google.com
6. Kemudian klik Setup
Kita telah selesai setting pada co.cc, kemudian tinggal setting di blogger:
1. Masuk / login ke blogger.com.
2. Masuk menu Setting >>> Publishing (Pengaturan >> Publikasikan)
3. Kemudian pilih “Switch to: • Custom Domain” (Berpindah ke : Domain Ubahsuaian)
4. Klik “Already own a domain? Switch to advanced settings” (Beralihlah ke pengaturan lanjut)
5. Isikan pada kolom “Your Domain” dengan domain co.cc yang anda daftarkan tadi.
6. Use a missing files host? pilih No.
7. Masukan Word Verivication dan klik Save setting.
Yapzz, sudah selesai, mudah bukan. Blog kita sekarang sudah berganti nama domain menjadi co.cc, tinggal menunggu proses sinchronisasinya dari co.cc ke Blogspot maksimal 24 jam setelah itu kita sudah bisa mengakses url blogspot.com anda dengan nama domain co.cc yang telah kita buat tadi.
Cara Membuat Tab Menu
Ingin blognya lebih rapi lagi? pakai saja navigasi yang satu ini, yaitu Menu Tab View.Dengan menu tab view, kita akan menghemat lebih banyak tempat, dengan sedikit space kita bisa menampilkan banyak piliha. Misalnya kita bisa menampilkan menu tulisan Terbaru, Komentar, dan Terpopuler. Langsung saja akan kita pelajari bersama cara membuat menu tab view, seperti yang saya pakai sekarang ini.
Untuk membuat tab view yang kita pelajari ini cukup mudah, tidak perlu mengedit template, tapi hanya menambahkan script saja di HTML/JavaScript.
Cara Membuat Menu Tab View
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:
<div><style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 77px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #333333; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#333333; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 240px;" class="Tabs">
<a>Terbaru</a>
<a>Komentar</a>
<a>Iklan</a>
</div>
<div style="width:240px; height:300px; " class="Pages">
<div class="Page">
<div class="Pad">
<script style="text/javascript" src="http://duniaanda.googlepages.com/typoxp-recentposts.js">
</script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://trick-blogspot..blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
</div>
</div>
<div class="Page">
<div class="Pad">
<script style="”text/javascript”" src="http://duniaanda.googlepages.com/typoxp-recentcomments2.js">
</script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://trick-blogspot.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</div>
</div>
<div class="Page">
<div class="Pad">
<script src="http://kumpulblogger.com/sca.php?b=6024" type="text/javascript"></script>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script><div></div></div>
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 77px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #333333; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#333333; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 240px;" class="Tabs">
<a>Terbaru</a>
<a>Komentar</a>
<a>Iklan</a>
</div>
<div style="width:240px; height:300px; " class="Pages">
<div class="Page">
<div class="Pad">
<script style="text/javascript" src="http://duniaanda.googlepages.com/typoxp-recentposts.js">
</script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://trick-blogspot..blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
</div>
</div>
<div class="Page">
<div class="Pad">
<script style="”text/javascript”" src="http://duniaanda.googlepages.com/typoxp-recentcomments2.js">
</script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://trick-blogspot.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</div>
</div>
<div class="Page">
<div class="Pad">
<script src="http://kumpulblogger.com/sca.php?b=6024" type="text/javascript"></script>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script><div></div></div>
5. Coba Liat.
Langganan:
Postingan (Atom)