Background

Background

Please klick image for change background

  • image1
  • image2
  • image3
  • image4
  • image2
  • image1
  • image4
  • image3

Cara Membuat Blog di Blogger

Cara Membuat Blog di Blogger

Perlu dicatat, ketikka Anda ingin membuat blog di Blogger, maka email yang harus digunakan adalah Gmail, tidak boleh Yahoo Mail ataupun email dari Microsoft.


  1. Hal pertama yang harus Anda persiapkan tentunya adalah Email dari Google, atau kita sering menyingkatnya Gmail.

    Saya yakin 101% dari Anda sudah memiliki Akun Gmail, maka disini saya tidak perlu menjelaskan lagi cara membuatnya.     Khusus (spesial) untuk Anda yang belum punya akun Gmail dan dan tidak mau repot mencari Tutorialnya di google. Maka Anda bisa membacanya langsung di     Cara Daftar Email di Gmail (Google Mail).
  2. Setelah Anda menyiapkan Akun Gmail yang akan Anda pakai untuk Membuat Blog, maka langkah selanjutnya tentu saja kita harus mengunjungi situs untuk membuat blog tersebut.

    Sesuai judul yang saya buat yaitu Membuat Blog di Blogger, maka disini kita akan mengunjungi situs http://www.blogger.com, walaupun blogger.com ini bukan satu-satunya tempat untuk membuat blog. Karena masih ada tempat untuk membuat blog lain, yang juga gratis, diantaranya adalah Wordpress dan Mywapblog.
  3.  
  4. Cara Membuat Blog Sendiri Gratis 1
  5. Nah, setelah kita sampai di Blogger.com maka kita akan disuguhkan halaman depan seperti ini.
  6. Cara Membuat Blog Sendiri Gratis 2
    Inilah alasan mengapa tadi saya terlebih dahulu memastikan kepada Anda untuk memiliki akun Gmail, karena jika tidak punya, maka tentunya kita hanya akan berhenti pada Halaman depan Blogger ini     (service login).
  7. Lanjut, saya anggap tadi Anda sudah bisa menembus pertahanan Google (service login) tersebut.

    Setelah masuk pada halaman utama (home) Blogger, klik tombol New Blog atau Blog Baru yang ada di sebelah pojok kanan atas layar monitor Anda.
  8. Cara Membuat Blog Sendiri Gratis 3
  9. Nanti akan muncul Pop Up seperti gambar dibawah ini.
  10. Cara Membuat Blog Sendiri Gratis 4
  11. Tinggal Anda isi Title dengan Judul Blog dan Address dengan Alamat Blog. Ohya, pastikan saat Anda memilih Nama Blog, muncul Simbol Check berwarna biru di sebelah kanan, kalau muncul tanda atau Simbol Pentung berarna merah itu artinya nama Blog yang Anda pilih sudah digunakan orang lain.
  12. cara+membuat+blog+blogger+sendiri+gratis+4
    Langkah akhir tinggal Anda klik Buat Blog atau Create blog!

Sampai disini sebenarnya kita sudah berhasil Membuat Blog di Blogger. Namun belum maksimal, karena kita belum menyentuh XML atau Template dari Blog yang baru saja kita buat, jadi jika Blog yang baru saja kita buat dibuka, maka Tampilannya akan masih sederhana.

Untuk cara mendekorasi blog dan segala macamnya, akan saya bahas di Artikel selanjutnya ya, karena mengingat judul yang saya buat hanyalah untuk membahas Cara Membuat Blog, bukan cara Mendekorasi Blog. Hehe, jadi tunggu saja Trik lainnya yang akan diberikan oleh Blog Berguru SEO ini.


Read More 0 comments

Cara Menambahkan Efek Daun Berguguran di Blogger

1. Login ke account Blogger
2. Klik Tata Letak lalu pilih Elemen Halaman
3. Klik Tambah Gadget dan pilih HTML/JavaScript
4. Masukkan Kode di bawah ini ke dalam kolom HTML/JavaScript

<!-- script daun berguguran http://tips-mempercantik-blog.blogspot.com -->
<script type='text/javascript'>
//<![CDATA[
//Configure below to change URL path to the snow image
var snowsrc="http://img300.imageshack.us/img300/4945/pinginbelajar.gif";
// Configure below to change number of snow to render
var no =20;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = "0";
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

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

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 400;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://wpplugins.info\"><img src="+snowsrc+" border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src="+snowsrc+" border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
//]]>
</script>
widgets <img src="http://t0.gstatic.com/images?q=tbn:fsl4Y2LtLmBLJM:http://dv.nantong.com.cn/xl.jpg"> by <a href ="http://tips-mempercantik-blog.blogspot.com/2009/05/membuat-efek-daun-berguguran.html" target ="_blank">Tips Mempercantik Blog<a/>

