CARA MENGATUR JUDUL SIDEBAR
Sepertinya saya tidak perlu menjelaskan lagi tentang sidebar (tempat untuk tambah gadget) karena saya yakin anda pasti sudah banyak yang tau, bahkan saya tidak perlu posting ini karena saya tahu anda semua sudah ahli masalah ini. Tapi untuk tambah posting tak apalah.
Baiklah saya akan memulai membahas tentang judul sidebar. Yang anda harus lakukan adalah :

1. Login ke blog anda > Layout (tata letak) > Edit HTML
2. Cari kode h2 { (untuk lebih mudah ketik F3 pada keyboard)
3. Di sini kita akan mulai utak-atik kode

PERHATIKAN

h2 {
font-size:110%;
font-weight:bold;
text-transform:uppercase;
text-align:right;
border: 1px solid #000;
background:#6df466;
padding;5px;
}

* font-size:110%; : berfungsi untuk mengatur besarnya huruf. Satuan yang digunakan bisa pakai % atau pixels (px). Angkanya dapat sobat ganti sesuai keinginan
* font-weight:bold; : menunjukan judul yang tampil dengan huruf tebal. Kata bold dapat sobat ganti dengan normal jika penampilanya tidak ingin tebal atau ganti dengan italic jika ingin penampilan hurufnya miring.
* text-transform:uppercase; : menunjukan bahwa huruf yang tampil semuanya berupa huruf kapital (besar). Sobat dapat mengganti dengan kata lowercase (semuanya huruf kecil) atau capitalize (hanya huruf depannya yang besar).
* text-align:right; : Letak judul sidebar di bagian kanan. Sobat dapat mengganti dengan left jika ingin berada dikiri atau center jika ingin berada di tengah.
* border: 1px solid #000; : berfungsi untuk menampilkan garis di sekeling judul sidebar. Sobat dapat mengganti ukuranya dan warna dari garis tersebut.
* background:#6df466; : untuk menampilkan warna latar dari judul sidebar. Ganti kode warnanya dengan warna kesukaan sobat. Selain dengan menampilkan warna, sobat juga dapat menampilkan sebuah image sebagai background judul sidebar. perhatikan yang di bawah ini

CONTOH

background: url(alamat gambar background);

* padding;5px; : untuk memberi jarak antara bagian pinggir judul sidebar dengan tulisan judul sidebarnya, dengan maksud agar kelihatan tidak mepet ke bagian pinggir.

Keterangan : jika tidak ada kode h2 { coba .sidebar h2 { .Jika ada beberapa kode yang tidak ada pada templates anda, anda bisa tambahkan sendiri dan jika ada kode yang tidak anda inginkan, anda bisa hapus kode itu.

4. save (simpan) selamat mencoba

CARA MEMBUAT TOMBOL SHARE DAN BOOKMARK
Salah satu cara untuk mempromosikan blog anda adalah dengan cara membaginya ke tempat-tempat tertentu seperti Facebook, Twitter, dll. Dan untuk melakukan itu kita membutuhkan salah satu widget dari addthis. Saya akan mengajarkan anda bagaimana menaruhnya tepat di bawah postingan anda. Sekarang ikuti langkah berikut ini

1. Masuk ke http://www.addthis.com/
2. Ikuti langkah di bawah ini
  • select your service -> plih blogger
  • select a button style -> pilih model yang anda inginkan
  • Langsung klik Get Your Button -> Copy semua code yang di berikan
3. Login ke blog anda -> Layout (Tata Letak) -> Edit HTML
4. Cari kode <div class='post-footer'> (tips, jika susah mencari codenya klik F3 pada keyboard)
5. Paste code yang tadi telah anda copy tepat di bawah code <div class='post-footer'>

Simpan, Slesai, Beres, Udah, Jangan, Lupa, Comment haha
SELAMAT MENCOBA >>>

CARA MEMBUAT TWITTER
Nah mumpung masih baru nih (udah lama juga si) saya akan ajarkan bagaiman cara membuat twitter, maksudnya cara daftar di twitter. Kan sekarang FB masa jayanya udah mulai menurun (di akibatkan anak-anak alay tuh ) jadi sekarang kita main Twitter aja, cara daftarnya gampang ko :

1. Masuk dulu ke
http://twitter.com/ lalu klik Sign up now, modelnya bentuknya kaya gini (kalo belum ganti model)



2. Isi formulir yang di berikan dangan baik dan benar, bagi yang dalam bingung mengisinya akan saya bimbing. Isi data :

  • Full Name -> Isi dengan nama lengkap anda. contoh, saya isi dengan "Dimas Abi Galoga"
  • User Name -> Isi sesuai keinginan anda. contoh, saya isi dengan "galoga". Jika keluar tulisan "Username has already been taken" itu artinya username yang anda gunakan sudah ada pemiliknya. Coba cari nama lain hingga benar.
  • Password -> Isi dengan Password minimal 6 karakter. contoh, password saya "******" (ayo tebak)
  • Email -> Isi dengan alamat email yang talah anda buat. contoh, email saya "dimas.kira@yahoo.com"
  • Type the words above -> tulislah teks sesuai dengan yang telah di sediakan di atasnya (harus benar-benar sama)
  • Terakhir klik "Create my account"
3. Selesai deh, tinggal kalian follow gw ya (kan udah tau data-data gw hehe)

Terima kasih

CARA MENGGANTI CURSOR BLOG
Mau membuat kursor kamu di ikuti oleh teks ? jika mau, caranya sangat mudah... anda hanya perlu mengikuti langkah di bawah ini

1. Log in ke blog anda > Layout (tata letak) >> Page Elements (laman elemen) >>> Add a Gadget (tambah gadget) >>>> HTML/JavaScript
2. Copy code di bawah ini dan paste di kotak konten

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='dimas abi galoga'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

3. Ganti tulisan yang berwarna merah dengan teks yang anda inginkan.

Selesai, selamat mencoba !!!

CARA MEMASANG TRANSLATE BAHASA DI BLOG
Tidak usah basa-basi, saya sedang males ngetik. Ini saya lakukan juga demi teman saya yang minta di ajarkan bikin Google Traslate.
Untuk contoh lihat gambar bendera di sebelah kanan blog saya, itu adalah salah satu style dari Google Traslate. Untuk membuatnya sangatlah mudah, anda cukup mengikuti langkah di bawah ini :

  1. Login ke blog anda -> Layout -> Page Element ->Add a Gadget -> HTML/Java Script
  2. Copy kode di bawah ini
<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRTo_E0WOIzc03tL3W3kYHF71H5V7iiSd2_YOCinKf5IWuAVAojmSuu1jGOyRt72Hn3YHd6PKmrtks0uir-u5o-tJ_t1RRvZJsRHvMjUpm23xVkc4_s-WwrbBeEXzK188_gVzU0xbR9nI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XtpQ2AEU3tSsBuAkqNZwvsg7sEWG-B7THgj861D1zU0jjurNHrzMXQs7KIG0QUKZJt38mhhT4Y0FZiTykq7rDQAQEaEqHwggVjT8pae9fPGljr5kt2nrpve-tBgAEk0CPfDnqDNuVp8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioHKr6MIccY1bU-pEILUFnxwnd6YWNmoGc9jcE7TgcD1wT8qLBS0UluZHKkbZ-qwUauwJcWafgh_bRp2gX_tT-biLMvWd131SdEdVdyHoIyZZVfRZ5zWLNvTcdOz9ucahhERmFLtWU7-8W/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVYFHJT6Zb9OivMGXR9qtfDetx-3vSZuqN6Lr_w9asHWLbe799T5m13lcC5kzC8m1VL4PcFm2uTB9ZwwJ3pvZjBUh-c0Q23wgNlbf7QbfC4meEZalzavNwUsy9g6SU6jL6V1PHE_qIeFz1/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnB9S2MPGkN5HmNo-bQVLKwDI_RtiTURJvbwrq7vliCdN5dDAXMaqkb9e1LGpw4YU9VYN6TIhiH0BKPT82ihHzq-zJEbzVIwdB1u9P9tBom2fGnzSrDyMMVRhWIGzSjrN63zZRwEIcEA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixbpzD2fb2ZqYWY-5Th9j6KTtFkgYx9ChbJJKu-Mi59LQjC48W_IWxMTaqzsZRZBPPPcghGXxKZj18fZrllMPHr6hpiJDM1zRRdOxIHLvuHiCeJpGv6xsumTJqnjwH6zOuvINwi7cjo7U/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRIkHfhTU3wlTPNn_joYPxXJr_OWjiou0fiOtfUoXIfNiOnF_Q6PMGHoSfvfiJaqk3ZNwEo6dOuVODBk-LV8U2MwUsdVuV2ZJBjS9qT_WleYC8g88glwBrOlwyRdtcuMh3n8Pek9J7NVY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlZ4OdzWoP3Nos6sOuzzbLAIUbFchZpDlzLOD2CCFuFxZemXV30TL5CpofowcsG5sD3PuplJIdvmpm04bVqtZSIjZoJwNliECcXQRMvqVZttDlj-IEAJRPMnCTpjgCnnwx-35VM1rT3o/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiEkVZ9OfZ_dqOPo80FOwEfg25gKVKtmIb7p33VE7ZxURDg3KJ0MxrMTuE0eB6uzi2lrw_z6Wtuk5mHupzlQm6Fi5MRMspqM5fKJXr9KhXT0R8r-HZ-2UUinKIwGPgYatSySiYDXWQ86U2/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPk3F1wa20hRmGK7RqEvpAATR49FpR2iRh7pMy8-Jk5a2fnaOhyphenhyphenM6syn92zYwhbzO10Mr_dkAQbzFkpAfr8wTwqujnak-AdMlXOF6r5bMfB0nxCURo3l6IXSuLUQ2TKZelbaJrnjQEFXM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7gmxEW9VvwdO_EVOP7SF0uzDXYRrVJLKKJhSKx2XKP5fb7jOSh-fH6LhB5Q9GabjSJS6nHxUpEZEWehby1TeZVb3W-0FP3xes1DQh6A-wIRICwzhyphenhyphenfPXb2K9A13YoQRiFAS1zYMNEiUI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinYDca9OJJh1rgBhhyphenhyphenL2UwO1wun4kkLpx05dGo2-v50BSF-4tjv1JMDJI4acckr3CBG6I1_Tzu0bppyqiCGJPCZ9mebwE8DcqtWIZWpfjiLr9eCCnGJyzN03oyFMH6RIRHEKluvdodh7A/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>

by : <a href=http://www.abi-galoga.blogspot.com/>Galoga</a>
</div>

Maka Hasilnya kurang lebih akan seperti ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRTo_E0WOIzc03tL3W3kYHF71H5V7iiSd2_YOCinKf5IWuAVAojmSuu1jGOyRt72Hn3YHd6PKmrtks0uir-u5o-tJ_t1RRvZJsRHvMjUpm23xVkc4_s-WwrbBeEXzK188_gVzU0xbR9nI/?imgmax=800 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XtpQ2AEU3tSsBuAkqNZwvsg7sEWG-B7THgj861D1zU0jjurNHrzMXQs7KIG0QUKZJt38mhhT4Y0FZiTykq7rDQAQEaEqHwggVjT8pae9fPGljr5kt2nrpve-tBgAEk0CPfDnqDNuVp8/?imgmax=800 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioHKr6MIccY1bU-pEILUFnxwnd6YWNmoGc9jcE7TgcD1wT8qLBS0UluZHKkbZ-qwUauwJcWafgh_bRp2gX_tT-biLMvWd131SdEdVdyHoIyZZVfRZ5zWLNvTcdOz9ucahhERmFLtWU7-8W/?imgmax=800 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVYFHJT6Zb9OivMGXR9qtfDetx-3vSZuqN6Lr_w9asHWLbe799T5m13lcC5kzC8m1VL4PcFm2uTB9ZwwJ3pvZjBUh-c0Q23wgNlbf7QbfC4meEZalzavNwUsy9g6SU6jL6V1PHE_qIeFz1/?imgmax=800 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnB9S2MPGkN5HmNo-bQVLKwDI_RtiTURJvbwrq7vliCdN5dDAXMaqkb9e1LGpw4YU9VYN6TIhiH0BKPT82ihHzq-zJEbzVIwdB1u9P9tBom2fGnzSrDyMMVRhWIGzSjrN63zZRwEIcEA/?imgmax=800 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixbpzD2fb2ZqYWY-5Th9j6KTtFkgYx9ChbJJKu-Mi59LQjC48W_IWxMTaqzsZRZBPPPcghGXxKZj18fZrllMPHr6hpiJDM1zRRdOxIHLvuHiCeJpGv6xsumTJqnjwH6zOuvINwi7cjo7U/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRIkHfhTU3wlTPNn_joYPxXJr_OWjiou0fiOtfUoXIfNiOnF_Q6PMGHoSfvfiJaqk3ZNwEo6dOuVODBk-LV8U2MwUsdVuV2ZJBjS9qT_WleYC8g88glwBrOlwyRdtcuMh3n8Pek9J7NVY/?imgmax=800 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlZ4OdzWoP3Nos6sOuzzbLAIUbFchZpDlzLOD2CCFuFxZemXV30TL5CpofowcsG5sD3PuplJIdvmpm04bVqtZSIjZoJwNliECcXQRMvqVZttDlj-IEAJRPMnCTpjgCnnwx-35VM1rT3o/?imgmax=800 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiEkVZ9OfZ_dqOPo80FOwEfg25gKVKtmIb7p33VE7ZxURDg3KJ0MxrMTuE0eB6uzi2lrw_z6Wtuk5mHupzlQm6Fi5MRMspqM5fKJXr9KhXT0R8r-HZ-2UUinKIwGPgYatSySiYDXWQ86U2/?imgmax=800 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPk3F1wa20hRmGK7RqEvpAATR49FpR2iRh7pMy8-Jk5a2fnaOhyphenhyphenM6syn92zYwhbzO10Mr_dkAQbzFkpAfr8wTwqujnak-AdMlXOF6r5bMfB0nxCURo3l6IXSuLUQ2TKZelbaJrnjQEFXM/?imgmax=800 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7gmxEW9VvwdO_EVOP7SF0uzDXYRrVJLKKJhSKx2XKP5fb7jOSh-fH6LhB5Q9GabjSJS6nHxUpEZEWehby1TeZVb3W-0FP3xes1DQh6A-wIRICwzhyphenhyphenfPXb2K9A13YoQRiFAS1zYMNEiUI/?imgmax=800 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinYDca9OJJh1rgBhhyphenhyphenL2UwO1wun4kkLpx05dGo2-v50BSF-4tjv1JMDJI4acckr3CBG6I1_Tzu0bppyqiCGJPCZ9mebwE8DcqtWIZWpfjiLr9eCCnGJyzN03oyFMH6RIRHEKluvdodh7A/?imgmax=800

Kenapa ? beda dengan milik saya ? iyalah, kalo sama enggga GOKIL !!!
terima kasih

CARA MEMASANG CBOX DI BLOG
Kali ini saya akan membahas tentang cara membuat Cbox. Apa itu Cbox ? selalu deh kalo w posting nanya mulu. Ya udah Cbox itu ibarat seperti buku tamu, sebagai contoh lihat di sebelah kiri blog saya yang berjudul Chat BOX. Nah itu dia (tolong sekalian di isi ya...hehe). Ok lanjut, untuk membuat yang sepeti itu, cukup mudah ko. Ikuti Langkah-langkah di bawah ini :
  1. Pertama anda masuk dulu ke http://cbox.ws/
  2. lalu daftar dengan cara klik sign up, ikuti langkah pendaftrannya.
  3. Sudah daftarnya ? Jika sudah silahkan Login ke Cbox anda, lalu klik Publish! Copy semua kode yang ada di step 1.
  4. sekarang Login ke blog anda, klik Layout/Tata Letak -> Page Elements/Elemen Laman -> Add a Gadget/Tambah Gadget -> HTML/JavaScript.
  5. Beri judul sesuai keinginan anda dan paste kode yang tadi anda copy di kotak konten. Simpan
  6. Selesai, Sekarang lihat blog anda, bagaimana ? masih kosong ? tunggu ada ngisi dong sabar aja
Ok... saya rasa cukup untuk saat ini.
Jika ada yang kurang di mengerti silahkan Commentnya.

MEMBUAT LINK DENGAN HALAMAN BARU
Bro postingan kali ini masih mengenai tips dan trik blogspot. Saya mau bicara posting mengenai Link yang jika di klik akan terbuka di halaman yang baru, jadi halaman utamanya masih tetap kebuka, jadi gak ditutup karena kita klik sebuah link.

Contohnya seperti ini, jika sobat klik salah satu Daftar isi di bagian atas blog ini, maka judul yang di klik akan langsung membuka halaman baru, sedangkan halaman ini akan tetap seperti semula. Atau kalo mo contoh lagi, coba klik link di bawah ini :
Kontes SEO aristia wida rukmi
Maka link tersebut akan langsung membuka halaman baru. Ngerti kan pren...


Tulisan ini juga ada kaitannya dengan tulisan saya sebelumnya, terutama mengenai Cara membuat daftar isi secara manual dan membuat menu halaman menggunakan fungsi scroll.

Jika hal ini saya contohkan seperti pada postingan Cara membuat daftar isi secara manual, maka rumusnya akan menjadi seperti ini

<div style="overflow:auto;width:475px;height:120px;padding:10px;border:1px solid #eee">

<a href="http://barajakom.blogspot.com/2009/06/membuat-kode-html-tampil-di-postingan.html" target="_blank"/>Membuat Kode HTML/SKRIP Tampil Di Postingan</a><br/>

<a href="http://barajakom.blogspot.com/2009/06/judul-blog-menjadi-judul-postingan.html" target="_blank"/>Judul Blog Menjadi Judul Postingan</a><br/>

<a href="http://barajakom.blogspot.com/2009/06/kontes-seo-aristia-wida-rukmi.html" target="_blank"/>Kontes SEO Aristia Wida Rukmi</a><br/>

<a href="http://barajakom.blogspot.com/2009/06/seo-mendaftar-di-yahoo-sitemap.html" target="_blank"/>SEO-Mendaftar Di Yahoo Sitemap</a><br/>

</div>

Jadi Sobat tinggal menambahkan kode target="_blank".
Oce bos, sekian dulu ya, terimaksih kalo postingan ini bermanfaat untuk sobat..

CARA MENAMBAHKAN EMOTICON DI SHOUTBOX
Apa kamu bosan dengan emoticon yang ada di shoutbox kamu? Nha biar nggak bosan kamu bisa menambahkan sendiri icon-icon (emoticon) kesayangan kamu kedalam shoutbox blog kamu. Mau tahu caranya? begini nih cara nya...
Oh ya, trik yang ini hanya untuk yang menggunakan shoutbox dari shoutmix.

Ikuti langkah-langkah berikut ini :
1. Login ke
shoutmix.com
2. Trus di daerah menu "Display", klik link "Smileys"
3. Nha nanti kamu akan menjumpai tampilan seperti ini :




4. Untuk manambahkannya masukkan alamt icon kamu kedalam kotak "Smile image URL", kalo kamu tidak punya iconnya atau alamatnya kamu bisa gunakan alamat icon2 dibawah ini.
5. Trus masukkan "kode" (shorcut) kedalam kotak disebelahnya trus klik tombol "ADD"
6. Lakukan terus seperti itu sampai semua icon smile yang kamu inginkan masuk dalam daftar.
7. Kalo sudah klik tombol "Save Setting"

Nha coba kamu lihat blog kamu, trus lihat dishoutboxnya maka kamu sudah punya tambahan emoticon dalm shoutbox kamu.

Berikut ini daftar emoticon beserta alamat URL-nya :

Icon
URL
senanghttp://kendhin.890m.com/smile/senang.gif
yahoo_angryhttp://kendhin.890m.com/smile/yahoo_angry.gif
yahoo_bigsmilehttp://kendhin.890m.com/smile/yahoo_bigsmile.gif
yahoo_blushhttp://kendhin.890m.com/smile/yahoo_blush.gif
yahoo_cryhttp://kendhin.890m.com/smile/yahoo_cry.gif
yahoo_devilhttp://kendhin.890m.com/smile/yahoo_devil.gif
yahoo_kisshttp://kendhin.890m.com/smile/yahoo_kiss.gif
yahoo_laughloudhttp://kendhin.890m.com/smile/yahoo_laughloud.gif
yahoo_lovehttp://kendhin.890m.com/smile/yahoo_love.gif
yahoo_winkhttp://kendhin.890m.com/smile/yahoo_wink.gif
yahoo_partyhttp://kendhin.890m.com/smile/yahoo_party.gif
yahoo_prayhttp://kendhin.890m.com/smile/yahoo_pray.gif
yahoo_rotflhttp://kendhin.890m.com/smile/yahoo_rotfl.gif
yahoo_sadhttp://kendhin.890m.com/smile/yahoo_sad.gif
yahoo_sleephttp://kendhin.890m.com/smile/yahoo_sleep.gif
yahoo_smileyhttp://kendhin.890m.com/smile/yahoo_smiley.gif
yahoo_sweatinghttp://kendhin.890m.com/smile/yahoo_sweating.gif
yahoo_thinkhttp://kendhin.890m.com/smile/yahoo_think.gif
yahoo_tonguehttp://kendhin.890m.com/smile/yahoo_tongue.gif
yahoo_witsendhttp://kendhin.890m.com/smile/yahoo_witsend.gif

Oh ya lupa, maksimal icon smile yg dapat kita tambahkan adalah 10 biji, ini buat yg gratisan, kalo buat yg premium bisa nyampe 500 biji.

CARA MEMBUAT SUBDOMAIN
Subdomain adalah bagian dari sebuah nama domain induk. Subdomain umumnya mengacu ke suatu alamat fisik di sebuah situs contohnya: wikipedia.org merupakan sebuah domain induk. Sedangkan id.wikipedia.org merupakan sebuah sub domain. Subdomain juga sebagai Third level domain. ( kutipan dari id.wikipedia.org)
Bagi rekan yang punya blog lebih dari satu sebaiknya tidak perlu melakukan registrasi domain baru, cukup gunakan saja Subdomain sebagai solusinya. selain tidak mengeluarkan tambahan biaya, cara ini juga praktis dan tentu saja Gratis. Namun sebelum melakukan Subdomain tentu saja kita harus memiliki minimal satu namadomain aktif. Sebagai contoh saya mengambil nama domain saya o-om.com ini merupakan domain induk dan www.o-om.com sebagai nama Subdomain utama, perlu diketahui karena kita menggunakan Free DNS jadi kita tidak bisa bisa melakukan redirect ke o-om.com jadi kita harus membuat alias records (CNAME) dengan menambahkan www (www.o-om.com) sebagai subdomain. Sama halnya dengan alamat blog contoh: cinta-oom.blogspot.com yang akan di- redirect ke subdomain cinta-oom.o-om.com. Agar lebih mudah lihat contoh dibawah ini

Contoh Subdomain untuk o-om.com, ini ibarat saya punya 4 alamat blog yang berbeda pada blogger:

BlogUtama.blogspot.com -> menjadi -> www.o-om.com
namablog1.blogspot.com -> menjadi -> namablog1.o-om.com
namablog2.blosgpot.com -> menjadi -> namablog2.o-om.com
namablog3.blosgpot.com -> menjadi -> namablog3.o-om.com

Praktis khan kita tidak perlu membeli domain baru dan hanya cukup menggunakan satu domain saja.

Bagaimana cara menambah subdomain?

Karena saya menggunakan Free DNS pada DNSPark jadi penjelasan hanya pada layanan ini saja. Dan tentu saja kita sudah memiliki minimal satu domain aktif yang terdaftar pada DNSpark.

1. lakukan proses login.
2. Kemudian pada Configuration Menu -> pilih DNS Hosting -> Add Domains
3. Pilih yang no 2 yaitu Enter a domain:
4. Kemudian pada Enter new domain: masukan nama domain kita tanpa www ( contoh: o-om.com.com)
5. Jika sudah lalu tekan tombol "Add now" sampai disini nama domain kita telah disimpan.
6. Kemudian pada Domain List -> pilih nama domain yang baru kamu masukan.
7. Lalu klik Alias Records
8. Kemudian tuju ke tulisan Add new alias records for (contoh: o-om.com) masukan www pada Host Name dan ghs.google.com pada Destination Name (www -> sebagai subdomain utama) untuk subdomain baru tinggal tambahkan saja alias recordnya seperti memasukan alamat subdomain www.


9. Jika sudah klik tombol Add Alias
10. Sampai disini konfigurasi untuk DNS sudah selesai.

Cara Setting Subdomain pada blogger:

Pilih tab Pengaturan -> Publikasikan -> arahkan pada "Domain Anda" kemudian masukan nama domain sesuai dengan subdomain yang telah dibuat. ( ingat! alamat blog yang akan diganti dengan subdomain tentu saja harus bener-benar sesuai alamat tujuan)

Contoh setting pada blogger:


Pada tahapan ini semua proses telah selesai...dan selamat sudah punya nama subdomain sendiri :)

TIPS MENGGANTI TEMPLATE BLOGGER
Blog adalah ibarat rumah kita, dan tentunya kita ingin blog tersebut tampil menjadil lebih cantik dan indah. Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah pernak pernik dan juga dengan mengganti tampilan/template blog. Jika kita mengganti template dengan template yang sudah disediakan blogger maka itu adalah cara yang paling mudah, tinggal pilih simpan langsung jadi. Namun template yang disediakan sangat sedikit dan tampilannya juga standar, sehingga kita seringkali mencari template lain yang lebih cantik, karena sekarang banyak sekali situs-situs yang menyediakannya dengan gratis. Namun jika kita menganti template dengan template lain yang disediakan oleh selain blogger, maka itu tidaklah semudah sebagaimana dengan menggunakan template yg disediakan blogger, karena ada beberapa efek sampingnya, diantaranya yaitu kamu akan kehilangan element2 kamu ato malah blog kamu jadi rusak. Nha berikut ini akan aku jelaskan hal-hal apa aja yang harus diperhatikan jika kamu pingin ganti template dengan jasa lain.

Pertama kamu harus membackup dulu tempalte kamu jika template baru kamu tidak berhasil diinstall, caranya masuk ke menu "Layout --> Edit HTML", trus klik link bertuliskan "Download Full Template" terus simpan file yang diberikan.

Kedua yaitu membackup elemen-elemen atau widget-widget yang sudah pernah kamu pasang, caranya gini, Masuk ke menu "Page Element", nha disitu kan banyak tuh element-element yang udah kamu pasang trus dibawahnya kan ada link bertiliskan "edit" klik link-link tersebut satu persatu, copy isi dari elemen itu dan taruh dalam notepad. Kalo kamu nanti dah ganti template dan mau memasang elemen-elemen tersebut tinggal copy dari notepad terus pasang di "add page elements".

Ketiga, jika template dan elemen-elemen sudah kamu backup langkah selanjutnya yaitu mengupload template yang sudah kamu download. Biasanya file template yang di download berextenxi "xml" tapi kadang-kadang ada juga yang berekstensi "zip atau rar", kalo begitu kamu harus mengekstraknya dulu sehingga kamu akan mendapat file berekstensi "xml". Trus gini cara ngaploadnya, Kembali ke menu "Edit HTML", trus disitu kan ada tombol "brows" klik tombol tersebut terus cari file template yg pingin kamu pakai sudah kamu download, trus klik tombol :upload".

Keempat, biasanya kamu akan mendapat konfirmasi seperti gambar dibawah ini, itu artinya elemen-elemen kamu akan dihapus. Klik tombol "Confirm & Save"



Kelima, jika ternyata yang muncul adalah seperti gambar dibawah ini maka itu artinya ada yang tidak beres dengan template kamu dan kamu tidak bisa memakai template tersebut di blog kamu, jadi kamu ganti aja dengan template yang lain.



Keenam, coba preview blog baru kamu, merasa sudah cocok ikuti langkah ketuju. Jika kamu mendapati ada gambar header yang sebelumnya kamu pake buat header masih muncul di template baru kamu dan posisinya sepertinya tidak cocok, maka kamu harus menghilangkannya dulu gambar header tersebut, caranya masuk kembali ke menu "Page Element", dibagian header coba kemu edit dan hapus gambar kamu. Jika di bagian header tidak ada link "edit" coba kamu ganti dulu templatenya dengan template yang disediakan oleh blogger dan kembali ke "Page Element" trus "edit dibagian header dan hapus gambar header kamu kemudian ikuti lagi langkah-langkah ketiga

Ketuju, Kembalikan elemen-elemen yang sudah kamu backup tadi sehingga kini kamu memiliki template baru dan elemen-elemen yang dulu tidak ilang.

Kedelapan, Selamat bermumet-mumet :z

CARA MENAMPILKAN POSTING TERKAIT
Related Posts atau biasa disebut "link yang bekaitan", "artikel pada kategori yang sama", "artikel yang bertautan", "postingan terkait" atau apa aja namanya, merupakan bagian judul posting terkait dan biasanya ditampilkan berdasarkan penamaan label (kategori), Realated Post ini biasanya berupa link yang tampilkan dibawah postingan tunggal tepatnya di bawah kolom komentar. Keuntungan dengan pemasangan post yang berkaitan tentu saja akan mempermudah pengunjung blog kita untuk menemukan artikel terkait tanpa harus menuju dan membuka satu persatu halaman dalam link label. Agar gak bingung lihat gambar dibawah ini:


Kayaknya gak usah dibahas panjang lebar ya, pasti rekan semua dah ngerti maksudnya. OK langsung aja ke proses pemasangan :)

Langkah I:

Masuk pada Template -> Edit HTML -> kemudian masukan kode javascript dibawah ini diantara kode <head>..</head> atau lebih mudahnya cari kode </head> saja, kemudian letakan kodenya diatas kode  </head> -> jangan lupa disimpan

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
 for (var i = 0; i < json.feed.entry.length; i++) {
 var entry = json.feed.entry[i];
 relatedTitles[relatedTitlesNum] = entry.title.$t;
 for (var k = 0; k < entry.link.length; k++) {
  if (entry.link[k].rel == 'alternate') {
   relatedUrls[relatedTitlesNum] = entry.link[k].href;
   relatedTitlesNum++;
   break;
  }
 }
 }
}
function removeRelatedDuplicates() {
 var tmp = new Array(0);
 var tmp2 = new Array(0);
 for(var i = 0; i < relatedUrls.length; i++) {
  if(!contains(tmp, relatedUrls[i])) {
   tmp.length += 1;
   tmp[tmp.length - 1] = relatedUrls[i];
   tmp2.length += 1;
   tmp2[tmp2.length - 1] = relatedTitles[i];
  }
 }
 relatedTitles = tmp2;
 relatedUrls = tmp;
}
function contains(a, e) {
 for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
 return false;
}
function printRelatedLabels() {
 var r = Math.floor((relatedTitles.length - 1) * Math.random());
 var i = 0;
 document.write('<ul>');
 while (i < relatedTitles.length && i < 20) {
  document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
  if (r < relatedTitles.length - 1) {
   r++;
  } else {
   r = 0;
  }
  i++;
 }
 document.write('</ul>');
}
//]]>
</script>


