Cara Menghilangkan Navbar Blogger

Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya. Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama.

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Atau bisa juga menaruh kode berikut persis di bawah kode </body> :


<style type='text/css'>
#navbar-iframe {display:none;}
</style>


Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :

Untuk template klasik

1. Sign in di blogger
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman
5. Copy kode berikut lalu paste di atas kode </style>
/* hilangkan navbar ----------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none }
6. Klik tombol Simpan Perubahan Template
7. Selesai.

Cara Pasang Playlist

Blog memang perlu di pasang playlist sebagai alternatif hiburan kita selagi tidak ada Cd, VCD dll misalnya sekalian kita ngeblog sambil hiburan untuk tidak jenuhnya kita ngeblog.

Baik untuk memasang playlist ada dua cara :

1. Di sidebar blog.
2. Di Posting halaman blog.

Tata cara peletakkan Code script untuk :

Di sidebar :

1. Masuk ke Tata Letak
2. Tambah Gadget
3. Klik HTML/Java script kemudian Copy Code script dibawah ini :

www.autoplaylist.com" alt="Automatic Created Playlist by www.autoplaylist.com">
align="center">
www.autoplaylist.com" alt="Make Your Own Mp3 & Video Playlist at www.autoplaylist.com">

;

Paste diruangan HTML/Java script lalu Simpan

Di Postingan :

anda masuk kehalaman postingan cipy Code script diatas cari dimana anda mau meletakkan diatas atau dibawah terserah anda kemudian simpan

Selamat mencoba semoga berhasil Salam Blogger

Download Flash Menu Pro Full "Blogger"

Bagi anda yang sedang mencari software apa yang bisa membuat header website menggunakan flash, adalah Flash menu labs solusinya. Banyak pilihan yang bisa anda gunakan untuk header web anda dengan software ini.
Silakan coba terlebih dulu.
ini link unduhnya

Sumber

Cara Pasang Game di Sidebar

caranya :

-masuk http://arcade.picgames.com/

-pilih game yang kamu suka

-Dapatkan kodenya yang beraf]da di bawah game tersebut

-copy codenya

-pastekan di blogger-tambah gadget-HTML/JavaScript

-save

selesai thankya semoga bermanfaat

kurang jelas isi komentar ya

Software Pembuat Templet Blog

Seperti yang biasa kita lakukan, untuk memiliki sebuah template kita bisa mencarinya di internet. Banyak situs-situs yang menyediakan template blogger baik yang berbayar maupun yang gratis. Tapi, kita akan banyak mendapat masalah jika kita menggunakan yang gratis. Kebanyakan template yang gratis tak sesuai dengan selera kita. Dan karena tidak sesuai itulah kita pasti mencoba untuk memodifikasi template tersebut.

Tapi, apakah mudah memodifikasi template blogger? Tentu tidak bukan. Secara manualnya aja, kita harus punya koneksi ke internet yang bagus untuk menggonta ganti tampilan template blog kita. Kita harus punya skill CSS dan HTML yang baik pula untuk melakukan semua itu. Hahh (–_+’) ,, lama jadinya bukan..



Nah, pada postingan kali ini saya ingin memberi solusi bagaimana memodifikasi template blog blogger dengan mudah secara offline dan tanpa perlu skill CSS dan HTML yang baik. Kita menggunakan SOFTWARE. Dengan software ini, kita bebas berkreasi sesuai dengan kesukaan kita tanpa perlu online. Pokonya mudah banget. Software ini namanya Artisteer.

WHAT IS EXACTLY ARTISTEER?

Artisteer adalah sebuah software yang dirancang khusus untuk memudahkan pekerjaan para blogger merancang maupun memodifikasi sebuah template. Artisteer adalah software yang compatible untuk berbagai blog editor. Di antaranya: Blogger, Wordpress, Joomla, Drupal, dan DotNetNuke. Kita juga dapat merancang sebuah template HTML untuk hosting sendiri.

WHAT ARE THE FEATURES OF ARTISTEER?

Hingga saat ini, artisteer masih merupakan software perancang template terbaik yang pernah ada. Mungkin, hal ini disebabkan oleh kelengkapan fitur dari software ini sendiri. Saya sendiri yang sudah mencoba software ini akan bilang, “Ini software luar biasa punya!”. Bagi seorang blogger yang sudah memiliki software ini, berani jamin akan merasakan kemudahan dalam merancang sebuah template.

Berikut ini merupakan fitur-fitur yang dimiliki oleh artisteer template designer :

1. Kemudahan merancang template untuk berbagai blog editor.

2. Memiliki menu-menu yang akan membuat kita leluasa untuk mengedit setiap bagian dari template. Mulai mengedit Header hingga ke footer. Di sana sudah termasuk mengedit tampilan blackquote dan tabel serta button. Bayangin, sampai merancang tampilan yang ke hal kecilnya aja bisa dilakukan oleh software pintar ini.

Untuk lebih jelasnya lihat screenshot menu-menu yang ada di artisteer – template designer berikut ini: ( Klik untuk memperbesar )



Pada gambar di atas, saya ambil ketika sedang membuka menu Ideas. Look at the picture carefuly! Menu Ideas aja punya submenu sebanyak itu, belum lagi menu yang lain. Bayangin, betapa banyak hal yang dapat kita lakukan dengan menu-menu yang ada di software perancang template artisteer ini. Ibarat kalau sobat bekerja dengan Microsoft Word, seperti itulah kalau kita bekerja di software yang satu ini. Apa-apa yang tampil seperti apa-apa yang telah dibuat. Karena, makin Banyak menu, makin banyak mudah :-D . Makanya jangan heran kalau software ini beratnya minta ampun.

3. Kita dapat mengatur sendiri dimana setiap gambar yang digunakan template dihosting

4. Kita dapat melakukan preview template pada browser-browser berikut :
- Internet Explorer ( Ctrl + Shift + I )
- Mozilla ( Ctrl + Shift + M )
- Chrome ( Ctrl + Shift + C )
- Opera ( Ctrl + Shift + O )
- Safari ( Ctrl + Shift + S )

5. Banyak lagi hal lain yang bisa sobat cobain. Pokoknya, mwanteb dech..


Bagaimana dengan review Raffkhan mengenai software perancang template blog Artisteer ini? Apakah sobat tertarik untuk mencobanya? Jika tertarik, silahkan mendownload aja melalui link di bawah ini.

ARTISTEER

Download

type: application

size: 76,3 MB

Maka, sobat akan langsung dibawa ke situs artisteer. Sobat dapat mendownloadnya secara gratis. Boleh juga membayar. Semua tergantung sobat. Sobat juga akan tahu sendiri nanti. dan klo sobat juga tidak sanggup untuk membeli software yg lumayan mahal ini, sobat semua juga bs mendownload keygennya disini,,, hehehe,,, ssssstttt tp jangan jgn blg siapa-siapa yah,, ilegal ne,, oke deh lanjut aja kalo enggak sabar lagi,, silah kan donwload disini.... keygen. kata-kuncinya : 123456

Untuk mempermudah proses pendownloadan, saya menyarankan sobat untuk mendownload software ini dengan menggunakan IDM ( Internet Download Manager ) , boleh juga dengan DAP (Download Accelarator Plus). Tidak lupa juga agar mendownloadnya di warnet yang koneksinya baik.

Salam blogger dan selamat berkreasi dengan software perancang template ini.

Sumber : modifblogmu.blogspot.com

Cara Membuat Tuisan addres Bar Berjalan

Selama ini kita hanya bisa membuat tulisan berjalan dengan merquee di area blog,seperti di postingan,sinebar,footer,header,dll. Tapi,untuk kali ini sobat bisa menerapkannya di address bar Blog sobat. Tulisan ini berjalan tanpa hentinya di address blog sobat sehingga tidak terkesan monoton dan pengunjung pun tidak akan kabur.

Sobat bisa mengganti tulisan yang berjalan sesuai dengan keinginan sobat.
sulitkah untuk membuat nya ???? Untuk sobat,ini tidak terlalu sulit kita hanya menambahkan sedikit kode CSS di template kita. Dari pada penasan langsung aja ya di praktekkan.
 Langkah Membuat Address bar  berjalan :
1. Sopasti sobat harus LOg In dulu di Blogger.com.
2. Masuk ke menu Tata Letak >Edit Html
3. Cari Kode </head> dan Copy script di bawah ini kemudian pastekan tepat di atas kode </head>

<script type='text/javascript'>
//<![CDATA[
msg = " --- welcome to my blog--- ";
msg = " --matur nuwun sanget--" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>

Ket :

• Lihat Tulisan yang berwarna biru,sobat bisa menggantinya sesuai keinginan sobat dan itulah tulisan yang akan muncul di Address bar sobat.

4. Simpan Template.

Gampang kan.,..,,Sekarang sobat bisa melihat hasilnya di Blog Sobat.

Cara Memmbuat Tulisan Link Membesar Ketika Disorot

1. Selalu Login ke blog anda > Layout (tata letak) > Edit HTML
2. cari kode berikut ini yang mirip-mirip dengan ini (pusatkan pencarian pada bagian paling atas).

a:link { color:$linkcolor; text-decoration:underline; font-size:12px; }
a:visited { color:$linkcolor; text-decoration:underline; font-size:12px; }
a:hover { color:#ff0000; font-size:18px; text-decoration:underline; }

Perhatikan bagian font-size: (jika tidak ada anda bisa tambahkan sendiri). kode ini artinya adalah ukuran huruf link anda.

4. Sesuaikan ukurannya yang setiap bagian berarti :

a:link { adalah ukuran asli link
a:visited { adalah ukuran link jika sudah pernah di buka (saya sarankan yang ini samakan dengan yang di atas
a:hover { adalah ukuran link ketika di sorot oleh kursor (anda bisa ubah ukuran jadi lebih kecil / besa)

5. Save Templates.... Mudah kan, SANGAT MUDAH
Jika anda orang yang pinter, kreatif, genius, dll (seperti ehm...) anda bisa utak-atik kode lainnya loh

Selamat mencoba dan jangan lupa tinggalkan comment

Cara Memasang Witged Translator

Pemasangan widget Translator atau"Penterjemah" pada blog amat perlu. Translator ini berguna apabila blog kita dikunjungi secara tidak sengaja dari oleh pengunjung dari negara lain yang melihat blog kita dan tidak tahu bahasa kita ,maka mereka boleh menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan.Berikut adalah cara untuk memasukkan translator pada laman blog
1. Login ke Blogger kemudian pilih menu Layout
2. Kemudian klik pada Add Gadget
3. pilih HTML/Javascript
4. Kemudian masukkan script berikut ini kedalamnya.

<div id="google_translate_element"></div><script>

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'ms',

includedLanguages: 'ar,zh-CN,zh-TW,nl,en,tl,fr,de,hi,id,it,ms,ru,es,th,vi'

}, 'google_translate_element');

}

</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

5.Kemudian save.

Cara Memasang You Tube diblog

Layari laman web youtube.com dan cari video yang hendak dimasukkan.

kemudian setelah video tersebut muncul tekan butang embedded dan  code akan muncul dibawahnya.salin kod tersebut

Log in ke blog.Kemudian klik pada new post
kemudian pilih edit html,pastekan embedded code tadi

Kemudian klik publish post untuk melihat hasilnya.
saiz video tersebut boleh diubah dengan membuat
ubah suai pada code tadi.selamat mencuba :)

Cara membuat link berkelip disertai dengan kerlipan bintang

Cara ini membolehkan link berkelip bila dihalakan cursor padanya.Disamping berkelip ia kan mengeluarkan kerlipan bintang disekeliling.Tidak menggunakan javascript,hanya gabungan css dan imej sahaja.Contohnya boleh dilihat pada blog ini.Kalau berminat hendak membuatnya,berikut adalah langkahnya:

Klik pada Design
Edit HTML
Cari kod:

</head>

Dan letak kod ini diatasnya:

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsLyHYX3M2C0NedWlIm2-D2AEqKl-_s6Cy__0T38lrWOPpxFFTLAS5I3R-VwaFlQN9EGbe1JgTXtSAFoLm38Tn1LlR-Ni-6T760R38nXac5Oh42vy23vtAZx9MiRG93XpEr48FC4PREi0/s1600/blink.gif); }
</style>

atau gunakan yang dibawah ini:



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlPwrVd4hyphenhyphenlymMnKmdgtgUgP7uH5bBlFcfxlWjQXdadXlrFUEmc4cEWckAL8Dm2jRv8aGykB9CNFwZ9yrcH80xNCBIucYj8W4lbpvhkxHLwuLsKTo7VZoSshmN4zPf4H_Y2a7RlTvcrOY/s1600/str4.gif

#sesuai hanya untuk template berwarna gelap.

Simpan template…selesai..

Ganti Cursor Mouse Di Blogger

Bingung ni mau posting apa... tapi kemarin ada yang nanya tentang bagaimana cara ganti cursor di bloger, jadi terinpirasi dech.. buat nulis ini. sebenarnya artikel yang membahas tentang masalah ni sangat banyak bertebaran di internet dan cara" yang digunakan juga
sangat berfariasi, tapi kali ini saya akan membahas tentang cara yang saya anggap paling simpel dan mudah, ahh... gak usah panjang-panjang lagi basa-basinya tar malah temen-temen bosen bacanya... gini  ni caranya....

Seperti biasa kamu login dulu di blog kamu....

Terus... kamu pilih "Tata Letak" Terus... pada "Elemen Laman" kamu klik "Tambah Gadget"

Terus... kamu pilih Gadget "HTML/Java Script" kemudian kamu copy kode dibawah dan paste pada gadget HTML/Java script tadi.

<style type="text/css">body {cursor:url("http://img1.blogblog.com/img/icon18_wrench_allbkg.png"),default}</style>

Terus...(ahhh... perasaan dari tadi terus terus melulu dech... hati-hati mas tar bisa nyemplung di selokan.)

terus kamu "Simpan" dan lihat hasilnya....

Kamu juga bisa mengganti jenis coursornya sesuai dengan pilihan mu... dengan cara merubah isi URL dari kode tadi. dan ingat gambar yang akan kamu gunakan sebaiknya berukuran micro agar tidak terlalu berat dan dengan format *.png, *.ico,*.cur, maupun *.ani dan *.gif  tapi untuk gambar dengan format *.ani dan *.gif  hanya berfungsi pada web browser tertentu saja, salah satunya adalah IE.

terus.... kalau kamu bingung mau nyari gambar cursor dimana kamu bisa tanya sama mbah 'google'.

terus.... terus.... terus.... terus.... terus....

Cara Membuat Tombol Home, BackToTop, BackToDown, Reload

 

ini saya akan memposting tentang cara Cara Membuat Tombol Home, BackToTop, BackToDown, Reload ,Tahukah sahabat bahwasanya ada Icon untuk mempermudah dalam navigasi, Saya akan menjelaskan cara membuat tombol Home, Back to top, Back to down, Refresh..

inilah penjelasannya,

1. Tombol Home gunanya untuk Kembali ke HomePage.
2. Tombol Back To Top gunanya untuk kembali ke atas.
3. Tombol Back To Down gunanya untuk kembali ke bawah.
4. Tombol Refresh gunanya untuk membuk ulang halaman.
Caranya mudah saya jelaskan tahapannya :

#mangetsu {<br />position:fixed;_position:absolute;bottom:0px; right:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }<br />#mangetsu a<br />{<br />filter:alpha(opacity=65);<br />-moz-opacity:0.65;<br />opacity:0.65;<br />border:0;<br />}<br />#mangetsu img<br />{<br />border:0;<br />}<br />#mangetsu a:hover<br />{<br />filter:alpha(opacity=100);<br />-moz-opacity:1;<br />opacity:1;<br />}

Kalau sudah, copy code berikut :

<div id='mangetsu'><br /><table border='0'><br /><tr><br /><td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1pv4SMLmzsrBkswPZSM_82wTc_ETo9n4i_Oa6iDP4vEj3C1iQ-XHeXlWold7vTwaN4nDjoiZW4Q-A_qGaXI1oX8VGfGkF3Oa-vfHQaZb7l0YsRdGSNAykfem03VIBAMZE4bWhD0CzcBg/s320/home-icon2.png'/></a></td><br /><td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyadDSe20ahMSeL2RN6NmLz6X_uU-uHT33cFgdJdPr-kGqoUW2DodoKDzlt-NeEvtGVekGsirlCRd0JEQtd0lgFnoa6ysm1uSBylKapvTHKQX-cyr-Aji2h94bJ6sDGr7BEL5P_jEUIeU/s320/pre-icon1.png'/></a></td><br /><td><a href='#bottom' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOK_l71EpEXvcvM2gLzZAAlUA2u5TzRGnewK2T4ollTAOtgmc8ctzw1maTElQtnh9vz0CN56k4UgY4INTVrv00mhknTNAk5YFt7P4g5pi7OqXa38LScznyUgtOVB7s00tp4wVcZRlf0_M/s320/next-icon2.png'/></a></td><br /><td><a href='#' onClick='window.location.reload()' title='Reload page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMrqbovduM7IYsGMxZzr3P8HIWsOYGcKUs1KN74uGaTsz1cAIVCZWljjIQvtkOS8xpkXWzIdbbQpu-vuuwKgHp-JlVCZHHxkY6UulT9VTGvj-STJo33k43bJ8LaVAETVOqrGPoPy1vQCE/s320/refresh-icon1.png'/></a></td><br /></tr><br /></table><br /></div>

Kalau sudah di copy, paste code di atas tepat dibawah code :

<body>

• Lalu Simpan, dan lihat hasilnya.

Jika sahabat ragu-ragu untuk menambahkan widget ini sahabat dapat mengklik tombol Pratinjau untuk mengecek apakah editan saya berhasail atau tidak.


Mudah-mudahan tips ini bermanfaat,wassalam

Sumber : http://magazineforum.blogspot.com/ 

Cara Membuat Tulisan berjalan secara bergantian di addres bar blog

friends,,kali ini saya akan berbagi tips cara membuat Tulisan bergerak pada blog,mungkin tips ini dah kuno,bagi anda yng sudah lama berkecimpung didunia blogger,,,

1. Masuk ke akun Blogger Anda.

2. Klik Tata Letak.

3. Klik Tambah Gadget.

4. Pilih HTML/JavaScript.

lalu copy kan script dibwah ini pada HTML/javascript

<script>
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new
tb8_makeArray(3);
tb8_messages[0] = "ISI KAN DENGAN PESAN SAUDARA";
tb8_messages[1] = "iSI KAN DENGAN PESAN SAUDARA";
tb8_messages[2] = "SI KAN DENGAN PESAN SAUDARA";
tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script><br />

catatan :
-. Ubah Nomor / Angka yang berwarna Biru dengan jumlah baris pesan yang akan di tampilkan.
-. Sesuaikan pesan yang bercetak merah dengan pesan yang akan ditampilkan.
-. Untuk menambah baris pesan copy tb8_messages[2] = "Isi pesan"; , tambahkan kode tersebut di bawahnya,  jangan lupa untuk mengurutkan nomor yang ada di dalam kurung.

5. Selanjutnya jangan lupa untuk mengklik tombol Simpan.

6. Selesai...


selamat mencoba !!!

Membuat Kotak Pencari/search engine di My Blog

 

Mesin pencari atau “Search” berfungsi untuk mencari dokumen yang ada dib log. Sayangnya sebagian template ada yang tidak menyertakan fitur ini sehingga kita harus membuatnya secara manual. Untuk cara membuatnya, ikuti langkah dibawah ini.

<form id="searchform" action="http://namablogAnda.blogspot.com/search" name="searchform" method="get"><br /><input id="s" value="" name="q" type="text"/> <input id="searchsubmit" value="Search" type="submit"/> </form>

-Login ke blog anda

-Rancangan

-Tambah gadget

-Html/java script lalu Copas kode di atas

- Klik SAVE
- Geser ke tempat yang anda inginkan, klik SAVE lagi

Melindungi Blog dari KLICK KANAN MOUSE

Selain menggunakan copy scape kita juga dapat menggunakan

skript sebagai berikut

<SCRIPT language=JavaScript>
<!-- http://www.spacegun.co.uk -->
    var message = "function disabled"; 
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; } 
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } } 
    document.onmousedown = rtclickcheck;
</SCRIPT>

caranya masukan di bawah skript tersebut di bawah postingan kita begitu pula dengan kode copy scape
Selamat mencoba...

Cara Mengganti Logo Blogger Dengan Logo Sendiri

Tips Komputer | Tips SEO | Tips Blogger
Tips Blogger yang akan saya bahas kali ini bukan hal yang baru, tapi melaikan merupakan hal yang wajib diketahui oleh para Blogger. Biasanya bagi blogger yang masih pemula atau baruBelajar Blogger, seperti halnya saya sendiri, kurang tahu dan masih bertanya-tanya bagaimanaCara Mengganti Logo Blogger Dengan Gambar Sendiri. Yang merasa kurang paham dengan cara ini bisa melihat contohnya pada Adress Bar Blog saya ini, jika blogger yang baru membuat blognya biasanya pada adress bar masih menggunakan logo Blogger yaitu huruf "B". Nah untuk merubahnya yang anda perlukan adalah gambar yang anda inginkan untuk dijadikan logo, tapi syarat gambarnya harus sudah terupload di Internet. Jangan khawatir banyak penyedia upload foto di Internet, contohnya saja PhotoBucket dan Picasa.

Setelah anda memiliki foto atau logo yang sudah diupload dengan disertai url foto tersebut anda sudah bisa melanjutkan Tips Belajar Blogger kali ini. Berikut cara-cara Tips Blogger tentang Cara Mengganti Logo Blogger Dengan Gambar Sendiri.

1. Login dulu ke Blogger anda.
2. Klik Rancangan pada Dashboard
3. Klik Edit Html.
4. Tekan Ctrl + F untuk mencari kode berikut ini :
            <title><data:blog.pageTitle/></title>
            <b:skin><![CDATA[
5. Copy kode ini di antara kode di atas : <link href='url foto yang telah anda upload' rel='shortcut icon'/>
6. Contohnya seperti ini :
   

   <title><data:blog.pageTitle/></title>                                                                                <link href='alamat url foto yang telah anda upload' rel='shortcut icon'/>

   <b:skin><![CDATA[        

7. Setelah itu Simpan Template dan anda sudah bisa melihat hasilnya. Demikian Tips Blogger tentang Cara Mengganti Logo Blogger Dengan Gambar Sendiri, semoga dapat bermanfaat untuk anda terutama bagi yang baru Belajar Blogger.

CARA MEMBUAT TULISAN SELAMAT DATANG

Banyak cara yang bisa dilakukan untuk mempercantik blog. Salah satunya adalah menampilkan pesan selamat datang pada saat blog dibuka.Kelebihan dari Alert selamat datang ini adalah memberikan kesan tersendiri pada pengunjung blog, sedangkan kelemahannya adalah pengunjung blog akan mendapat sedikit kesibukan karena pesan ini akan selalu muncul pada saat pengunjung mengklik Read More atau Baca Selengkapnya pada postingan yang diberi Read More. Pesan ini juga muncul apabila pengunjung melakukan open new tab pada link yang diarahkan kedalam blog sendiri. Hal ini mungkin akan sedikit mengganggu pengunjung blog. Berikut gambarnya bagi sobat yang sedikit penasaran.

Jadi silhkan pertimbangkan dulu, mau pasang Alert Selamat Datang ini pada blog sobat atau tidak. Atau bisa juga sobat coba aja dulu, kalau tidak suka hapus aja lagi kodenya. Gampang kan ???

Berikut lankah-langkah pemasangannya :  

1. Masuk dulu ke akun blog sobat dengan klik DISINI

2. Klik tulisan "RANCANGAN".

3. Klik tulisan "Edit HTML".

Cari kode </head> pada kotak kede HTML blog sobat. Tekan "Ctrl F" lalu ketik pada kotak Cari untuk melakukan pencarian cepat.

4. Sudah dapat kodenya ? Kalau belum cari lagi he..he... Copy Kode berikut ini :

<link href='http://awaluddink.blogspot.com/_pt7i0nbIOCY/Sbs2-KrXn6I/AAAAAAAABeI/hytWTs73lQc/favicon_thumb%5B3%5D.png?imgmax=800' rel='shortcut icon'/><br/><SCRIPT language='JavaScript'> alert ("Selamat datang MgM Community") ;</SCRIPT><br/>

5. Paste diatas kode tadi (</head>) 

Lakukan pratinjau untuk melihat  hasilnya. Kalau suka, kembali ke Edit HTML lalu klik "Simpan Template"

Selesai.

Selamat Berexperimen.

Cara menampilkan pesan selamat datang pada blog

Kadang menambahkan pesan Selamat datang di blog penting juga, untuk kali ini saya akan memberikan sedikit triks untuk menambahkan pesan selamat datang di blog dengan mengisikan nama pengunjung , untuk itu silahkan lihat tutorial di bawah :

jika anda ingin memasangnnya sebagai Css maka cara yang harus dilakukan adalah

• pada dasbor-->> rancangan-->> edit Html
• Cari tag <head> , kemudian pastekan kode di bawah setelah <head>
<script language="JavaScript"> { var name = prompt ('Your name',''); } //--> { alert("Text kamu disini"+name+"."); alert("Text 2"); } </script>
• Ganti Tulisan kedap kedip dengan pesan yang akn kamu tampilkan
• simpan

Jika tidak mau repot mengutak atik Html, maka cara ke dua
Di Dasbor -->>edit halaman-->>tambah gadget-->> Html/script
Kemudian Pastekan kode berikut di kotaknya

<script language="JavaScript"> { var name = prompt ('Your name',''); } //--> { alert("Text kamu disini"+name+"."); alert("Text 2"); } </script>

Simpan

Maka hasilnya jika pengunjung memasuki halaman Web kamu akan muncul seperti ini

Selamat Mencoba , Semoga berhasil

Tips cara blog bisa masuk google search engine, yahoo, dsb

Sumber pengunjung blog kita bisa dari direktori web, mesin pencari, tautan / link dari website lain dan kunjungan langsung ke alamat / url situs kita. Untuk bisa dicrawl dan diindex google, situs kita harus ditemukan oleh sistem bot google yang akan menelusuri blog kita dan menampilkan situs kita di hasil pencarian google.

berikut ini adalah beberapa cara agar situs web kita kenalan dengan bot punya google, yahoo, dan kawan-kawan :

1. submit url situs web atau blog kita di sistem milik google, yahoo, dll.
- www.google.com/addurl/
- www.google.com/webmasters/tools/ (khusus yang ahli saja / expert)
- www.submitexpress.com/submit.html (pihak ketiga)
- www.altavista.com/addurl/default
- search.yahoo.com/info/submit.html

2. submit alamat blog / situs ke web direktori terkenal
- www.dmoz.org

3. promosi baik-baik
- pasang signature email kita yang ada link blog atau website kita (hati-hati email kita diangap spam)
- pasang signature di komentar blog atau forum walaupun nofollow
- pasang iklan di iklan online gratisan
- masukkan blog kita di web direktori lokal dan internasional sebanyak-banyaknya
- daftar direktori blog seperti blog-indonesia.com
- pakai pakaian atau atribut yang ada tulisan alamat situs kita
- kalau kenalan sama orang lain di internet jangan lupa promosi blog kita.
- pasang link blog kita di profil friendster, facebook, hi5, myspace, dan lain-lain.

4. rajin menebar link blog aktif kita di internet
carilah forum atau blog yang memperbolehkan kita posting link aktif follow web kita di situsnya. seperti memberi komentar atau respon balasan thread di forum komunitas dengan melampirkan link di signature kita. cara ini lumayan ampuh untuk menarik pengunjung dan banyak bot search engine.

Tutorial Bagaimana Cara Membuat Menu TabView

Apa itu TabView?

Seperti apa bentuknya?
Bagaimana cara membuatnya?

Tab View sangat berguna untuk blog karena dapat menghemat ruang pada blog dan bisa menampung begitu banyak link serta konten blog di dalamnya.
Contoh bentuk bisa diliat seperti berikut ini:



Kemudian, bagaimana cara membuatnya?
Ikuti langkah-langkah berikut ini:

1. Login ke akun blog
2. Pilih menu Layout » masuk ke Edit HTML
3. Cari kode ini ]]></b:skin>
4. Copy lalu paste kode berikut ini sebelum kode ]]></b:skin>
   
   

   div.TabView div.Tabs
   {
   height: 24px;
   overflow: hidden;
   }
   
   div.TabView div.Tabs a
   {
   float: left;
   display: block;
   width: 90px; /* Lebar Menu Utama Atas */
   text-align: center;
   height: 24px; /* Tinggi Menu Utama Atas */
   padding-top: 3px;
   vertical-align: middle;
   border: 1px solid #000000; /* Warna border Menu Atas */
   border-bottom-width: 0;
   text-decoration: none;
   font-family: "Arial", Times New Roman, Serif; /* Font Menu Utama Atas */
   font-weight: 900;
   color: #000080; /* Warna Font Menu Utama Atas */
   }
   
   div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
   {
   background-color: #BDBDBD; /* Warna background Menu Utama Atas */
   }
   
   div.TabView div.Pages
   {
   clear: both;
   background-color: #FFFFFF; /* Warna background Kotak Utama */
   border: 1px solid #000000; /* Warna border Kotak Utama */
   overflow: hidden;
   }
   
   div.TabView div.Pages div.Page
   {
   height: 100%;
   padding: 0px;
   overflow: hidden;
   }
   
   div.TabView div.Pages div.Page div.Pad
   {
   padding: 3px 5px;
   }

   Teks yang berwarna merah adalah keterangan untuk mengatur tab view. Seperti ukuran tebal border, tinggi dan lebar tab view serta warna background.
5. Kemudian pasang script berikut sebelum kode </head>

   <script src='http://ganesha-system.com/tabview.js' type='text/javascript'/>

6. Kemudian klik Save Template
7. Lalu masuk ke menu Page Elements
8. Pilih Add a Gadget » Pilih menu HTML/Javascript, Copy lalu paste kode berikut di dalamnya.

   <form action="tabview.html" method="get">
   <div class="TabView" id="TabView">
   <div class="Tabs" style="width: 350px;">
   <a>Tab 1</a>
   <a>Tab 2</a>
   <a>Tab 3</a>
   </div>
   <div class="Pages" style="width: 350px; height: 250px;">
   
   <div class="Page">
   <div class="Pad">
   Tab 1.1 <br />
   Tab 1.2 <br />
   Tab 1.3 <br />
   </div>
   </div>
   
   <div class="Page">
   <div class="Pad">
   Tab 2.1 <br />
   Tab 2.2 <br />
   Tab 2.3 <br />
   </div>
   </div>
   
   <div class="Page">
   <div class="Pad">
   Tab 3.1 <br />
   Tab 3.2 <br />
   Tab 3.3 <br />
   </div>
   </div>
   
   </div>
   </div>
   </form>
   
   <script type="text/javascript">
   tabview_initialize('TabView');
   </script>

9. Lalu klik Save dan tempatkan widget tabview agar sesuai dengan template anda.
10. Berhasil

Sebagai catatan:

• Angka yang berwarna merah adalah ukuran lebar dan tinggi widget tab view.
• Kode yang berwarna hijau adalah teks pada menu utama di bagian atas.
• Kode yang berwarna biru adalah teks yang berada di halaman tab view yang bisa Anda isi dengan link apa saja, gambar, banner dan script lainnya.
• Untuk menambahkan jumlah menu maka perhatikanlah text yang berkedip-kedip. Tambahkan menu berikutnya di bawahnya.

Contoh pengaturan teks :

• Teks "Tab 1" dapat diganti dengan teks lain seperti "FAMILY", "MALE" “FEMALE” atau teks lainnya.
• Sedangkan pada bagian isi menu di bawahnya yang berwarna biru Tab 1.1 bisa diganti dengan link posting blog seperti ini :
  <ul>
  <li><a href="http://ganesha-system.com/?id=admin">Bisnis Pulsa</a>
  </li>

Mudah-mudahan tutorial membuat TabView ini dapat bermanfaat.