5. Simpan
6. Selesai dan lihat hasilnya 
Read More 0 comments

Lindungi Blog dari Copy Paste

  • Masuk “Layout” di blogger ---> “Edit HTML”.
  • Copy kode script di bawah ini lalu simpan kodenya sebelum tag </head> TANPA HARUS MENCENTANG “EXPANDS WIDGET TEMPLATE” :

<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 (&quot;return false&quot;)

//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>
  • Mission Complete

Klo udah, coba liat blog kamu yang dah dipasang script di atas..lalu coba klik kanan, G BISA KAN…hore..hore..hore.
Read More 0 comments

Mengganti Kursor di Blogger

Anda bosan dengan tampilan kursor yang biasa-biasa saja? maka kali ini anda mempelajari bagaimana mengganti atau merubah kursor anda misalnya menjadi kursor yang bergerak atau animasi. untuk membuat kursor animasi sesuai keinginan anda bisa dilakukan dengan menggunakan software-software pembuat animasi. Namun jika anda tidak menguasai software tersebut, maka ada cara yang lebih mudah dilakukan. diinternet banyak sekali situs-situs yang menawarkan kursor animasi. anda bisa mendapatkan kursor yang anda inginkan didalam situs seperti itu.

Berikut langkah-langkah yang harus anda lakukan:
Mencari kursor gratis terlebih dahulu

Berikut ini langkah-langkah pencarian situs penyediaan kursor gratis, lalu mendapatkan kursor yang anda inginkan dan membuanya siap ditempatkan dalam blogspot anda:
  • Untuk mencari situs penyedia kursor gratis, gunakan Search engine dengan penulisan kata kunci pencarian misalnya "free animated cursor" atau anda bisa kunjungi situs http://www.cursorpedia.com/ untuk mendapatkannya
  • Bila anda telah menemukan situs yang tepat dan model kursor animasi yang anda sukai, maka pastikan bahwa anda memperoleh URL dari animasi tersebut.
  • Contoh URL animasi yang didapatkan dari situs www.cursorpedia.com adalah seperti ini: http://www.cursorpedia.com/ani/heart_heart_32.ani
  • Kebanyakan kursor telah memiliki kode lengkap yang khusus diperuntukkan bagi situs tertentu, misalnya MySpace. bila anda menemukan yang seperti ini, maka ambil saja URL kursornya.
  • Pastikan alamat URL ini mempunyai ekstensi .ani (untuk kursor animasi) atau .cur (untuk kursor biasa) apabila anda hanya mendapatkan file berformat.ani atau .cur (bukan sebuah URL), maka anda harus meng-upload kedalam webhosting khusus untuk image seperti www.photobucket.com
  • Selanjutnya sisipkan URL kursor animasi anda ke dalam script berikut ini
Cursor: url ("http://www.cursorpedia.com/ani/heart_heart_32.ani ");
Gantilah teks "URL KURSOR" dengan URL kursor yang anda peroleh. Contohnya seperti ini:

cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
  • Dengan script diatas maka kursor animasi anda telah siap diaplikasikan kedalam halaman Blogspot anda.
Mengaplikasikan Kursor dalam Blog anda

Setelah anda mempunyai script kursor seperti bahasan diatas, maka selanjutnya akan dijelaskan bagaimana cara mengaplikasikan kursor ke dalam halaman blogspot milik anda.

Berikut ini caranya:
  • Login terlebih dahulu kedalam akun Blogspot anda
  • Setelah itu klik menu Layout pada halaman dashboard
  • Selanjutnya klik menu EDIT HTML
  • Kemudian Cari kode body {
  • Setelah ketemu masukkan script kursor yang anda miliki tadi seperti ini
body {
padding: 0;
margin: 0;)
font-size: small;
color: $textcolor;
background: #fff;
text-align: center;
cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
}
  • Setelah itu klik tombol Save Template dan lihat hasilnya
Selamat mencoba.......


Read More 0 comments

Cara mengganti gambar header pada blogspot.

Cara mengganti gambar header pada blogspot.
1. Masuk ke akun blogger.com anda.
2. Pilihlah tata letak.
3. Pilih edit HTML.
4. Cari #header pada edit template anda, agar cepat gunakan ctrl + F.
5. Contohnya seperti dibawah ini :
#header {
width: 820px;
position: relative;
height: 183px;
background: #CCC url(http://i660.photobucket.com/albums/uu323/hidayat12                          /Tema%20Negeri%20laskar%20pelangi%20yang%20baru/HeaderBlog.jpg) no-repeat center top;
padding: 0;
font-size: 10px;
color: #FFF;
6. Ganti URL yang bertanda merah dengan url gambar sesuai keinginan anda. Gambar harus diupload ke server.
7. Seperi saya, menggunakan server photobucket.com.

8. Jangan lupa disimpan. Semoga bermanfaat
Read More 0 comments