Langkah II:

Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada Expand Widget Template -> cari kode dibawah ini.

     <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>


Jika sudah ketemu, masukan kode berwarna merah dibawah diantara kode diatas.

     <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>

          </b:loop>
        </b:if>


Pada proses ini pengeditan pada kode HTML sudah selesai, Jangan lupa disimpan

Langkah III:

Masuk pada Template -> Elemen halaman -> kemudian buat elemet baru atau klik "Tambahkan sebuah Elemen Halaman" -> copy-paste kode dibawah ini dan jangan lupa memberikan nama judul misal, "Artikel pada kategori yang sama" -> kemudian jangan lupa disimpan.

<script type="text/javascript">
 removeRelatedDuplicates();
 printRelatedLabels();
</script>


Langkah IV:

Agar related post ini tidak tampil pada halaman utama dan hanya tampil pada halaman posting tunggal maka kita perlu penambahan beberapa kode, caranya:
Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada Expand Widget Template -> cari kode dibawah ini, sebisanya cari sesuai dengan title yang kita masukan, sebagai contoh, tadi saya memberi mana dengan  Artikel pada kategori yang sama, jika sudah ditemukan masukan ke dua kode berwarna merah dibawah.
Catatan: dibawah ini ada kode HTML13 ini jangan dijadikan patokan pencarian, sebaiknya abaikan saja karena setiap elemen pasti berbeda-beda, cukup cari title saja.


