Pertama buka blog anda
Pilih tata letak>>Tambah Gadgets>>Pilih html/Javascript>>Masukan kode berikut
<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='belajar blog'.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+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+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>
Kalimat yang berwarna Hijau silahkan di ganti dengan kata-kata yang anda inginkan.
SELAMTA MENCOBA!!
Berikut caranya!!
Masuk blog anda>>Pilih Tata Letak>>Tambah Gadgets>>html/Javascript>>masukan kode berikut
<script src="http://h1.ripway.com/pinginbelajar/cursor/green.js" type="text/javascript"></script>
Tulisan yang berwarna hijau ganti dengan kode warna di bawah ini, sesuai dengan selera anda
black blue cyan green orange purple red silver white yellow
Selamat Mencoba!!
Menurut beberapa webmaster, salah satu faktor cepat terkenalnya sebuah blog, adalah dengan mendaftarkan blognya di feedburner. Selain itu, feedburner berfungsi juga untuk memudahkan pelayanan kepada pengunjung blog untuk mencari informasi tulisan secara menyeluruh dengan cepat hanya dengan mengklik feednya. Tidak hanya itu, keperluan-keperluan lain yang diperlukan oleh pengunjung seperti pembuatan sebuah agregator merupakan manfaat lain adanya feedburner.
Berikut bagaimana caranya mendaftarkan blog ke feedburner
1. Browsing dulu ke http://www.feedburner.com
2. Klik tulisan register yang ada pada sudut atas halaman
3. Isi seluruh form yang ada :
* user name ( isi dengan nama yang diinginkan )
* isi pasword sesuai keinginan
* ulangi pasword yang telah ditulis
* isi email addres ( disarankan email yang utama )
* secret question ( pertanyaan rahasia, pilih sesuai kemauan, misalnya : anak pertama saya )
* secret answer ( jawaban rahasia dari pertanyaan diatas; silahkan isi jawabannya )
* Klik tombol SIGN IN
Tunggu beberapa saat, bila berhasil, maka akan keluar kalimat ucapan selamat datang "welcome" dari feedburner.
* isi tulisan Burn a feed right this instant dengan alamat blog sobat, misal http://kuincity.blogspot.com , lalu beri contreng pada tombol, dan klik NEXT
* ubah feed title dengan nama yang diinginkan, atau biarkan saja seperti adanya, lalu klik Active Feed, kemudian klik lagi NEXT
* Beri tanda centang pada kotak di samping tulisan Clickthroughs serta I want more ! have FeedBurner stats PRO also track (karena sekarang layanan yang PRO pun sudah gratis karena sudah di akuisisi oleh google)
* Klik tombol Next
* Klik tab Optimize
* Silahkan setting yang anda inginkan, tapi yang paling penting adalah anda harus mengaftifkan fitur SmartFeed, karena fitur ini berfungsi agar supaya fungsi dari feed kita kompatibel atau klop dengan berbagai feed reader yang ada
* silahkan klik SmartFeed lalu klik tombol Active
* Klik tab Publicize, silahkan pilih fitur yang anda inginkan, tapi yang sering di gunakan adalah fitur feedCount coba klik FeedCount
* Pilih bentuk style dari feedcount, yang biasa atau yang animasi, beri tanda pada radio button di sampingnya
* Klik tombol Active
* Copy kode HTML yang di berikan pada text area, paste pada notepad untuk nanti di pasang di blog anda
* Klik Chicklet Chooser untuk memilih berbagai banner atau chicklet
* Beri tanda pada radio button yang terletak di samping chicklet masing-masing, kemudian copy kode HTML yang di berikan yang ada pada text area, kemudian paste pada notepad. catatan : setiap sobat memberi tanda pada radio button masing-masing chicklet, maka secara otomatis kode HTML yang ada di bagian bawahpun akan berubah, jadi kesimpulannya beri tanda radio button lalu copy kode HTML nya beri tanda lagi lalu copy kodenya lagi
* Klik Pingshot, beri tanda pada kotak di samping Ping-O-matic serta Newsgator, klik menu dropdown yang ada, lalu pilih yang sobat inginkan, klik tombol Add, klik lagi menu dropdownnya bila ingin di tambahkan lagi, klik Add kembali
* Klik tombol Active
* Klik Headline Animator untuk mendapatkan banner animasi, contohnya seperti yang ada di pojok kanan atas ( ukuran silahkan pilih )
* Klik menu dropdown di bawah tulisan Theme, pilih yang sesuai keinginan (yang paling banyak di minati adalah type classic)
* Klik tombol Active
* Klik menu dropdown di samping tulisan Add to, pilih Blogger blog
* Klik tombol Next
* Setelah muncul window baru, klik tombol Add to Blogger atau klik edit konten untuk melihat kode script-nya, silahkan copy dan paste di tempat yang disukai. Catatan : bila sobat meng-klik Add to Blogger, maka banner animasi secara otomatis akan dimasukan ke webblognya sobat. Biasanya langsung ada sidebar.
* Sedangkan bila scriptnya sudah sobat copy, maka silahkan Sign in dulu di blogger
* Pilih tata letak, lalu klik tombol Menambah Widget ( terserah dimana ingin diletakkan ), kemudian paste kode script tadi, lalu SIMPAN
* Langkah pertama Selesai
Langkah selanjutnya :
* Klik menu pengaturan
* Klik Feed Situs
* Pada draf Ijinkan Feed Blog, pilih PENUH
* Masukan alamat feed sobat yang baru di dapat dari feedburner pada box yang tersedia disamping tulisan posting URL Pengubahan Arah Feed, contoh : http://feeds.feedburner.com/KuinRivercity
* Klik tombol SIMPAN PENGATURAN ----- LIHAT BLOG
* SELESAI
KINI, SOBAT SUDAH BISA MENCOBANYA ...
Dulu saya sering bingug untuk merubah tampilan blog agar menjadi 3 kolom, banyak cara saya coba tapi hasilnya tidak memuaskan. tapi akhirnya saya menemukan cara itu sehingga tampilan blog bisa sesuai keinginan.
berikut langkah-langkah yang dapat anda lakukan:
1) Pertama-tama pastikan anda memilih minima sebagai template anda (tapi jangan pilih minima stretch) dan jangan lupa untuk mem-BACKUP blog anda untuk berjaga-jaga jika nanti anda melakukan kesalahan.
2) Kemudian klik Template>Edit HTML
3) Temukan kode HTML berikut (Gunakan Ctrl+F untuk memudahkan pencarian):
#sidebar-wrapper { width: 220px; padding-left:10px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }
4) Copy code di atas, kemudian paste-kan tepat di bawah kode tersebut (jadi ada 2 kode yang sama)dan ganti #sidebar-wrapper menjadi #left-sidebar-wrapper (Kode ini dimaksudkan agar CSS yang anda buat menjadi unik) float: left (kode ini akan membuat sidebar ketiga yang akan anda buat bergeser ke kiri)
Jadi akan terlihat seperti ini:
#sidebar-wrapper { width: 220px; padding-left:10px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }
#left-sidebar-wrapper { width: 220px; padding-left:10px; float: $startSide; word-wrap: break-word; /* fix for long text text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
5) Selanjutnya, temukan kode HTML berikut:
"< id="'main-wrapper'"> < class="'main'" id="'main'" showaddelement="'no'"> < id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> < /b:section > "
Lalu paste-kan kode di bawah ini tepat sebelum kode di atas:
"
"
6) Coba preview blog anda, anda akan melihat kolom ketiga akan berada di bawah main section, tapi tenang hal ini bukanlah sebuah kesalahan melainkan ini dikarenakan bagian “Outer Wrapper” belum kita rubah nilainya, jadi hanya cukup untuk dua kolom saja. Untuk itu kita harus merubah nilai outer wrapper dengan cara sebagai berikut:
Temukan Kode HTML ini:
/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }
Kita harus merubah lebar dari wrapper, makan kita harus mengganti angka 660 px menjadi 950 px atau disesuaikan dengan layout
7) Anda juga harus mengganti lebar dari header-wrapper ke angka 950 px, lihat kode di bawah:
#header-wrapper { width:950px; margin:0 auto 10px; border:1px solid $bordercolor; }
8) Sampai langkah ini, anda bisa menyimpan template baru anda (Klik Save). Jika anda preview kembali, anda akan melihat sidebar ketiga anda akan kosong, hal ini dikarenakan tidak adanya widget yang di pasang disana.
9) Tambahkan widget kesukaan anda pada sidebar/kolom baru anda dengan cara memilih Template>Page elements>Add widget.
10) Kita belum selesai sampai di sini, jika anda menambahkan widget pada sidebar di sebelah kiri anda akan melihat bahwa widget tersebut akan melebar sampai menembus main body (tempat artikel/tulisan kita berada). Untuk mengatasinya kita cari #main-wrapper dan rubah seperti dibawah ini
#main-wrapper { width: 420px; padding-left:30px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }
Dan selesai, kita simpan setelan dan lihat blog, jika belum puas (semoga tidak cepat puas) lakukan perubahan2 yang diperlukan.
Sumber : http://koemat.blogspot.com/2009/11/mengubah-template-blog-menjadi-kolom.html
