Rabu
Cara Pasang Info Cuaca
Info Cuaca adalah salah satu aksesoris yang cukup menarik untuk dipasang diblog. Tujuanya adalah ya untuk mengetahui ramalan cuaca,walaupun Info Cuaca ini hanya mewakili kota tempat tinggal sang pemilik blog .namun Info Cuaca ini cukup menarik untuk dipasang di blog kamu .Tertarik ? Silakan ikuti Tutorial Cara Pasang Info Cuaca Di Blog Berikut ini :
1.Klik http://www.wanderground.com.
2.Masukan nama kota tempat kamu tinggal,lalu klik tanda Search disampingnya.
3.Setelah muncul Info Cuaca kota kamu silakan klik Get Your Wheater Sticker yang ada dibawah.
4.Silakan pilih banner Info Cuaca yang kamu inginkan.
5.Setelah kamu memilih banner yang kamu inginkan,nanti akan tampil kode HTML dari banner tersebut.
6.Copy Kode HTML banner yang kamu pilih.
7.Selanjutnya LOGIN ke blogger kemudian klik Tata Letak Lalu klik Tambah Gadget dan Pilih HTML/javascript lalu paste kode tadi kedalamnya. jangan lupa klik save.
8.Selesai.. Tinggal kamu lihat hasilnya.
1.Klik http://www.wanderground.com.
2.Masukan nama kota tempat kamu tinggal,lalu klik tanda Search disampingnya.
3.Setelah muncul Info Cuaca kota kamu silakan klik Get Your Wheater Sticker yang ada dibawah.
4.Silakan pilih banner Info Cuaca yang kamu inginkan.
5.Setelah kamu memilih banner yang kamu inginkan,nanti akan tampil kode HTML dari banner tersebut.
6.Copy Kode HTML banner yang kamu pilih.
7.Selanjutnya LOGIN ke blogger kemudian klik Tata Letak Lalu klik Tambah Gadget dan Pilih HTML/javascript lalu paste kode tadi kedalamnya. jangan lupa klik save.
8.Selesai.. Tinggal kamu lihat hasilnya.
Cara Membuat Label atau Tag Clouds
Membuat Label atau Tag Clouds.Apa itu Tag Clouds ? Tag Clouds adalah sebuah Label yang hurufnya tidak rata dan jika Tag yang hurufnya rata itu biasanya adalah tag yang populer di blog kamu dan jika jika kecil berarti tag tersebut kurang populer.Dan buat kamu yang tertarik untuk membuatnya.Silakan ikuti tutorial Membuat Label atau Tag Clouds berikut ini.
1.LOGIN ke Blogger.
2.Klik Tata Letak kemudian klik lagi Edit HTML.
3.Selanjutnya cari kode ]]></b:skin>.Lalu copy dan paste kode berikut di bawahnya.
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
4.Cari lagi kode <head> . kemudian copy paste berikut tepat di bawahnya.
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
5.Cari lagi kode berikut ini.
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
6.Hapus kode tersebut.lalu ganti dengan kode berikut ini.
<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
7.Selanjutnya klik SIMPAN TEMPLATE
8.Selesai dech.. trus tinggal kamu lihat hasilnya.
1.LOGIN ke Blogger.
2.Klik Tata Letak kemudian klik lagi Edit HTML.
3.Selanjutnya cari kode ]]></b:skin>.Lalu copy dan paste kode berikut di bawahnya.
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
4.Cari lagi kode <head> . kemudian copy paste berikut tepat di bawahnya.
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
5.Cari lagi kode berikut ini.
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
6.Hapus kode tersebut.lalu ganti dengan kode berikut ini.
<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
7.Selanjutnya klik SIMPAN TEMPLATE
8.Selesai dech.. trus tinggal kamu lihat hasilnya.
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.
Langganan:
Postingan (Atom)
.png "English"){kind=small}