<b:widget id='HTML13' locked='false' title='Artikel pada kategori yang sama' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

CARA MEMBUAT TEMPLATE BLOGGER
Yak akhirnya jadi juga, seperti yang aku janjikan kemarin yaitu "Cara Membuat Template Blogger". Mulai dari mana ya? nnnngg.. :t ohya, tak jelasin dulu deh tentang artikel ini. Gini, dalam trik berikut, kita akan mencoba membuat template yang paling sederhana dan paling mudah. Sebenarnya dalam mebuat template di blogger harus mengerti tentang CSS dan HTML, tapi untuk kali ini kita hanya memerlukan sedikit kemampuan tersebut karena kita akan membuat template yang paling sederhana, tapi jangan salah walaupun caranya sederhana tapi hasilnya bisa sangat luar biasa, tergantung dari desainernya. Ok deh mulai aja deh ya, kayaknya udah pada nggak sabar nih.

Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat,
downlad disini bahannya. Sebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu.

Tahap Desain

Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer. seperti yang ada dalam gambar berikut:



Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:
1. Buat desain seperti gambar diatas
2. Pada bagian background usahakan bersifat "Tile / Pattern" (kecil dan berulang-ulang).
3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.
4. Kemudian potong-potong perbagian.
5. Untuk bagian Header motongnya harus full.
6. Bagian background, main dan footer motongnya sedikit aja karena bersifat "tile"
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :

background
header
main
footer

8. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll.

Nha modeng po ra?

Sekarang kita memasuki ke tahap penyusunan di blogger. gini langkah-langkahnya. Ohya udah di download belum tadi bahanya, kalo belum download dulu diatas itu. Ok kita mulai:
1. Kembali ke blogger dan ke menu "Edit HTML".
2. Trus klik tombol "Brows" untuk mengupload template yg udah kamu donwload tadi.
3. Kemudian Cari kode seperti ini:

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://kendhin.890m.com/template/bg.jpg') repeat-x top left; }

4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat.
5. Cari kode seperti ini :

#center {background: #ffffff url('http://kendhin.890m.com/template/main.jpg') repeat-y top center;}

6. Ganti text yang dicetak tebal dengan lokasi gambar main kamu.
7. Cari kode seperti ini:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

8. Ganti text yang dicetak tebal dengan gambar header.
9. Cari kode seperti ini:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') repeat-y top center; }

10. Ganti text yang dicetak tebal dengan gambara foter.
11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut:

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }

kode width: 898px menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

kode width: 445px; adalah lebar daerah main yang berisi posting, kamu bisa merubahnya.

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }


kode width: 153px; adalah lebar sidebar bagian kanan. Dan kode width: 195px; adalah lebar sidebar bagian kiri. Terus kode padding-right: 50px; jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode padding-left: 10px; adalah jarak antara isi sidebar kiri dengan garis batas kiri.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

kode height:196px; width:898; adalah ukuran tinggi dan lebar bagian header, kamu bisa menyesuaikannya dengan ukuran header kamu.

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; }

kode width: 898px; height:80px; adalah ukuran lebar dan tinggi bagian footer.

12. Nah kalo udah selesai coba di preview template kamu, sudah sesuai kah? atau hancur?
13. Kalo sudah di Save.

:f akhirnya selesai juga aku buat artikel tentang pembuatan template, capek ya? tapi ingat sekali lagi ini adalah metode membuat template yang mudah dan sederhana, jadi sebenrnya isi dari template lebih rumit lagi, munkin kapan-kapan akan kita bahas detail dari bagian-bagina template tersebut.
OK SELAMAT BERJUANG......

CARA MEMINDAHKAN ISI BLOG KE BLOG LAIN
Punya Account Blogger yang berbeda tentu saja susah untuk melakukan manage, kadang hanya untuk memposting blog dengan account lainnya kita harus melakukan logoff terlebih dahulu (kecuali kita login menggunakan web browser berbeda juga), tidak seperti wordpress, blogger tidak mempunyai fasilitas untuk melakukan transfer blog ke account berbeda, sangat disayangkan memang, masa sekelas blogger tidak ada fasilitas ini. Trus gak mungkin dong melakukan transfer blog di blogger? siapa bilang..tentu saja bisa, dengan adanya fasilitas mengundang penulis lain di blogger, ini yang akan kita manfaatkan sebagai transfer antar blog dengan account berbeda.

Cara melakukan Transfer blog dengan account berbeda:

Contoh : Andai kata kita mempuanyai 2 account berbeda sebut saja Account-A dan Account-B, rencana kita ingin melakukan transfer salah satu blog di Account-A ke Account-B, hal yang harus diperhatikan bahwa Account yang memberi kuasa (Account yang mengundang/Account-A) adalah account yang blog-nya  akan ditransfer, dengan kata lain Account-B inilah yang akan menerima kuasa penuh terhadap blog di Account-A.

1. Login ke account yang akan di transfer (contoh Acount-A)
2. Kemudian pada "Panel Kontrol" pilih salah satu blog dengan melakukan klik link "Pengaturan"
3. Pada tab pengaturan pilih sub tab "ijin"
4. Klik Tombol "Menambah Penulis"
5. Masukan Alamat Account Gmail anda yang lain (Account -B), dalam hal ini account gmail yang kita undang merupakan account yang akan menerima transfer blog.
6. Jika sudah, kita harus login ke alamat gmail yang di undang (Account-B) dan akan menerima sebuah suran pengundanga untuk bergabung di Account-A.
7. Pada email yang kita terima disitu terdapat link, klik link tersebut bahwa kita setuju untuk berkontribusi ke blog pengundang, jangan lupa masukan kata sandi sebagai tanda persetujuan.
8. Pada halaman "Panel Kontrol" sudah terlihat ada blog baru yang berasal dari account-A
9. Selanjutnya kembali lagi ke Account-A atau kembali ke proses no 1,2 dan 3
10.  Pada halaman ini terlihat Account-B yang telah di undang, jangan lupa mengklik link "Berikan hak istimewa setingkat admin" dan menekan tombol "Berikan hak istimewa setingkat admin" pada popup yang muncul.
11. Jika kita tidak ingin menggunakan Account-A dan hanya memberikan hak admin pada Account-B kita dapat menghapus hak akses Account-A dengan mengklik  link "memindahkan".
12 Selesai..dan selamat kita sudah melakukan transfer blog dari Acount-A ke Acount-B, untuk transfer blog yang lain caranya sama dengan proses diatas.

Catatan : jika masih ragu bisa tanyakan saya dulu di kolom komentar agar bisa kita diskusikan bersama. thanks

MEMBUAT EMAIL DENGAN DOMAIN SENDIRI
Tentunya kita pingin dong punya email dengan nama domain kita sendiri, misal namamu@domainmu.com. Nha sekarang ini google menyediakan fasilitas untuk membuat email seperti itu dengan cara yang lumayan mudah. Tapi sayangnya saat ini fasilitas tersebut belum bisa digunakan untuk blog yg masih menggunakan domain blabla.blogspot.com. Fasilitas ini hanya untuk yang memiliki domain sendiri, misal domainmu.com , .net. .org . dan top level doamin lainnya. Makanya itu bagi yang pengen, cepetan beli domain, aku sarankan beli di dodoldomain.com, murah lho (promosi...he..he..). Trus yang pake domain "co.cc" bisa gak? aku bilang "bisa", tapi sekarang aku pingin bahas yang pake domain .com/.net/.org, dll dulu. bagi yang punya domain "co.cc" sabar dulu ya.
Ok mari kita mulai tutorialnya bagaimana cara membuat email sendiri.

1. Buka alamat ini : http://www.google.com/a/cpanel/domain/new
2. maka km akan langsung disuguhi form seperti ini:




3. Isikan nama domain kamu didalam form tersebut lalu klik tombol "Get Started"
4. Kemudian akan muncul fomr lagi untuk mengisikan data-data yang diperlukan, Kalo sudah diisi klik "Continue"
5. Setelah itu akan muncul menu2 seperti ini :



6. Klik pada link "Activate email".
7. Setelah itu akan muncul lagi halaman untuk "Setup Email Delivery" , itu untuk setting MX Record. Caranya yaitu dengan mengisikan MX Record km dengan data2 yang ada disana. Datanya seperti ini :

MX Server address Priority
ASPMX.L.GOOGLE.COM. 10
ALT1.ASPMX.L.GOOGLE.COM. 20
ALT2.ASPMX.L.GOOGLE.COM. 20
ASPMX2.GOOGLEMAIL.COM. 30
ASPMX3.GOOGLEMAIL.COM. 30
ASPMX4.GOOGLEMAIL.COM. 30
ASPMX5.GOOGLEMAIL.COM. 30


Bagi yang menggunakan DNS setting dari DNS park caranya yaitu : Klik domain kamu yg berada di "Domain list". Setelah itu pilihan "Type" pilih yg "MX". Pada kolom "Mail Domain" kosongi saja kolom tersebut. Pada kolom "Order" isikan data2 "Priority" diatas. Trus pada kolom "mail server" isikan dengan data "MX Server Address" diatas kemudian klik tombol "Update All". begitu terus sampai data diatas dimasukkan semua.

Bagi yang menggunakan DNS setting dari dodoldomain.com caranya : masuk ke menu "Domain-->LIst last 10", trus klik link "Managed DNS", kemudian klik tombol Manage DNS Record. Setelah itu klik tombol "MX Records" trus klik tombol "Add MX Record". Untuk kolom "Value" pilih yg bawah (yg "Type In A Fully Qualified Domain Name eg. abc.pqr.com.') . isikan data "MX Server address" di kolom tersebut. kemudian isikan data "Priority" dikolom "MX Priority". begitu terus sampai selesai semua data dimasukkan.
8. kalo sudah selesai klik tombol " I have completed these steps". Maka akan muncul page seperti ini lagi.



9. Sebenarnya sampai disini sudah bisa selesai, tp untuk membuka email km, km harus mengetikkan alamt URL seperti ini "http://mail.google.com/a/domainmu.com" . Nha klao misalnya km pingin menggantinya menjadi seperti : "http://mail.domainmu.com" maka ikuti lagi langkah berikut ini.

10. Klik link "Email" maka akan muncul halaman "Email setting"
11. Trus klik link "Change URL" , kemudian akan muncul halaman untuk "Change URL for email".
12. PIlih yg "custom" trus klik tombol "Continue".
13. Setelah itu km setting dulu DNS km, Tambahkan "CNAME Records" dan isikan "mail" di kolom "Hostname" dan isikan "ghs.google.com" dikolom http://naldoton.blogspot.com"Value"
14. Setelah itu klik tombol "I have complete these step"

Nha sekarang km sudah bisa memiliki email dengan nama doamin blogmu sendiri. Untuk setting2 lainnya pelajari sendiri ya. Udah capek nih.....

CARA MEMASANG YM DI BLOG

<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>


Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

CARA MEMBUAT SCHEDULE POSTING
Fasilitas baru lagi dari blogger.com yaitu Scheduled Posts, dengan adanya fasilitas Scheduled Posts (Postingan Terjadwal) kita akan dimudahkan melakukan pengaturan penjadwalan posting kapan saja kita mau. Misalkan kita ingin tulisan saat ini di publikasikan minggu depan caranya tinggal mengatur saja waktu postingan.


Cara melakukan  Setting Scheduled Posts:
2. Jika belum Login, silahkan login terlebih dahulu.
3. Pada halaman posting pilih "Pilihan Posing" atau “Post Options” lalu arahkan ke Posting tanggal dan waktu
4. Silahkan atur tanggal dan jam kapan postingan kita akan diterbitkan

Ketika kita menekan tombol Mempublikasikan secara otomatis postingan kita akan terjadwal dan akan diterbitkan sesuai waktu yang sudah tentukan. Jika ingin menghentikan penjadwalan tinggal simpan saja sebagai draft. Selamat Mencoba