Tips untuk Blogger

Cara Membuat Kode Tukeran Link Banner

2009-09-04T10:27:00.005+07:00

Silahkan Copy Paste kode dibawah ini ;

<img border="2" src="http://i376.photobucket.com/albums/oo201/doniedun/DONI.gif"/>
<br/>
<textarea rows="6" cols="20" name="code"> <a href="http://doniyuda.blogspot.com/" target="_blank">
<img border="2" src="http://i376.photobucket.com/albums/oo201/doniedun/DONI.gif"/></a>
</textarea></center>
Silahkan ganti nilai Rows dan Cols dengan nilai sesuka kamu, dan jangan lupa Ganti dengan Url Blog dan Url Gambar yang mau di tampilkan ;
Hasilnya akan seperti ini….

Contoh TUKERAN LINK BANNER

Selamat mencoba semoga bermanfaat…

Cara Disable Klik-Kanan Mouse Pada Blog

2009-09-04T10:22:00.002+07:00

Selama melanglangbuana diblog-blog teman atau kawan…tentu anda pernah menjumpai ada blog atau situs yang mempungsikan security diblognya dengan mengunci atau men-disable fungsi mouse klik-kanan. Sehingga pengunjung yang usil atau berniat untuk mengcopy data-data pribadi anda tidak bisa melakukan copy-paste.
Biasanya pemilik situs atau blog itu sangat hati-hati untuk menjaga privacy blognya agar orang lain tidak bisa mengambil data-data yang ada disana.
Oke..tanpa ba-bi-bu…..langsung saja kita ke TKP…goooooo…… Pertama-tama anda langsung login ke account blogger anda, dan pilih blog mana yang akan di-disable-kan fungsi mouse sebelah kanannya. EDIT HTML – conteng Expand Template Widget – dan copy kode yang ada dibawah ini dan taruh atau letakkan sesudah kode <head> dan sebelum kode </head> ;

<script language=JavaScript></script>

Setelah itu anda coba buka blog anda dan coba dengan cara men-klik-kanan mouse pada bidang atau gambar yang akan anda copy. Kalau ternyata tidak bisa menfungsikan mouse pada klik-kanan, berarti Men-disable klik-kanan pada Blog sudah berhasil. Mudah-mudahan saja, cara ini bisa menjadi security blog anda kalau-kalau ada tangan jahil yang ingin meng-copy-paste isi dari blog kesayangan anda. Ok..mudahan bermanfaat…dan sukses blogger Indonesia.

How to make the background on the scroll box

2009-08-28T11:27:00.005+07:00

My first was also a little confused how it makes it easier but this is my own way is by adding the following code
<div style=" border: 1px solid #B7CAF6; overflow: auto; width: 180px; height: 200px; background: url(Your url background here);">Your text here</div>

Example

Your text here

You can also create link list
<div style=" border: 1px solid #B7CAF6; overflow: auto; width: 200px; height: 300px; background: url(Your url background here);">
<ul>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
<li><a href="url your link here" target="blank">Name of link</a></li>
</ul>
</div>

Exampel

link can be added or subtracted as needed
if your schools of not only text links or just up to you in any way modivikasi

Membuat link dengan button dan gaya tampilan berbeda

2009-08-26T13:23:00.004+07:00

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya? :r Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak

Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh :z
:r udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode
.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......

Membuat gambar dengan efek bayangan

2009-08-26T13:13:00.001+07:00

Membuat gambar dengan efek bayangan. Contoh hasil dari turorial ini bisa kamu lihat pada gambar di sebelah tulisan ini. Bagaimana cara Membuat gambar dengan efek bayangan?. Caranya sangat mudah. Gambar dengan efek bayangan ini tentu saja menambah nilai tersendiri pada gambar tersebut. Contohnya apabila kamu ingin mempromosikan sebuah produk atau ingin menjual sebuah ebook. Pengunjung yang melihat gambar dengan efek bayangan ini akan lebih tertarik untuk melakukan klik pada gambar tersebut.

Membuat gambar dengan efek bayangan :

1. Kunjungi Web Floor Maker. Kemudian upload image kamu.

2. Atur tampilan gambar. Apabila sudah klik generate.

3. Klik kanan pada hasil gambar. Kemudian pilih save image as.

Selesai. Selamat mencoba

Membuat Icon Gambar Di samping judul posting

2009-08-26T13:07:00.002+07:00

Membuat Icon Gambar Di samping judul posting Membuat Icon Gambar Di samping judul posting. Pernahkah teman-teman tips blogger semua melihat sebuah blog yang menampilkan icon gambar disamping judul posting mereka?. Nah apabila pernah dan kamu ingin mencoba membuat tampilan blog seperti itu, tips blogger akan berbagi tips tentang cara Membuat Icon Gambar Di samping judul posting. Caraya sangat sederhana. Yang pertama tentu saja kamu harus login dulu ke account blogger kamu.

-Kemudian masuk ke halaman edit template dan Cari Kode Css Berikut :

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-style:italic;
line-height:1.3em;
color:#333;

-Cari Icon Yang kamu suka misalnya icon buku dan pena yang kemudian ambil link gambarnya, seperti contoh link gambar ini...

http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/buku.png

(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh).

-Ganti kode

padding:30px 0px 0px 45px;

Jadi

padding:48px 0px 0px 45px;

dan tambahkan

height:48px;
background:url (di bawah color:#333;)

Contoh pemasangannya seperti ini :

.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;

5. Kemudian simpan dan lihat hasilnya.

Note : untuk mencari icon gambar yang kamu inginkan, kamu bisa mengunjungi Iconarchive.com.

contohnya bisa dilihat disini

Cara Menampilkan foto komentator

2009-08-26T13:05:00.001+07:00

Sebelumnya saya sudah pernah memberikan tutorial bagaimana cara menampilkan foto dari komentator. Sekarang ada cara baru yang cukup mudah untuk dilakukan. Yuk kita lihat caranya...

1. Pertama kamu harus memiliki account mybloglog dan sudah mengupload foto kamu disana, jika belum silahkan daftar dulu disini.

2. Jika sudah, masuk ke halaman edit html template kamu. Kemudian klik centang "expand widget". Lalu tekan "control+f" dan masukkan kode </head> kemudian enter.

Jika sudah menemukan kode di atas, copy paste kode di bawah ini tepat di atas kode </head> tadi.

<script type='text/javascript'>
//<![CDATA[
/*
Merlinox and Napolux MyBlogLog Avatar Creator
created by Merlinox (blog.merlinox.com)
helped by Napolux (www.napolux.com)

version 0.1 (20061214)
version 0.2 (20061215)
compatible with all blogger blog
*/

if(typeof(myLayer)!='function'){
function myLayer (x){
//individuo l'oggetto
if(document.layers){ // browser="NN4";
lay=document.layers[x];
}
if(document.all){ // browser="IE";
lay=eval("document.all." + x);
}
if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
lay=document.getElementById(x);
}
return lay;
}
}

//lo prendo da blogger
function myBlogAvatar(codiceCommento,autore,stile){
//scrivo lo span
//var myBlogSpan = "myBlog-" + codiceCommento;
//document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");

//metto tutto minuscolo perchè indexOf è case sensitive

if (autore != ""){
alt="MyBlogLog: " + autore;

myBlog = "<a target='_blank' href="http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "" rel='nofollow'><img src="http://pub.mybloglog.com/coiserv.php?href=" + autore + "" alt="" + alt + "" title="" + alt + "" border="1" class="myBlogAvatar"></a>";
//myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
//myLayer(myBlogSpan).innerHTML = myBlog;
document.write(myBlog);
}
}
//]]>
</script>

3. Lalu kita masuk ke tahap selanjutnya, tekan "control+f" lagi dan masukkan kode

<b:loop values='data:post.comments' var='comment'>

jika sudah ketemu, copy paste kode di bawah ini tepat di bawah kode di atas.

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

Pemasangannya seperti ini :

<b:loop values='data:post.comments' var='comment'>

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

4. Langkah terakhir adalah simpan dan lihat hasilnya.

Selamat mencoba ;)

Membuat tukar link otomatis

2009-08-26T09:23:00.002+07:00

Mungkin kamu pernah melihat sebuah blog yang memasang widget tukar link otomatis?. Contohnya seperti disini (klik untuk melihatnya).

Ingin membuatnya?. Caranya gampang kok, yuk langsung aja kita lihat cara membuatnya...

Cara membuat widget tukar link otomatis adalah :

1. Silahkan daftar dulu disini...

2. Kemudian login ke account kamu tadi dan klik wizard, lihat tulisan di atas pada account kamu itu.

3. Lalu pilih Newblogger atau blogger baru (pilihan pertama) dan centang pilihan kedua, yaitu pada pilihan paling kiri di bawah (berarti dua pilihan yang satu di atas dan yang kedua di bawah). Kemudian klik generate code.

4. Akan keluar dua kode html setelah itu.

Kode pertama contohnya adalah seperti ini :

<script type="text/javascript" src="http://www.blenza.com/linkies/header.js"></script>

Kode kedua contohnya adalah seperti ini :

<script type="text/javascript" src="http://www2.blenza.com/linkies/autolink.php?owner=doniyuda&postid=26Aug2009b"></script> <== Contoh kode kedua

5. Login ke account blogger kamu dan masuk ke halaman edit html template kamu. Masukkan kode petama seperti di atas di bawah kode

6. Jika sudah, simpan. Lalu buatlah sebuah posting baru dengan judul tukaran link misalnya, Dan masukkan kode kedua pada akhir tulisan kamu itu (untuk memasukkan kodenya kamu pilih "edit html" ketika menulis posting, bukan "compose").

Ini adalah contoh kode kedua saya, dan pasang dengan di pisahkan

.

Contoh pemasangannya :

Kata-kata kamu disini....

</br>

<script type="text/javascript" src="http://www2.blenza.com/linkies/autolink.php?owner=doniyuda&postid=26Aug2009b"></script> <== Contoh kode kedua

7. Selesai, klik publish dan lihat hasilnya...

selamat mencoba

Menampilkan posting terbaru dengan gambar

2009-08-26T09:20:00.003+07:00

Sebelumnya saya pernah menuliskan tentang bagaimana cara menampilkan posting terbaru atau recent post. Sekarang saya akan memberikan sebuah tips tentang bagaimana cara menampilkan posting terbaru dengan gambar dan juga jumlah komentarnya. Maksud saya adalah posting terbaru akan tampil lebih menarik karena dilengkapi oleh gambar dan juga jumlah komentar pada posting tersebut.

Untuk melihat contohnya silahkan klik disini. Cukup menarik bukan?, bagaimana cara membuatnya?. Caranya sangat mudah, teman-teman tips blogger cukup mengcopy paste seluruh kode di bawah ini.

Untuk memasang atau menampilkan posting terbaru dengan gambar silahkan ikuti langkah-langkahnya di bawah ini :

1. Login ke account blogger kemudian klik (kustomisasi >> tambah elemen halaman >> pilih javascript/Html).

2. Copy paste kode di bawah ini pada kotak yang keluar.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "

http://i43.tinypic.com/orpg0m.jpg

";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://NamaBlogKamu.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

3. Cacatan untuk kode di atas adalah

-boxwidth - Ukuran Lebar Widget
-cellspacing - Spasi diantara cells
-borderColor - Warna Border
-thumbwidth & thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
-fntsize - Ukuran Font pada title
-acolor - Warna title
-aBold - Tebal huruf pada title? (true or false)
-numposts - Jumlah recent post yang ditampilkan?
-home_page : http://NamaBlogKamu.com/ (Ganti dengan URL blog kamu)

4. Apabila sudah selesai simpan dan lihat hasilnya.

Salam Tips Blogger...

Membuat Banner Flash secara Online 2

2009-08-26T09:18:00.000+07:00

Kemarin tips blogger sudah menjelaskan tentang Membuat Banner Flash secara Online. Nah sesuai janji saya, saya akan menjelaskan cara Membuat Banner Flash secara Online lanjutannya. Contoh banner bisa kamu lihat pada gambar disebelah. Bagaimana cara membuat banner tersebut. Seperti yang selalu saya katakan, tidak ada yang sulit asal kita mamu mengerjakannya. Tapi sebelum saya menjelaskan tentang cara membuat banner flash secara online bagian 2, saya mau memberi sedikit informasi nih. Saya membuka les ngeblog baik secara online ataupun offline. Untuk informasi silahkan baca disini. Dah yuk kita masuk ke pembahasannya.

Cara Membuat Banner Flash secara Online adalah :

1. Silahkan download dahulu softwarenya disini.

2. Kemudian install.

3. Jika sudah, buka softwarenya dan pilih sja "evaluate".

Apabila sudah, silahkan upload gambar kamu. Jika gambar atau kamu belum ada, kamu bisa membuatnya di banner maker. Tutorial tentang banner maker ini sudah pernah saya tuliskan sebelumnya di cara membuat banner secara online.

4. Apabila kamu sudah selesai dalam pembuatan banner (sedikitnya 3). Kita lanjut dengan mengeditnya menjadi banner flash.

a. silahkan klik creat "new animation".

b. Klik add image, dan masukan gambar yang kamu buat tadi.

3. jika sudah klik next, lalu edit kecepatan banner tersebut.

4. klik next kembali, dan sekarang coba kamu tes kecepatan bannermu, klik aja tombol "play".

Kamu bisa menambahkan efek pada banner yang kamu buat tadi, seperti zoom, fade, rotate, dll. Caranya klik gambar yang mirip tongkat (tepatnya diatas huruf A) dan pilih mode efek yang kamu inginkan.

Jika sudah, klik tombol save atau "ctrl+s". Tapi langkah pembuatan belum selesai.

Untuk dapat ditampilkan atau dijalankan pada blog, kamu harus mengUpload gambar tadi di photoBucket. Caranya login di photoBucket.com atau daftar dulu jika kamu belum menjadi anggota, klik disini.

Kemudian Upload gambar tadi, klik pada "Choose File". Isi judul, deskripsi dan tag gambar kemudian klik "add tag To entire album". Jika sudah klik back to album, lihat file gambar yang kamu upload tadi lalu arahkan mouse kamu pada html kode.

Copy paste kode tersebut pada blog kamu. Selesai, salam tips blogger.

source : adis.

Cara mempercepat loading blog

2009-08-26T09:10:00.001+07:00

Bagaimana Cara mempercepat loading blog?. Sebenarnya ada banyak cara untuk mempercepat loading blog. Hal ini tentu saja sangat penting karena akan sangat berpengaruh dengan jumlah kunjungan pada blog tersebut.

Kita hars memperhatikan hal ini karena akan sangat mempengaruhi pengunjung yang datang pada blog kita, bayangkan saja apabila loading pada blog yang kita miliki itu sangat lama, saya yakin pengunjung akan malas untuk kembali lagi. Karena itu saya akan membagikan sebuah tips untuk mempercepat loading blog.

Cara mempercepat loading blog :

1. Hindari penggunaan image atau gambar yang berlebihan.

2. Jangan menggunakan script dari web lain yang terlalu banyak, memang kebanyakan dari blogger mengikuti berbagai situs ppc yaitu mejadi publishernya. Tapi saya sarankan untuk fokus pada satu situs ppc saja.

3. Penggunaan widget yang memberatkan seperti jam, kalender, slide show, shoutmix, recent post, last comment. Gunakan saja yang benar-benar dibutuhkan, memang tampilan blog bisa lebih bagus, tapi apabila loadingnya sangat lama akan sangat meresahkan pengunjung.

4. Apabila kamu menggunakan hosting berbayar, pilih hosting yang cepat!, memang tidak murah tapi lebih baik cepat, efisien dan sedikit mahal daripada murah dan selalu error.

5. Apabila kamu melakukan link exchange berupa banner dengan blog lain, letakkan banner-banner tersebut pada sebuah posting, bukan pada halaman utama blog.

sumber : tips blogger.

Menyembunyikan dan menampilkan Element blog

2009-08-26T08:56:00.002+07:00

Menyembunyikan Element gaya Magazine. Apa maksud saya dengan judul Menyembunyikan Element gaya MAgazine?. Tips blogger kali ini akan membahas cara yang cukup unik dan menarik. Pernahkah teman-teman tips blogger semua ketika berkunjung ke blogger lain, disana kamu melihat sidebar yang tiba-tiba hilang atau muncul. Contohnya bisa kamu klik di Mp3 Gratis dan bandingkan dengan Lirik Chord Lagu Flanella Selamat Tinggal Cinta Pertama (klik). Ada perbedaan elemen yang tampil pada blog tersebut bukan?. Bagaimana cara membuatnya?.

Pertama : Menampilkan elemen hanya ada pada halaman frontpage atau halaman depan.

Pilih salah satu elemen yang hanya tampil di halaman depan blog, misalkan saya memilih elemen text kemudian buka Template->Edit Html dan jangan lupa tandai kotak kecil di samping tulisan Expand Template Widget. kemudian cari tulisan atau kode elemen Text1. setelah ketemu tambahkan dan letakan dua baris kode pada posisi seperti tulisan yang saya beri warna.

<b:widget id="Text1" locked="false" title="" type="Text">
<b:includable id="main">
<b:if cond="data:blog.url == data:blog.homepageUrl">

<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>

<div class="widget-content">
<data:content>
</data:content>
</div>
</b:if>

<b:include name="quickedit">

</b:includable>
</b:widget>

Kedua : Menampilkan elemen hanya ada pada halaman selanjutnya.

Setelah kita memilih elemen mana yang akan tampil pada halaman selanjutnya, lakukan seperti langkah pertama. kemudian tambahkan dan letakan dua baris kode pada posisi seperti di bawah ini.

<b:widget id="Text1" locked="false" title="" type="Text">
<b:includable id="main">
<b:if cond='data:blog.pageType == "item"'>

<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>

<div class="widget-content">
<data:content>
</data:content>
</div>

<b:include name="quickedit">

</b:if>

</b:includable>
</b:widget>

Selamat mencoba

Cara membuat menu Dropdown

2009-08-26T08:53:00.000+07:00

Tips kali ini adalah Cara membuat menu Dropdown. Apa teman-teman tips blogger semua tahu apa itu menu dropdown?. Menu Dropdown atau Menu Pull-down merupakan kumpulan beberapa data (berupa text dan link) yang di ringkas menjadi menu tunggal, Menu dropdown bisa digunakan sesuai kebutuhan anda, selain bisa digunakan sebagai alternatif Blogroll, bisa juga anda gunakan untuk memuat banyak alamat Link ke situs tujuan. Ingin tahu cara membuatnya?...

Cara membuat menu Dropdown

caranya :

1. login ke blogger.

2. Masuk ke halaman pilih kustomisasi >> add page element >> javascript

3. Copy paste kode di bawah ini pada kotak yang ada

<form name="jump">
<script>
function jumpMenu(){
location=document.jump.menu.options[document.jump.menu.selectedIndex].value;
}
</script>
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select><a href="Javascript:jumpMenu()"><IMG SRC="http://tbn0.google.com/images?q=tbn:6p-AlPGfyPhSfM:http://i.pbase.com/v3/13/577913/1/46333419.search.gif" border=0></a>
</form>

4. Ganti kode yang warna merah dengan link yang kamu inginkan kemudian klik simpan.

sumber : tips blogger.

trik mempercepat kinerja modzila firefox

2009-08-26T08:50:00.001+07:00

Halo rekan semua, saya yakin sebagian besar dari kalian menggunakan browser Mozilla Firefox, dan jika Firefox kamu akhir-akhir ini terasa lelet saat mengakses halaman web maka sebaiknya ikuti langkah-langkah mudah berikut in. Dengan trik ini anda akan mengakses halaman web site dengan cepat dan proses loading pun akan terasa jauh lebih cepat.

Untuk mengaplikasikan cara ini yang perlu dilakukan ialah:

1. Buka browser Mozilla Firefox dan di bagian address bar ketik: about:config lalu tekan enter. Window baru akan muncul/terbuka dengan daftar sejumlah entries dan values.
2. Temukan ke tiga entry berikut:
1. network.http.pipelining
2. network.http.proxy.pipelining
3. network.http.pipelining.maxrequests

(ketiga entry ini untuk membuka saluran tempuh Firefox, gunanya ialah: Secara umum browser mengajukan satu permintaan pada halaman web yang akan diaksesnya dalam satu waktu, namun jika kita membuka saluran ini maka ia akan mengajukan sejumlah permintaan pada halaman web sekaligus, oleh karena inilah maka proses loading membuka halaman web akan jauh lebih cepat. Maka jika anda ingin mempercepat speed browser Mozilla Firefox maka anda harus merubah nilai (value) dari ke 3 entry ini.

3. Maka rubahlah nilai “network.http.pipelining” menjadi true.

4. Lalu rubah “network.http.proxy.pipelining” menjadi true

5. Kemudian rubah “network.http.pipelining.maxrequests” menjadi angka 25 atau 35, artinya anda memerintahkan browser Firefox untuk melakukan 25 atau 35 kali permintaan sekaligus.

6. Dan langkah terakhir ialah lakukan klik kanan dan pilih “New” dan kemudian “Integer“. Berikan nama padanya menjadi nglayout.initialpaint.delay dan set nilai (value) menjadi 0. Nilai (value) ini berfungsi sebagai waktu tunggu browser Mozilla Firefox sebelum melakukan tindakan selanjutnya.

7. Mulai sekarang browser Mozilla Firefox akan menjadi jauh lebih cepat saat akses ke halaman situs dan proses loading.

Semoga bermanfaat

website speed test

2009-08-25T16:24:00.014+07:00

Favicon for your Blogger blog

2009-08-25T14:17:00.000+07:00

A "favorite icon" or favicon (pronounced fav-eye-con) is a 16x16 pixels icon that appears next to a website's URL in the address bar of a web browser. If you are using a browser that supports tabbed browsing, the favicon will also appear next to the page's title in a tabbed document interface. If you look at the top of this page, at the left hand corner of the address bar, you will see a small graphic of a portion of a fake red-yellow-black "for Dummies" book cover (This has changed to a rare photo of myself laughing). That is the favicon for this blog. If you are using FireFox or Opera, you will also see that icon in the tab. If yours is a personal blog, a good icon will be your personal photo.

Adding a favicon to your blog is a good way to distinguish your blog from the millions of other blogs. To add a favicon, you need to generate a .ico format file, a place to host the file and add 2 link elements in the section of your template. To generate the .ico file and to host it, you can go to MyFavatar. You need to have ready a roughly square graphic saved to your hard disk.

This was how I added the favicon to this blog. I had a fake "Blogger for Dummies" book cover generated by Dummies Book Cover Maker 2006. You can see the graphic here. signgenerator.org can generate other types of sign for you. (If yours is a personal blog, a good graphic to use will be your personal photo). I then use the free Irfanview to crop the bottom-right of the graphic and saved it to the hard disk. I then uploaded it at MyFavatar which also generated the codes for me to paste into the section of my template.

(for instruction on how to get the script to paste into your blog's template, refer to update below)

Update: I have since changed the favicon to a photo of myself laughing. It was also cropped from a larger photo using Irfanview photoeditor (click "BACK" button to get back to this page).

Update: I have discovered that the favicon doesn't appear in Internet Explorer 6. It works for FireFox and Opera.

Further update: It does work with IE7. See the comments.

Update 15 February 2007: A reader complained of difficulties of making this work in New Blogger. I did exactly the same thing as what was described in this post for the New Blogger blog Testing Blogger Beta (now New Blogger). For the convenience of everyone, I paste below the relevant part of the template from that blog in the scrollbox below:

<head>

<link href='http://favatar.myfavatar.com/blogsmith.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://favatar.myfavatar.com/blogsmith.png' rel='icon' type='image/png'/>

<title><data:blog.pageTitle/></title>

UPDATE: Received a request for help to get the script for the favicon. So what I did was to go through the steps to add a favicon (my mugshot) to Blogger for Dummies. I list down the steps that I recorded as I generate the script below, with some screenshots to make things clearer:

register
verify email address
sign in
click FAVATAR
click CHOOSE

browse to the image saved in your computer
click SUBMIT
message will say Favatar changed.
Click CODES at the top of the page
under FAVATAR CODE, click EDIT
enter URL
enter Title
choose Category
write Description
click SUBMIT
Message: Blog info successfully updated
click CODES at the top of the page
copy script from Favicon Code

sign into Blogger account
in the Dashboard, click LAYOUT of the blog
click EDIT HTML
look for tag
paste scrip just below the tag.
preview and confirm you can see your favicon in the address bar
save template

Books from Amazon

The Rational Guide to Google Blogger (Technical accuracy is assured by Biz Stone, Former Senior Specialist on the Google Blogger Team)

Recover deleted blog -(undelete, restore)

2009-08-25T14:12:00.000+07:00

Blogger has not too long ago introduced 3 new functions - Import blog, Export blog, Delete blog accessible via Dashboard > Settings > Basic (see screen shot below):

If you want to delete the blog, just click on Delete blog and it will be done. Now Blogger has also made it easier for you to recover (undelete) your deleted blog. If you go to the Dashboard, you will see a list of your blogs, some of which may be hidden (at the bottom of the list of blogs may be the statement for example - "displaying 4 of 5 blogs" with 1 hidden):

Click on "Show All" and the whole list of blogs, including the deleted blog, will be displayed:

Just click on "Undelete this blog" and you would have restored your accidentally deleted blog.
sumber : bloggertipsandtricks

Cara buat TAG CLOUD LABEL (BLOGUMULUS)

2009-08-21T10:44:00.000+07:00

Yoo...yo.... bagi yang penasaran pengen bikin tag cloud animasi, kamu bisa ikuti cara-cara di bawah ini:

1.Masuk ke LAYOUT-->EDIT HTML (beri tanda centang kotak kecil expand text widget)

2.Kamu cari kode di bawah ini:

<b:section class='sidebar' id='sidebar' preferred='yes'>

(supaya gampang,kamu copy kode diatas,kamu klik CTRL+F,akan muncul kotak,paste kode di atas,langsung keluar kan? :)

3.Kamu copy paste kode di bawah ini setelah kode di atas:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4.Save,dan lihat hasilnya.

-Jika kamu ingin merubah ukuran tinggi dan lebar nya,kamu tinggal rubah kode lebar yang '240' dan tinggi yang '300' sesuai dengan keinginan kamu.

-Jika kamu ingin merubah warna nya,kamu rubah kode warna nya yang di tulisan "#ffffff"

Bagaimana?sukses ga? :)

Cara membuat Mouse Over Image menggunakan Javascript

2009-08-21T10:37:00.000+07:00

Pada tips dan trik blogger kali ini,saya ingin sharing mengenai bagaimana cara membuat Image mouseover link,atau Image hover link menggunakan javascript.Mungkin diantara anda ada yang belum tau apa itu mouseover.Mouseover adalah sebuah link yang jika ditunjuk menggunakan mouse akan mengeluarkan efek tertentu.

Contoh:

Anda lihat menu link diatas,itu lho yang ada HOME,PANDUAN BISNIS ONLINE,JASA PEMBUATAN WEB,dll...jika anda arahkan mouse nya ke sana,maka warna nya akan berubah kan.Itu namanya mouseover / hover.

Nah sekarang saya ingin sharing cara membuat image mouse over menggunakan javascript.Jadi ketika anda arahkan mouse anda pada gambar,maka gambar akan berubah dengan sendirinya.

Ok...langsung aja ya,cara nya gampang:

1. Upload gambar pertama dan kedua yang ingin anda buat mouseover pada situs image hosting.Catat url dari image tersebut

2. Masukkan kode ini di bawah

<SCRIPT LANGUAGE="JavaScript">

loadImage1 = new Image();
loadImage1.src = "MASUKKAN URL IMAGE KEDUA ANDA DISINI";
staticImage1 = new Image();
staticImage1.src = "MASUKKAN URL IMAGE PERTAMA ANDA DISINI";

</script>

3. Masukkan kode di bawah ini di bawah (letaknya anda sesuaikan pada tempat yang ingin anda buat mouseover :

<a href="MASUKKAN URL TUJUAN DARI LINK ANDA DISNI" target="_blank" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="MASUKKAN URL IMAGE PERTAMA ANDA DISINI" border=0></a>

4. Selesai...

Membuat Translate dengan Icon Flag

2009-08-14T14:17:00.000+07:00

Membuat Translate dengan Icon Flag

Feb 4, 2009

Kita coba membuat translate untuk blog anda dengan memanfaatkan fasilitas google translate, tetapi kita ubah dengan icon flag. Saya akan coba berbagi kepada semua teman bagai mana caranya.

Sebenarnya cara ini sangat mudah kita hanya membutuhkan "links translate blog kita" kemudian kita tambahkan gambar icon flag yang sudah kita upload di photobucket atau yang lainnya.

Saya akan coba menjelaskan hal mudah ini:
1. Kita akan membuat link translate blog kita, masuk ke http://translate.google.com/?hl=en, kemudian isi nama blog kita misal www.geendong.blogspot.com, pilih bahasa utama blog kita di sini saya mencontohkan blog saya dengan bahasa utama Indonesia kemudian kita translate sesuai keingginan kita misal Inggris dan hasilnya seperti berikut
http://translate.google.com/translate?prev=_t&hl=en&ie=UTF-8&u=www.geendong.blogspot.com&sl=id&tl=en&history_state0=id|en|
2. Sekarang kita cari gambar icon bendera kemudian sesuaikan ukurannya dan anda upload ke photobucket, ambil links gambar misal http://i387.photobucket.com/albums/oo319/AdhaniKusuma/gb.gif
3. Setelah anda mendapatkan keduanya sekarang kita coba menampilkan dengan mengabungkan dan menjadi kode html

<a href="http://translate.google.com/translate?prev=_t&hl=en&ie=UTF-8&u=www.geendong.blogspot.com&sl=id&tl=en&history_state0=id%7Cen%7C"><img src="http://i387.photobucket.com/albums/oo319/AdhaniKusuma/gb.gif" border="0" width="16" height="11" /></a>

lihat pada warna biru, ganti dengan nama blog kamu (contoh ini hanya untuk link translate bahasa Inggris), yang jelas tiap bahasa code link akan berbeda.

dan hasilnya akan seperti ini

mudah bukan, beda dengan kita menggunakan urchin, tapi sebenarnya sama aja tetapi kita menggunakan fasilitas google translate yang banyak bahasa dibandingkan situs lainnya. Munkin temen-temen bisa melihat pada blog saya contohnya seperti itu, bagi temen yang mau coba hal ini silahkan download icon flag disini

bagi yang ngak pinggin pusing-pusing silahkan copy code di bawah ini,dan hasilnya seperti yang anda lihat pada blog saya

contohnya lihat disini

sumber : goo-blog

Cara Menulis Kode HTML di Postingan Blogger/blogspot

2009-08-14T13:34:00.000+07:00

Cara Menulis Kode HTML di Postingan Blogger/blogspot

Bagi kebanyakan blogger, menulis kode HTML di posting blogspot mungkin sangat mudah. Tapi bagi pendatang baru kayak saya hal ini cukup membingungkan . Kedengarannya sih memang gampang, tapi pas praktek dilapangan?? Gimana ya..??
Apa teman-teman pernah ngalamin hal yang sama kayak saya, pas kita coba menaruh kode-kode HTML dan kita publish eh.. kodenya malah ga keliat, kemana ilangnya tuh?
Sebenarnya caranya sederhana. agar kode HTML bisa nampak seperti yang kita inginkan, kita hanya perlu merubah sedikit kodenya..

Cara manual:
1.Ganti setiap kode <> dengan >
3.Ganti setiap kode ' dengan '

Contoh:

menjadi <p class='comment-footer'>

Kalo sobat merasa pusing untuk merubahnya satu-satu, supaya praktis sobat bisa langsung memp-parse kode HTML nya ke sini. Kalo udah silahkan paste kode HTML nya di kotak yang tersedia, setelah itu klik tombol parse yang ada di bawah kotak tadi. Nah.. kalo udah, silahkan copy kode yang telah di parse dan masukan ke postingan dan dijamin kodenya langsung keluar..

sumber : rizky

Title SEO menjadi 'Friendly'

2009-08-14T13:24:00.000+07:00

Title SEO menjadi 'Friendly'

Untuk menjadikan title blogger lebih bersahabat dengan Search Engeine (SEO Friendly) kita dapat menggantikan Title 'standard' dengan Title kod yang sudah dimodifikasi.

Cari kod title dibawah ini:

<title><data:blog.pageTitle/></title>

Kemudian gantikan semua kod diatas dengan kod dibawah ini:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

sumber : global4life

Pasang Buku Tamu di Sidebar

2009-08-10T12:47:00.001+07:00

Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
Pada kolom yang berjudul Style, klik menu appearance.
Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

Log in terlebih dahulu ke blogger.com dengan id anda
Klik menu Template
Klik Edit HTML
Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
Klik tombol Preview untuk melihat perubahan yang kita buat.
Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

Silahkan Login dengan id anda
Klik menu Layout
Klik Page Element
Klik Add a Page Element
Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
Copy paste kode HTML shoutbox anda di dalam form Content
Klik tombol Save Changes
Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
Tekan tombol Save
Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Membuat Banner Animasi

2009-08-10T12:45:00.000+07:00

Membuat Banner Animasi

Agar blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memajang banner animasi.karena dengan banner animasi, mata dari pengunjung akan langsung tertuju kepada banner tersebut, terutama apabila anda seorang pebisnis, banner animasi akan lebih efektif untuk iklan yang kita pasang di banding dengan banner biasa. Cara membuat banner animasi sangatlah mudah, mau yang gratisan ada, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya.

bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi http://www.addesigner.com Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa. Untuk cara pemasangan silahkan anda baca postingan terdahulu bagaimana cara memasukan kode HTML kedalam blog.

Contoh banner animasi :

selamat mencoba.

Membuat Link

2009-08-10T12:41:00.000+07:00

Dalam dunia blog, tentu anda tidak asing lagi dengan yang namanya link. Apabila anda seorang blogger (tukang ngeblog kata orang jakarta mah), tentu saja membuat link adalah sebuah keharusan. Berbeda dengan website pada umumnya, di jagat per blog-an ada yang namanya link exchange atau bertukar link dengan blog lain, jadi kalau anda tidak bisa membuat link, ini dapat berakibat anda akan di asingkan alias di cuekin oleh blogger lainnya karena di anggap pelit dalam memberikan link. Dalam topik membuat link ini, saya akan mengulasnya dalam beberapa sub bagian yakni :

Link pada posting-an

Jika anda membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang anda ikuti pada sebuah website di internet, lalu anda ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang anda ceritakan. Misalkan dalam artikel tersebut ada kata –kata seperti Jika anda tertarik silahkan anda klik disini, nah untuk membuat link dari kata-kata tersebut silahkan ikuti langkah-langkah berikut :

1. Highlight kata-kata yang ingin di buat link, contoh di atas adalah klik disini.

2. Klik ikon yang bergambar seperti ini yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru yang berbentuk seperti gambar di bawah ini :

[window new link]

3. Isi kotak yang ada tulisan tersebut dengan alamat situs yang anda inginkan, misalkan : http://www.resepbisnis.com/?id=rohman

4. Klik OK. Selesai

Link dengan window baru

Mungkin anda punya pikiran, kalau anda membuat sebuah link trus pembaca mengkliknya, anda kwawatir kalau pengunjung blog kita akan meninggalkan blog kita. Untuk meminimalisir hal tersebut, bisa dilakukan dengan cara membuat window baru, jadi ketika pengunjung mengklik salah satu link yang kita buat, halaman blog kita tidak akan tertimpa dengan halaman baru tapi yang terjadi adalah halaman blog anda tetap ada dan halaman yang baru di klik akan muncul terpisah. Sebagai contoh, silahkan anda klik tulisan Resep Bisnis atau Obral plus pada banner header diatas. Ketika anda mengkliknya, akan tercipta window baru. Untuk membuat link seperti ini dapat di lakukan dengan cara :

1. Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu Edit HTML tab yang ada pada toolbar.

2. Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan klik disini di link ke http://www.resepbisnis.com/?id=rohman :

klik disini

maka disini anda harus menambahkan embel-embel kode HTML target="new' ataupun target="_blank" pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah :

klik di sini

atau :

klik di sini

atau bisa juga seperti ini :

klik di sini

Buat Links di sidebar

Bila anda berkeinginan membuat link kepada teman anda di sidebar, cara termudah adalah seperti ini : ( khusus untuk template klasik)

1. Sign in di blogger dengan id anda

2. Klik menu TEMPLATE

3. Klik Edit HTML

4. Klik Edit

5. Klik Find (on this page)… --> untuk mempercepat pencarian

find

6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah Links para sahabat, klik Find

7. Tuliskan link yang anda inginkan, contoh jika anda ingin membuat link ke blog saya, maka kode yang di tulis adalah :

Blog Tutorial

8. Klik Save Template Changes. Selesai

Sedikit clue untuk anda. Jika anda sedang mengotak-atik kode Template sebaiknya sebelum di obrak-abrik, sebaiknya anda copy terlebih dahulu seluruh template ke dalam notepad, ini untuk jaga-jaga apabila anda melakukan kesalahan, anda bisa mengembalikan kesemula karena sudah mempunyai backup data template tersebut. Atau bisa juga sebelum anda klik Save Template Changes sebaiknya anda klik terlebih dahulu tombol preview untuk melihat perubahan yang anda lakukan, apabila sudah cocok dengan perubahan tersebut baru di save Template Changes.

Membuat Text Area

2009-08-10T12:40:00.000+07:00

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<span style="color: rgb(114, 45, 50);"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </span>

Sebagai contoh :

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

Sebagai contoh :

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

--> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

--> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.

Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element text area :

--> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"

HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan selamat mencoba.

Membuat Read More untuk Template klasik

2009-08-10T12:39:00.000+07:00

Update : Tutorial ini khusus bagi anda yang masih menggunakan template klasik, jika anda sudah menggunakan template baru (xml/beta), silahkan baca petunjuk membuat read more di sini!

Wah judul yang aneh, "membuat Read More" maksudnya apa? Begini sobat, sebenarnya saya kurang setuju dengan judul tersebut, tadinya saya ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog, ya saya pun ikut-ikutan (dasar tukang ngekor). Ya sudahlah kepanjangan ngobrolnya. Kita mulai pembahasannya. Bagi para sobat yang baru mulai membuat blog, mungkin belum mengetahui informasi ini dan mudah-mudahan dengan membaca artikel ini dapat menambah pengetahuan kita tentang yang namanya nge-blog.

Sobat mungkin melihat bahwa artikel-artikel saya terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan artikel harus meng klik link yang bertuliskan >> Selengkapnya...", ini di sebut pengkaburan atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi sobat yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel sobat, namun jika nanti artikel sobat sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini.

Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini, saya khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan tunggu pada postingan yang akan datang.

Silahkan ikuti langkah-langkah berikut :

Klik menu bertuliskan Template

Klik menu Edit HTML

jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.

Copy kode HTML di bawah, kemudian paste persis di atas kode :

  

div.fullpost {display:none;}





div.fullpost {display:inline;}

Edit

Find (on this page)...

find next

langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :

">Read more!

<$BlogItemBody$>

Edit

Find (on this page)...

<$BlogItemBody$>

find next

Klik tombol yang bertuliskan SAVE SETTINGS
Langkah selanjutnya adalah klik menu Setting

Klik menu Formatting

Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :

kemudian jangan lupa klik tombol Save Settings

Selesai

Cara Posting Artikel

Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya.

Klik menu Posting

klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :

 , kemudian simpan sisa keseluruhan artikel setelah kode    dan sebelum kode  

Agar lebih jelas, saya beri contoh, misal artikelnya begini :

Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.
 
dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more.
 

Hasilnya yang akan tampak pada blog kita adalah seperti ini :

Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.

 Read more!

Bagaimana sobat, sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar.

Sedikit clue, kata Read more! sebenarnya bisa kita ganti sesuai dengan keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya.

Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span. Hasilnya akan sama, cuma bagi para sobat yang suka posting pada menu compose, kode ini sering ada masalah di karenakan bertabrakan dengan perintah lain yang memakai kode Span.

Akhirul kata selamat mencoba !

Cara Setting Blog

2009-08-10T12:36:00.000+07:00

Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :

Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat
Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :

Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial

Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog

Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.

Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya

Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya

Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa

Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)

Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya

Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)

Klik tombol Simpan Pengaturan . Selesai

4. Klik Publikasi untuk mengatur menu Publikasi :

Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.

Klik tombolSimpan pengaturan. Selesai

5. Klik Format untuk mengatur menu format :

Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.

Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.

Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.

Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.

Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.

Bahasa ⇒ Pilih bahasa yang di inginkan.

Tampilkan Field judul ⇒ Pilih ya

Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.

Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa

Klik tombol Simpan Pengaturan. Selesai

6. Klik Komentar Untuk mengatur menu komentar :

Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung

Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.

Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.

Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.

Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.

Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.

Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.

Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).

Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.

Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.

Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.

Klik tombol Simpan Pengaturan. Selesai

7. Klik Arsipkan Untuk mengatur menu Arsipkan :

Frekuensi Arsip ⇒ pilih Bulanan.

Aktifkan Halaman Posting? ⇒ pilih ya.

Klik tombol Simpan Pengaturan . Selesai.

8. Klik Fedd Situs untuk mengatur menu feed situs :

Izinkan Feed Blog ⇒ pilih Penuh.

Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.

Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.

Klik tombol Simpan Perubahan. Selesai.

Satu pekerjaan sudah selesai, tinggal menyongsong pekerjaan lainnya..

Panduan membuat Blog di Blogspot

2009-08-10T12:33:00.000+07:00

Panduan membuat Blog di Blogspot

Mungkin ada diantara anda-anda yang belum tahu tentang blog dan bertanya-tanya tentang blog, maka saya akan mengulas sedikit tentang blog menurut versi saya sendiri.

1. Apa itu Blog ?

Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri.

Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda bisa.

2. Cara membuat blog

Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com.

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com, Silahkan anda klik gambar dibawah untuk mendaftar.

ciptakan blog sekarang juga

Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "

2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)

3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email

4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password

5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)

6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan

7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.

8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"

9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog

10. Tulis nama situs anda pada form Alamat Blog (URL)

11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".

12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"

13. Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

3. Isi ( Content ) blog :

Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda.

Panduan membuat Blog di Blogspot

2009-08-10T12:31:00.001+07:00

Panduan membuat Blog di Blogspot

Mungkin ada diantara anda-anda yang belum tahu tentang blog dan bertanya-tanya tentang blog, maka saya akan mengulas sedikit tentang blog menurut versi saya sendiri.

1. Apa itu Blog ?

Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri.

Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda bisa.

2. Cara membuat blog

Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com.

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com, Silahkan anda klik gambar dibawah untuk mendaftar.

Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "

Isilah Alamat Email dengan alamat email anda (tentunya yang valid)

Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email

Tuliskan password yang anda inginkan pada form Masukkan sebuah password

Isikan kembali password anda tadi pada form Keyik ulang sandi (password)

Isi Nama Tampilan dengan nama yang ingin anda tampilkan

Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.

Klik gambar anak panah yang bertuliskan "LANJUTKAN"

Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog

Tulis nama situs anda pada form Alamat Blog (URL)

Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".

Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"

Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

3. Isi ( Content ) blog :

Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda.