Belajar Ngeblog

Belajar bersama membuat blog

Bikin Blog Gratis Lewat HP

Cara yang mudah untuk membuat blog di blogger.com melalui HP :

  • Kemudian lakukan Sign In pada blogger.
  • Setelah selesai sign in dan loading, maka akan muncul tampilan  klik Blog Baru. Tunggu hingga muncul pop up formulir pembuatan blog
  • Lalu rubah tampilan opera mobile menjadi “single colomn view”.
  • Setelah tampilan berubah, scroll ke bawah sampai ketemu form “Buat Log Baru”
  • Isikan judul dan nama blog yang diinginkan, bila nama yang anda inginkan tidak tersedia, itu berarti sudah ada pengguna yang memakai nama itu, ganti yang lain sampai ketemu “nama tersedia”
  • Pilih template yang akan menjadi tampilan awal blog anda.
  • klik “buat blog” dan tunggu sampai proses selesai.
  • Rubah tampilan menjadi tampilan penuh dengan mematikan tampilan “single colomn view” pada opera mobile.
  • Sekarang Blog kita udah jadi, lalu klik pada nama blog kita agar kita bisa masuk ke dashboard
  • Setelah dashboard blog terbuka, lihat url pada adress bar.

Selamat mencoba.

Iklan

Januari 6, 2014 Posted by | Blogspot | , , | Tinggalkan komentar

Cara Mudah Mengimpor Blog Dari WordPress ke Blogger

Mungkin ada yang ingin memindahkan blog kita dari wordpress ke blogger. Sekarang Blogger sudah menyediakan fitur untuk memindahkan file kita dari wordpress ke blogger. Caranya gampang banget, ikuti aja ini : Baca lebih lanjut

Januari 10, 2010 Posted by | Blogspot | , , | 8 Komentar

Membikin Page Title Lebih SEO Friendly

Bagi anda yang  menggunakan blogger, anda dapat membikin Page Title lebih SEO friendly. Ini dapat dilakukan dengan mengubah letak dari  Page Title, dengan cara meletakkan Page Title atau judul postingan sebelum nama blog.

1. Buka Template Editor

2. Pada bagian atas akan terlihat

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

3. Kemudian ubah kode tersebut diatas dengan :

<b:if cond=’data:blog.pageType == “item”‘>
<b:section id=’swaptitle’>
<b:widget id=’Blog2′ locked=’false’ title=’Blog Posts’ type=’Blog’>
<b:includable id=’nextprev’/>
<b:includable id=’backlinks’ var=’post’/>
<b:includable id=’post’ var=’post’>
<title>
<data:post.title/> – <data:blog.title/>
</title>
</b:includable>
<b:includable id=’commentDeleteIcon’ var=’comment’/>
<b:includable id=’status-message’/>
<b:includable id=’feedLinks’/>
<b:includable id=’backlinkDeleteIcon’ var=’backlink’/>
<b:includable id=’feedLinksBody’ var=’links’/>
<b:includable id=’postQuickEdit’ var=’post’/>
<b:includable id=’comments’ var=’post’/>
<b:includable id=’main’ var=’top’>
<b:loop values=’data:posts’ var=’post’>
<b:include data=’post’ name=’post’/>
</b:loop>
</b:includable>
</b:widget>
</b:section>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

4. Selanjutnya simpan Template

Sebelum melakukan pengubahan pada Template sebaiknya disimpan dulu Template yang lama.

Silahkan dicoba.

Semoga Sukses.

Mei 10, 2009 Posted by | Blogspot | , , | 5 Komentar

Random Banner Iklan pada Satu Tempat

Ada sesuatu yang lucu jika ingat minggu lalu ketika sahabat karib (bukan blogger) menanyakan kepada saya bagaimana menampilkan iklan secara acak (Random banner) dalam satu area. Pertama kali ditanyakan hal ini saya juga kebingungan mau jawab apa, wong blog ini gak pernah ada iklan-nya apalagi mengelola pemasang iklan. Setelah lama bercuap-cuap sahabat saya langsung nyeletuk “katanya blogger mania masa buat koding untuk iklan aja gak bisa” Gubraaakkkk, gila.. nantang bener nih orang. saya balas bertanya “kalo om bisa dikasih apa??” teman saya menjawab “saya traktir makan di cak koting (tempat makan terkenal di yogya)” OK, kasih om waktu satu hari, kemudian kami pun bersalaman tanda sepakat. (akhirnya..om ditraktir makan hehehe)

Back ke laptop….sebenarnya membuat Iklan (Banner) satu tampilan dalam satu area tidak terlalu sulit, kita hanya tinggal mengarahkan saja ke lokasi gambar, namun yang jadi masalah bagaimana jika kita mempunyai 10 pemasang iklan yang ingin ditampilkan dalam satu lokasi area, ini yang munkin menjadi kendala utama pengelola iklan. Perlu diketahui bahwa banner yang kita buat nanti hanya pada  Image Banner bukan sebagai Text Banner, iklan ini akan tampil secara acak jika pengunjung melakukan reload atau refresh pada halaman. Lihat Random Banner dengan iklan Dmoz dibawah sebagai contoh:

<!– Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt=”Contoh tampilan iklan DMOZ pertama”;
url=”http://www.dmoz.org&#8221;;
alt=”dmoz.org”;
banner=”http://dmoz.org/user-banners/banner2.gif&#8221;;
width=”468″;
height=”60″;
}
if (pasang_iklan==2) {
txt=”Contoh tampilan iklan DMOZ Kedua”;
url=”http://www.dmoz.org&#8221;;
alt=”dmoz.org”;
banner=”http://dmoz.org/user-banners/banner3.gif&#8221;;
width=”468″;
height=”60″;
}
if (pasang_iklan==3) {
txt=”Contoh tampilan iklan DMOZ ketiga”;
url=”http://www.dmoz.org&#8221;;
alt=”dmoz.org”;
banner=”http://dmoz.org/user-banners/banner4.gif&#8221;;
width=”468″;
height=”60″;
}
document.write(‘<center>’);
document.write(‘<a href=\”‘ + url + ‘\” target=\”_top\”>’);
document.write(‘<img src=\”‘ + banner + ‘\” width=’)
document.write(width + ‘ height=’ + height + ‘ ‘);
document.write(‘alt=\”‘ + alt + ‘\” border=0><br>’);
document.write(‘<small>’ + txt + ‘</small></a>’);
document.write(‘</center>’);
// End –>
dmoz.org
Contoh tampilan iklan DMOZ Kedua

Contoh kode Dengan Javascript :
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt=”
Tulis Title“;
url=”
Alamat URL“;
alt=”
Alamat URL“;
banner=”
Alamat URL Gambar“;
width=”
468“;
height=”
60“;
}
if (pasang_iklan==2) {
txt=”
Tulis Title“;
url=”
Alamat URL“;
alt=”
Alamat URL“;
banner=”
Alamat URL Gambar“;
width=”
468“;
height=”
60“;
}
if (pasang_iklan==3) {
txt=”
Tulis Title“;
url=”
Alamat URL“;
alt=”
Alamat URL“;
banner=”
Alamat URL Gambar“;
width=”
468“;
height=”
60“;
}
document.write(‘<center>’);
document.write(‘<a href=\”‘ + url + ‘\” target=\”_top\”>’);
document.write(‘<img src=\”‘ + banner + ‘\” width=’)
document.write(width + ‘ height=’ + height + ‘ ‘);
document.write(‘alt=\”‘ + alt + ‘\” border=0><br>’);
document.write(‘<small>’ + txt + ‘</small></a>’);
document.write(‘</center>’);
// End –>
</SCRIPT>

Penjelasan:
Jika ingin menambah jumlah iklan tinggal menambahkan saja code script-nya, contoh diatas kita mempunyai 3 jumlah iklan yang ditampilkan, jika rencana menambah 1 iklan lagi jangan lupa juga menambahkan nilai baru dengan 4, begitupun seterusnya.  Lihat contoh kode dibawah:
if (pasang_iklan==4) {
txt=”
Tulis Title“;
url=”
Alamat URL“;
alt=”
Alamat URL“;
banner=”
Alamat URL Gambar“;
width=”
468“;
height=”
60“;
}

Ups hampir lupa, jangan lupa menambah total jumlah iklan yang ditampilkan, Contoh: var jumlah_iklan = 4;

Selamat Mencoba, Happy Blogging 🙂

Sumber : O-0m.com

Oktober 18, 2008 Posted by | Blogspot | , | 4 Komentar

Mengubah Nofollow menjadi Dofollow pada Blogger

NoFollow merupakan attribute yang memerintahkan Spider Search Engine untuk tidak mengindex link dan text yang ada pada kolom komentar, tujuan utama dari NoFollow sebenarnya untuk mengurangi Spam. Namun bagi rekan yang membolehkan Spider Search Engine melakukan index pada isi komentar bisa menghapus tag NoFollow pada kode template blogger.

Cara menghilangkan NoFollow  komentar Blogger:

1. Pilih tab Layouts

2. Pilih Edit Html (jangan lupa backup template)

3. Beri tanda centang pada “Expand Widgets Template”

4. Pada comments code, cari kode ini :
<a expr:href=’data:comment.authorUrl’ rel=’nofollow’>

5. Hapus rel=’nofollow’

6. Simpan template

Sekarang kita membolehkan Spider Search Engine untuk mengindex link dan text yang ada komentar, jika rekan ragu untuk menghilangkan NoFollow sebaiknya abaikan saja 🙂

Sumber : O-Omdotcom

Oktober 18, 2008 Posted by | Blogspot | , , | Tinggalkan komentar