feedburner
Enter your email address:

Delivered by FeedBurner

How to make Link exchange Banner

Labels:

How to make link exchange banner on blog?

We will do it in a simple way.

First, you can use graphical software to make an image, like Corel draw, Adobe Photosoh or anothers.

Then uplaod it to Photobucket .

Open your control pannel -->layout-->page element -->add html/javascript and insert this code

<center><textarea cols="20" name="textarea"><a href="http://blogequator.blogspot.com"><img border="1" width="90" src="http://i293.photobucket.com/albums/mm46/christbirawan/blogequator.jpg" height="20"/></a></textarea>
<br/>
<a href="http://s293.photobucket.com/albums/mm46/christbirawan/?action=view&current=blogequator.jpg" target="_blank"><img border="0" alt="banner" src="http://i293.photobucket.com/albums/mm46/christbirawan/blogequator.jpg"/></a></center>


And for the red color, you change it with your host, the green color with your source image.


And the result is like this :



banner

Now you have one.

Your Ad Here

Share this post with:
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks


Add Social Network on Blogger

Labels:

Thanks for correction mr. naga

You have to be more user friendly with your readers. For instance in this post, you wanted to give out the code for link exchange, but you have given the code in a image file. Which means, no one will ever know the code and they cant add them to their own blog.

Your previous post about the social network plugin, your codes in notepad are not readable. Try downloading and you will get a lot of boxes. And trust me its not a decoding problem.
I'm sorry for unconvenient, I've repaired social network plugin in this post.

There is no necessity to have subscribed blog to no of these services, rather, the connections are indeed so that the user subscribes it and has at the hand your Link yes considers it of utility.

Now we are going to see like putting them:

1.Go to Template -> Edit HTML -> Tick into Expand Widget Templates

2. We looked for the following code:
<p class='post-footer-line
post-footer-line-3'/>

3. That line with the following code replaces:
<p class='post-footer-line post-footer-line-3'>


<div class='rsociales'>
Share this post with:
<ul>
<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/Rjl62eMBQ0I/AAAAAAAAAto/zkas68GmVFk/s1600/technorati.gif'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjl68-MBQ1I/AAAAAAAAAtw/Mftx1_Bi_oY/s1600/delicious.gif'/></a></li>
<li><a expr:href='"http://digg.com/submit?phase=2&amp;amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlY7uMBQrI/AAAAAAAAAsg/ov73dLSsrtA/s1600/digg.png'/></a></li>
<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/RjlZLeMBQtI/AAAAAAAAAsw/bNmkgSj_jj0/s1600/yahoo.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjl6z-MBQzI/AAAAAAAAAtg/-13NieAS3J8/s1600/google.gif'/></a></li>
<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjlct-MBQyI/AAAAAAAAAtY/UtGxUlBA7mc/s1600/meneame.png'/></a></li>
<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjlaa-MBQuI/AAAAAAAAAs4/7hoQkbJNkUw/s1600/furl.png'/></a></li>
<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbHuMBQvI/AAAAAAAAAtA/L0TsC3OUUyI/s1600/reddit.gif '/></a></li>
<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbWuMBQwI/AAAAAAAAAtI/Vy_xjt3iY80/s1600/magnolia.gif'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbjuMBQxI/AAAAAAAAAtQ/WDlHSsaO_m4/s1600/blinklists.gif'/></a></li>
<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='http://bp0.blogger.com/_Zuzii37VUO4/RjlQzOMBQoI/AAAAAAAAAsI/qt5x09fQvNo/s1600/blogmarks.gif'/></a></li>
</ul>
</div>

</p>


4. Now it looks for the code:
]]></b:skin>
And right above it sticks the following thing:
.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}

Ok, I hope This post help you.

Your Ad Here

Share this post with:
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks


Menambahkan Link Exchange

Labels: ,

Link exchange atau tukar link menjadi salah satu cara ampuh untuk menaikan pagerank. Bagi para expert menambahkan link exchange pada sidebar widget mereka bukanlah suatu masalah. Tutorial ini dimaksudkan untuk para pe-blogger pemula yang mulai belajar ngeblog,dan ingin menambahkan link exchange dalam sidebar widget mereka.

Cara menambahkan widget link exchange pada sidebar :

  1. Perhatikan blog yang dikunjugi, apakah mereka menyediakan bertukar link dalam bentuk Link banner atau html script.atau
  2. Masuk dalam panel kontrol blog anda klik layout==>page element
    klik pada page element, tampilan yang muncul seperti dibawah ini :

    klik html /javascript kemudian copy kode link banner blog yang anda kunjungi dan paste pada text areakemudian klik simpan perubahan, atau anda bisa menambahkan link pada blog anda dengan mengklik add link dan masukan alamat situs blog yang anda kunjungi dan simpan perubahan.
  3. Untuk pengaturan posisi letak dari widget, gunakan mouse untuk men-drag ( move ) page element yang sudah anda simpan.
  4. Lihat di tampilan blog anda. Selesai
Penambahan page lement ini bukan hanya untuk link exchange saja tetapi juga widget-widget yang lain.
Untuk cara mebuat link banner tunggu posting saya berikutnya.

Selamat mencoba

Your Ad Here

Share this post with:
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks


Menambahkan Clean Tab bar

Labels:

Tutorial ini menjelaskan bagaimana menambahkan Tab Bar pada Blogger dengan menggunakan CSS dengan satu background warna untuk setiap tab navigasi. Hasilnya seperti dibawah ini


Anatomi Tab Bar

Kita lihat gambar diatas terdiri dari 3 elemen :
  • Aktif elemen ( Home )
  • Standar Tab ( Comunity, Blog,Contact )
  • On Mouse Over ( Blog )
Setiap elemen memiliki rounded-corners dan text-width nya sesuai dengan width tab.
Ok. Langsung saja, buka edit template blogger dan kopikan CSS code nya.CSS code :



Jangan Lupa Expand widget Template harus di checklist dulu, kemudian kopikan HTML code nya sperti dibawah ini :

HTML Code :



Lihat tampilan blog anda. Untuk link page sesuaikan dengan kebutuhan blog.

Selamat mencoba

author: Antonnio Lupeti






Your Ad Here

Share this post with:
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks


Optimasi Title Tag

Labels:

Title tag Blogger salah satu elemen kecil yang sangat penting dalam blog. Title tag ini sangat berpengaruh pada SEO webblog.

Beberapa hal menyangkut Title Tag :
  1. Title tag menggambarkan / mendeskripsikan halaman blog. Pengertian umum title tag adalah kemasan judul sebuah situs. Pada prakteknya title ( judul ) sebuah blog tidak menggambarkan content blog, sebagai contoh judul blog ini "Blog equator : Tutorial Blog" jika saya meletakannya pada judul, search engine tidak bisa membaca jejak postingan saya yang tidak berkaitan dengan judul tersebut sehingga perlu SEO ( search engine optimization )
  2. Judul digunakan di SERPs ! Content dari title tag adalah apa yang akan ditampilkan oleh search engine
dibawah ini code optimasi title tag untuk Blogger. Sementara ini ada dua versi templates yang dipakai, blogger beta dan classic blogger.

Optimasi Title tag Blogger beta :
Ingat code ini hanya khusus untuk blogger beta.

Instalasi :
Cari :Ganti code tersebut dengan :
Optimasi Title Tag calssic blogger :



kalo males ngetik bisa di download disini



Your Ad Here

Share this post with:
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks


Menginstall Template Baru Pada Blogger

Labels:

Sebelum anda mengubah template, pastikan bahwa template yang lama sudah di save sehingga apabila anda ingin mengembalikan ke setting defaultnya tinggal upload saja. Dan penting juga anda memiliki program text-editor di komputer sperti Notepad++ untuk melihat template yang bakal di upload.

Ada beberapa instruksi sederhana yang dapat anda ikuti disini.

Default template blogger

Metode Install Blogger Template :

Metode I. Upload the xml file:

  1. Download template yang ingin anda gunakan, simpan di komputer dan pastikan file ext nya XML.
  2. Klik Layout > Template > Edit HTML page.
  3. Pilih file klik Browse... button, dan kemudian klik tombol Upload, jangan lupa untuk mencentang expand template widget
  4. Selesai. Anda bisa melihat tampilan blog anda dengan mengklik lihat blog
Metode II. Copy-paste Kode template kedalam Blooger text editor :
  1. Buka file template yang ingin anda copy
  2. Buka Layout > Template > Edit HTML page.
  3. Klik Tombol Expand Widget Templates (EWT)
  4. Select all Kode di Blog editor dan delete kemudian paste ( ctrl+v ) template baru anda
  5. Bila ada pertanyaan untuk menghapus widget, hapus saja
  6. Selesai.
Beberapa link Blogger template yang bisa anda download :

blogger-templates.blogspot.com
www.blogcrowds.com
blogspottemplates.blogspot.com
www.geckoandfly.com

Kalo kurang, pakai om google untuk mencari.

Selamat mencoba.

Your Ad Here

Share this post with:
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks


Membuat Blog Baru

Labels:

Bagaimana sih cara buat blog ? Pertanyaannya klasik, tetapi dulu saya pernah mengalami hal yang sama, cari tutorial cara buat blog tapi tutorialnya bahasa "londo katrok" semua jadi terpaksa buka kamus.
Banyak web blog yang menyediakan layanan gratis untuk ngeblog, seperti www.wordpress.com, www.multiply.com, dll. Disini akan dijelaskan cara buat blog dengan blogger.com, sangat mudah dan sederhana. Tidak perlu kuatir karena Blogger merupakan salah satu patform yang populer saat ini.

Langkah-langkah buat blog :

Langkah 1

Kunjungi website Blogger.com homepage dan klik "Create Your Blog Now". Tapi sebelumnya harus punya email, karena nanti login ke panel kontrol menggunakan email. Layanan freemail populer www.yahoo.com, www.gmail.com atau www.hotmail.com.

How to Create a Blog Using Blogger
Langkah 2: Entry data diri

Masukan email anda, password, nama or nickname anda yang akan ditampilkan di blog dan info sekuritas. Klik box "accept the term of service".

How to Create a Blog Using BloggerLangkah 3: Beri nama Blog anda

Beri nama blog dengan mengentry Blog's Title dan alamat. Kebanyakan pe-blogger, judul dan alamat merupakan hal yang sama. Tunggu sebentar kemudian klik Box " Next / Lanjut".

How to Create a Blog Using BloggerLangkah 4 : Templates

Pilih template yang sreg dengan minat anda.

How to Create a Blog Using Blogger
Langkah 5: Mulai membuat Posting

Sekarang sudah siap untuk membuat posting.

How to Create a Blog Using Blogger
Langkah 6 :It's Time to Blog!

Masukan judul, konten posting dan klik "publish". Gampangkan, untuk postingan pertama anda bisa copy/paste artikel pe-blogger lain, tapi jangan keterusan, nanti kreativitasnya cuman njiplak.

How to Create a Blog Using Blogger



Your Ad Here

Share this post with:
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks