Showing posts with label Tips dan Trik Blog. Show all posts
Showing posts with label Tips dan Trik Blog. Show all posts

Membuat Top Post atau Popular Post

Membuat top post merupakan salah satu cara mempercantik blog kita, selain itu juga memudahkan para pengunjung untuk mencari hal2 yang perlu dan banyak di cari oleh pengunjung lainnya.

Dibawah ini merupakan kode yang bisa langsung digunakan, cara pasang kodenya sangat mudah tinggal masukan saja pada cara sebagai berikut :

1. Login dulu ke akun blogger sobat
2. Pilih Tata Letak
3. Buat element halaman baru dengan menambah Gadget
4. Tambah dan pilih element HTML/JavaScript
5. Lalu copy paste semua kode dibawah ini.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}

</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=
1cf38ae68efbe859c4ba1ee239cec099&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript"></script>

<span style="font-size: 80%">Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>

Keterangan :
namablog.blogspot.com : Ganti dengan nama blog sobat.
num= 10 : Jumlah maksimal Top Post yang ingin ditampilkan

Cara menghilangkan nomor urut:

Pada tampilan awal akan tampil urutan jumlah top post, jika temen - temen tidak menginginkannya tinggal hapus aja ke dua kode dibawah ini

document.write('<ol style="text-transform: capitalize;">'); dan document.write("</ol>"); pada kode diatas.

Selamat mencoba....semoga berhasil.. keep blogging!
READ MORE - Membuat Top Post atau Popular Post

Menghilangkan Navbar pada Blog

Terkadang ga nyaman liat navbar ada di atas header blog kita.. Nah buat sobat yang mau menghilangkan navbar untuk blognya silahkan ikuti langkah berikut ini:

1. Masuk ke akun blogger sobat.
2. Kemudian masuk ke Edit HTML
3. Letakkan kode di bawah ini di atas kode ]]></b:skin> pada halaman html sobat.

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

Atau bisa dengan cara lain dengan meletakkan kode di bawah ini tepat di bawah kode <body> :

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

4. Lalu Simpan Template.
Semoga berhasil...keep blogging!
READ MORE - Menghilangkan Navbar pada Blog

Cara Membuat Kotak Komentar di bawah Postingan

Ada beberapa template yang tidak membuat kotak komentar secara otomatis dan adapula yang langsung ada kotak komentar di bawah postingan blog. Buat sobat yang masih bingung gimana cara buatnya bisa sobat ikuti langkah-langkah berikut:

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. lalu ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post"
3. Kemudian klik "Save Setting"
Sekarang coba sobat buka salah satu postingan sobat kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Lalu cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7. Kemudian ganti kode tersebut di atas dengan kode dibawah ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

8. Lalu simpan template sobat.

nah sekarang lihat hasilnya dengan membuka salah satu postingan sobat. semoga berhasil....keep blogging.
READ MORE - Cara Membuat Kotak Komentar di bawah Postingan

Mendaftar di Google Adsense

Walaupun mendaftar di Google Adsense itu mudah, namun ternyata banyak juga yg ditolak pada saat register pertama kali; bahkan ada yg terus gagal sampai putus asa. Berikut sedikit saya urai langkah dan kiat serta trik step by step dalam mendaftar di Google Adsense.

1. Kunjungi http://google.com/adsense, ada tulisan Click Here to Apply –> klik.

2. Ada menu Website Information.
(a) Di Website URL, tulis alamat situs atau blog Anda.
(b) Di Website language, pilih English (tak masalah walaupun blog Anda bahasa Indonesia).

3. Ada menu Contact Information:
(a) Account type, pilih “Individual”;
(b) Country or territory, pilih “Indonesia” atau negara mana saja yg Anda inginkan.

4. Payee name (full name), tulis nama lengkap Anda sesuai dg nama KTP atau rekening bank. Dan isi juga alamat lengkap rumah, telpon dan faksimil (yg ini tidak wajib) di kolom di bawahnya.

5. Di kolom Policies kasih tanda tik/cek semua kelima kotak yg ada sebagai tanda Anda setuju mengadakan perjanjian dg Google Adsense. 6. Di kolom “Login Information” isi dg alamat email yg akan dipakai untuk login/masuk ke account Google Adsense apabila nanti sudah diterima; jangan lupa passwordnya minimal 7 (tujuh) yg merupakan kombinasi antara huruf dan angka. Misalnya angkanya enam dan hurufnya satu atau sebaliknya huruf sebanyak enam plus angka satu.Catatan: Kalau Anda punya email gmail, sebaiknya memakai gmail. Tapi email lain juga tidak apa-apa.

7. Periksa sekali lagi semua yg diisi, apabila beres, klik SUBMIT INFORMATION.

8. Selesai. Anda tinggal menunggu approval atau berita OK dari Google Adsense. Biasanya setelah dua sampai lima hari.
READ MORE - Mendaftar di Google Adsense

Menghapus underline pada link/tautan di blog

Sebelumnya saya sudah memposting tentang salah satu cara mempercantik blog, yaitu dengan menambahkan background gambar di template. Nah, underline/garis bawah pada link juga dirasa dapat mengurangi keindahan blog, makanya sebagian kita ingin menghapus/menghilangkan underline pada link tersebut. Untuk caranya dapat sobat lakukan seperti langkah di bawah ini:

Langkah #1
Seperti biasa, login, klik TEMPLATE untuk blogger classic, atau klik LAYOUT/TEMPLATE ==> EDIT HTML untuk blogger baru.

Langkah #2
Cari kode berikut di bagian atas template di bawahnya <head>
a:link {
color:$linkcolor;
text-decoration:none;
} a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

a:hover {
color:$titlecolor;
text-decoration:underline;

Langkah #3
Yang membuat link di blog kita ada underline (garis bawah) atau tidak ada underline adalah sbb:
#a. text-decoration:none; untuk membuat link tidak memakai underline
#b. text-decoration:underline; untuk membuat link memaki underline.

Keterangan tambahan:
1. a:link artinya link yang tampil di blog kita.
2. a:visited artinya link setelah diklik
3. a:hover artinya link ketika mouse kita arahkan ke link tsb.
Nah, dari keterangan di atas (#a dan #b) sobat tinggal merubah kode setelah "text-decoration" dan Jangan lupa setelah membuat perubahan, klik SAVE. Selesai.
Selamat mencoba....
READ MORE - Menghapus underline pada link/tautan di blog

Membuat Background/Latar gambar/image di Blogger Template

Utak-atik blog sering kita lakukan untuk membuat tampilan blog lebih menarik dipandang mata, baik itu pengunjung blog, ataupun kita pemilik blog. Mempercantik tampilan blog dapat kita lakukan dengan menambah beberapa widget, seperti menambah widget kalender, jam, dan lain sebagainya, tergantung selera juga sih..

Langsung ke topik nya aja deh, untuk membuat background gambar pada template blog kita, dapat sobat lakukan dengan cara sebagai berikut:

Langkah #1
Login ke blogger sobat ==> klik link layout ==> setelah masuk ke halaman template, klik sub menu Edit HTML ==> kemudian cari kode berikut, tag CSS body { }, misalnya (biasanya) seperti ini:
body {
font: $bodyFont;
color: $textColor;
background: $bgColor;
}

Langkah #2
Kemudian sobat tambahin kode untuk background dengan gambar menjadi seperti ini:
body {
font: $bodyFont;
color: $textColor;
background: $bgColor;
background-image: url(http://www.domain.com/gambar.jpg);
}
Silahkan ganti http://www.domain.com/gambar.jpg dengan url dimana sobat upload gambar/image untuk background sobat. Untuk upload gambar, kamu bisa pakesalah satu situs berikut www.photobucket.com.

Langkah #3
Save Template sobat dan selesai. Silahkan lihat hasilnya. semoga berhasil.
READ MORE - Membuat Background/Latar gambar/image di Blogger Template

Membuat Auto/Otomatis READ MORE pada Postingan

Membuat read more pada postingan ada dua cara, yaitu dengan cara manual dan dengan auto. Topik saat ini adalah membuat read more secara auto. Read more auto/otomatis ini dapat disesuaikan berdasarkan berapa banyak kata yang akan dipotong secara otomatis tanpa melakukan pengeditan postingan. Berikut akan saya berikan langkah-langkah dalam membuat read more auto:

Langkah #1
Seperti biasa, masuk ke acount blogger anda kemudian pilih Edit HTML, jangan lupa beri tanda ceklis pada "Expand Widget Template":
Cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode </head> tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Langkah #2
Cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

Langkah #3
Simpan template anda dan lihat hasil postingan anda, read more telah terpasang secara otomatis, dan sama untuk semua postingan.

Selamat mencoba....!
READ MORE - Membuat Auto/Otomatis READ MORE pada Postingan

Mengatur Jumlah Posting yang Ditampilkan pada Label

Beberapa saat yang lalu saya membuka blog label, ketika saya buka, tampilan postingannya banyak sekali dan membuat blog lambat membuka halaman label. Disini, saya akan berbagi info tentang bagaimana mengatur blog label agar jumlah tampilannya sesuai dengan keinginan kita. Baiklah, buat sobat semua yang masih bingung dapat mengikuti cara di bawah ini:

Langkah #1
Seperti biasa, Login ke blog kamu. Klik Tata letak ---> Edit HTML. Beri tanda centang pada Expand Template Widget.

Langkah #2
Cari kode seperti di bawah ini (Cara cepat: CTRL+F)
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>

Langkah #3
Lalu ganti dengan kode di bawah ini
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>

Keterangan tambahan:
Untuk mengatur jumlahnya, sobat dapat mengganti Angka 5 yang berwarna merah diatas dengan banyak postingan yang ingin ditampilkan pada label pages sobat. 

Langkah #4
Save template sobat dan lihat hasilnya.
Selamat mencoba!
READ MORE - Mengatur Jumlah Posting yang Ditampilkan pada Label

Cara Claim Status di Technorati

Corat-coret blogger pemula ne yang mencari tau gimana cara “claim blog/situs/web di technorati, akhirnya saya ketahui juga. Untuk itu saya mau berbagi caranya buat para sobat semua. Sempat bingung untuk beberapa saat pada saat itu dan akhirnya dapet juga, nah...sekarang ikuti cara berikut ini dan bagaimana memverigikasfnya......

1. Login dahulu, apabila belum punya account silahkan lengkapi form pendaftaran.
2. Selesai dari mendaftar atau login, anda masuk ke blogs -> my blogs atau lewat link http://technorati.com/account/claims/ ini. Silahkan cari tulisan claim a new blog atau lewat sini http://technorati.com/account/claims/new
3. Masukan url anda disana misal : http://bianconeri16.blogspot.com . Click begin claim
4. Langkah selanjutnya, cari, catat atau copy secret code nya pada keterangan yang diberikan. misal : 6JQK64DNUQGT
5. Masuk dashboard blog anda, edit posting yang paling baru.
6. Paste kan secret code tadi di awal paragraf pertama dan jangan lupa disave ^_^
7. Kembali ke technorati, dan complete claim
8. Berhasil. Silahkan kembali ke blogs -> my blogs atau di http://technorati.com/account/claims/
9. Cari blog yang barusan anda claim edit setting untuk melengkapi deskripsi blog anda
10. Semoga sukses.......

Selamat mencoba ! dan semoga dapat membantu para sobat sekalian yang berkunjung...
READ MORE - Cara Claim Status di Technorati

Cara Membuat dan Memperoleh Backlink ke Blog Kita

“SEO”, inilah cara yang merupakan inti dari semua cara untuk meningkatkan peringkat, mempopulerkan, memperoleh banyak traffic atau pengunjung ke blog kita. Salah satu cara dari SEO, adalah dengan Backlink. Dimana cara ini termasuk ke dalam SEO off-page.

Backlink adalah link yang menuju ke Blog kita. Backlink ini juga yang dipakai oleh Google dalam menilai seberapa populer Blog kita diantara Blog-Blog lainnya, sehingga bisa meningkatkan rangking Blog kita di mesin pencari Google.

Ada 2 macam Backlink yang kita kenal, yaitu :
1. One Way Backlink (Link Satu Arah) : adalah jika ada Blog orang lain yang ngelink ke Blog kita sedangkan kita tidak ngelink ke Blog orang lain tersebut.
2. Link Exchange (Link Dua Arah / Saling Link) : adalah jika Blog kita ngelink ke Blog orang lain, dan Blog orang lain tadi ngelink juga ke Blog kita, atau yang lebih populer dikenal dengan sebutan Tukaran Link.

Uraian singkat di atas adalah pengenalan singkat tentang apa itu “backlink”. Nah sekarang, caranya untuk memperoleh backlink gimana??? Ada beberapa cara yang dapat kita lakukan, antara lain adalah sebagai berikut:

1. Membuat Web atau Blog dengan Kontent dan Tulisan yang Menarik
Blog dengan tulisan dan kontent yang menarik ini sangat bermanfaat bagi semua orang, dimana akan banyak orang yang merasa tertarik dan tanpa kita minta pengunjung akan nge-link blog/web kita. Dengan demikian kita akan mendapatkan one way backlink (link satu arah).

2. Membuat Artikel / Tulisan di Blog Orang Lain :
Tidak semua blog memberikan fasilitas untuk orang lain menulis di blognya, Namun, membuat artikel / tulisan untuk dimuat di web orang lain sangat bermanfaat untuk mendapatkan one way backlink, dimana di dalam tulisan tersebut kita mencantumkan link ke Blog kita, dan semakin banyak kita menulis maka semakin baik pula kita mempopulerkan blog kita.

3. Submit Artikel di Social Bookmark :
Situs social bookmarking adalah situs yang memberikan layanan social bookmark kepada anggotanya. Submit Artikel di Social Bookmark, di dalam artikel tersebut kita bisa mencantumkan link ke Tulisan atau web kita. Dengan demikian kita mendapat one way backlink (backlink satu arah).
Daftar situs social bookmarking antara lain:
www.del.icio.us
www.digg.com
www.stumbleupon.com
www.technorati.com
www.furl.com
www.lintasberita.com

4. Aktif Posting / Diskusi di Forum :
Hal ini sangat jelas banyak manfaatnya, bukan hanya agar Blog kita akan terindeks pada mesin pencari tetapi dapat juga meningkatkan pengunjung Blog kita. Dengan aktif memposting atau diskusi di forum-forum, kita bisa mencantumkan link Blog kita sehingga akan mendapat backlink satu arah.

5. Memberikan Komentar di Blog orang Lain :
Jika kita mau blog kita dikenal orang, tentunya kita juga harus mau donk mengenal blog orang lain, caranya dengan memberikan comment di Blog orang lain. Sebagai tambahan aja ne, jika kita memberikan comment di Blog do follow, maka comment kita tidak sia-sia, karena link yang kita cantumkan akan mendapat backlink. Pada saat kita menulis comment, kita bisa menyertakan link Blog kita.

6. Tukaran Link :
Hal ini merupakan cara yang paling sering dilakukan. Dimana dengan tukaran link / Link Exchange, kita memasang link atau banner orang lain dan orang lain memasang link kita. Dengan demikian kita sudah mempromosikan blog kita dan memperloeh link-link baru.
Semoga tips-tips di atas dapat membantu dan memberikan manfaat kepada teman-teman semua yang mengunjungi blog ini.... Salam!!!!
READ MORE - Cara Membuat dan Memperoleh Backlink ke Blog Kita

Merubah Icon Blog pada Address Bar

Pada kebanyakan situs atau blog sering kita temui gambar atau icon pada address bar (kotak untuk mengetikkan alamat web) dengan icon yang berbeda-beda sesuai dengan keinginan pemilik blog atau situs tersebut. Untuk icon blog di Blogspot biasanya pada awalnya akan terlihat seperti pada gambar berikut ini : 
Nah, sekarang bagi Anda yang ingin mengganti atau merubah icon tersebut dengan icon buatan anda sendiri (yang bisa anda buat melalui "Photoshop"), yang perlu Anda lakukan adalah sesuai langkah-langkah berikut:
NB: Format gambar dapat berupa(gif, jpg, ico, dan lainnya) dengan ukuran 24x42 pixel sampai 32x32 pixel

LANGKAH #1
Log in ke blogger Anda, Kemudian pilih >>> "Layout >>> Edit HTML"

LANGKAH #2
Cari kode berikut  </head>  kemudian letakkan kode di bawah ini sebelum kode  </head>

<link href='http://i799.photobucket.com/albums/yy277/danielsaragih/Bianconeri-Squadra.gif' rel='SHORTCUT ICON'/>

LANGKAH #3
Masukkan kode URL Icon yang ingin anda masukkan di huruf yang di cetak tebal berwarna merah . Gambar yang Anda buat sebelumnya dapat anda simpan/upload di photobucket atau tempat penyimpanan yang lainnya yang Anda tau.

LANGKAH #4
Simpan template Anda dan Selesai. Semoga bermanfaat.
READ MORE - Merubah Icon Blog pada Address Bar

Cara Membuat Read More pada Postingan Blog

Read more merupakan salah satu trik untuk membuat pembaca merasa penasaran untuk mengklik halaman pada home page kita, karna pembaca hanya melihat penggalan kalimat dari tulisan kita saja. Nah, sekarang langsung aja ke tutorialnya. Berikut ini adalah cara untuk membuat read more pada templates baru!!

LANGKAH #1
Sign in ke blogger Anda

Kemudian klik Setting >>> Formatting

Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi tesxt area kosong tersebut dengan kode di bawah ini :

        <div class="fullpost">


       </div>

Klik tombol yang bertuliskan Save Settings


LANGKAH #2
Untuk langkah ke dua adalah kembalu ke menu Dasboard >>> Layout >>> Edit HTML. Kemudian klik atau beri tanda centang pada kotak disamping Expand Widget Templates.

LANGKAH #3
Cari kode berikut pada template kode anda

      <div class='post-body'>

Untuk lebih mudahnya dapat dengan cara CTRL ‘F’ kemudian ketik atau paste tulisan kode di atas di dalam search box-nya!

LANGKAH #4
Copy kode di bawah ini dan kemudian pastekan tepat di bawah kode yang dicari tadi.

       <b:if cond='data:blog.pageType == "item"'>

       <style>.fullpost{display:inline;}</style>

       <p><data:post.body/></p>

       <b:else/>

       <style>.fullpost{display:none;}</style>


LANGKAH #5
Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :

       <p><data:post.body/></p>


LANGKAH #6
Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

       <a expr:href='data:post.url'>Read More......</a>

       </b:if>


LANGKAH #7
Setelah semua langkah di atas Anda lakukan lalu Save Template Anda dan Selesai.

LANGKAH #8
Berikutnya adalah cara untuk memposting artikel atau tulisan kita untuk disesuaikan dengan keinginan kita dimana batas read more mulai dibuat.

Klik menu Posting >>> Edit HTML, maka secara otomatis tampak kode yang telah kita setting pada tahap #1 tadi, seperti di bawah ini:


       <div class="fullpost">


       </div>


LANGKAH #9
Untuk tulisan Anda yang ingin ditampilkan pada home page blog diletakkan sebelum kode :

        <div class="fullpost">

Dan untuk sisa keseluruhan tulisan di letakkan sesudah kode di atas tadi dan sebelum kode :

        </div>

Sekarang tulisan Anda sudah dapat di PUBLISH.
Semoga langakah-langkah yang saya bagikan ini dapat memberi manfaat pada kawan2 semua. Semoga berhasil....!!!
READ MORE - Cara Membuat Read More pada Postingan Blog

Meningkatkan Pengunjung dan Peringkat Blog

Judul tag adalah salah satu yang paling penting pada "on-page" elemen untuk memperoleh peringkat yang tinggi di Google. Mesin pencari seperti Google mempertimbangkan pentingnya setiap kata dalam judul dari kiri ke kanan. Jadi idealnya Anda adalah pada judul posting blog Anda semua disebelah kiri dan nama blog Anda sebenarnya di kanan. Perhatikan contoh di bawah ini.


Blogger template secara default tidak dilengkapi dengan mesin pencari yang dioptimalkan (SEO) tag judul yang berarti Anda tidak memaksimalkan blog Anda ke peringkat lebih baik di Google. Jika Anda melihat judul yang ada di Blogger Anda, Anda akan melihat blogger yang menampilkan nama blog pertama kemudian diikuti dengan judul posting Anda. Idealnya adalah sebaliknya, jadi marilah kita setup blog Anda dengan benar.

Perhatikan langkah-langkah berikut dan terapkan di blog anda:
Langkah # 1
Pada dashboard Blogger Anda, klik "Layout" => "Edit HTML".

Langkah # 2
Dalam kode template, lakukan pencarian untuk kode berikut:
<title><data:blog.pageTitle/></title>
Secara mudah dapat anda lakukan dengan cara CTRL “F” lalu copy kode di atas kemudian enter .

Langkah # 3
Ganti kode di atas dengan kode berikut:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Langkah # 4
Simpan template Anda dan kembali ke blog Anda.

Semua posting blogger Anda sekarang jauh lebih baik dioptimalkan untuk peringkat yang lebih tinggi di Google. Saya tidak menjanjikan perbedaan yang langsung terjadi pada saat anda melakukan tips-tips ini, tetapi Anda sudah mengambil langkah ke arah yang benar. Sekarang yang perlu Anda lakukan adalah memposting konten yang unik dan kualitas tinggi sehingga orang yang mencari Google akan menemukan blog Anda pertama!

Selamat mencoba dan semoga Bermanfaat.
READ MORE - Meningkatkan Pengunjung dan Peringkat Blog

Uraian Singkat tentang Search Engine Optimization (SEO)

Memiliki peringkat atas di Google adalah tujuan utama bagi siapa saja yang memiliki situs web/blog. Sekarang bagaimana blogger (khususnya yang baru saja mulai) memperoleh pengunjung dan lalu lintas ke situs mereka. Pada dasarnya, lalu lintas lebih = lebih banyak peluang menghasilkan uang dari blog Anda. Pertanyaannya adalah, bagaimana Anda mendapatkan peringkat yang lebih tinggi untuk posting blog menggunakan Blogger khususnya? 

Sebelumnya, Anda perlu mengetahui optimasi mesin pencari (SEO). Ada dua komponen utama dalam SEO, yaitu: "off-page" dan "on-page" optimasi. "Off-page" SEO yang mengacu pada taktik seperti menambah atau mengarahkan link. Semakin banyak situs yang mengarahkan link mereka ke blog / situs web Anda, akan semakin baik. Itulah kekuatan dari "SEO off-page" yang mana Anda sebagai seorang blogger tidak bisa berbuat banyak selain menulis konten yang unik sehingga menghasilkan banyak link. 

Jadi bagaimana dengan "on-page" SEO dimana Anda memiliki kendali penuh atas seberapa baik Anda mengoptimalkan untuk Google. Ini termasuk ke dalam kata kunci dalam judul posting Anda, tag judul, menggunakan header tag dan taktik lainnya.
READ MORE - Uraian Singkat tentang Search Engine Optimization (SEO)

Cara Pasang Iklan di Bawah Postingan

Cara memasang iklan di bawah postingan blog kita, bisa kita buat secara manual dan otomatis muncul disetiap postingan. Namun ada baiknya dan tidak merepotkan menempatkannya secara otomatis. Bagaimanakah agar script Anda otomatis tampildi bawah postingan? Misalnya saja script iklan atau berlangganan via email?. Caranya dapat anda lakukan dengan langkah-langkah berikut:

1. Menuju Tata Letak
2. Edit HTML
3. Cari kode berikut <data:post.body/>

4. Jika Anda sudah menggunakan fasilitas readmore maka kan ditemukan dua kode seperti itu
5. Tambahkan saja script iklan atau script gadget lain di bawah kode tersebut.
6. Kalau sudah simpan template Anda...

Semoga memberikan informasi yang bermanfaat dan semoga berhasil.
READ MORE - Cara Pasang Iklan di Bawah Postingan

Cara Mendaftar dan Memverifikasi di Webmaster Tools

Banyak pilihan yang dapat kita lakukan untuk meningkatkan SEO blog kita. Caranya, kita dapat mendaftarkan blog kita di Google Webmaster Tools, Yahoo! Site Explorer, dan Bing Webmaster Center.
Salah satu “teknik seo” yang bisa anda terapkan pada blog anda adalah mendaftarkan blog ke Webmasters Tool. Untuk mendaftar dan memverifikasi blog anda di Webmasters tool dapat anda lakukan dalam beberapa langkah berikut ini:
1. Klik link berikut untuk menuju web Webmaster Tool

2. Masukkan email dan password anda yang terdaftar di Google.com


3. Setelah login, masukkan alamat URL blog anda contoh http://bianconeri16.blogspot.com di Add a Site.... dan Continue

4. Anda akan masuk ke Verify ownership dan pilih verification method dengan “meta tag”

5. Copy kode script yang diberikan

Untuk langkah selanjutnya adalah:

1. Masuk ke account blogger anda.
2. Pilih Dashboard Tataletak Edit HTML dan jangan lupa klik Expand Widget Templates
3. Cari kode <head> dan paste script dari Webmaster Tool yang sudah di copy tadi setelah <head> kemudian “simpan/save template”

4. Kembali ke Webmaster Tool dan Verify
5. Selesai
Semoga memberikan informasi kepada anda dan bisa membantu anda dalam mengoptimalkan SEO.
READ MORE - Cara Mendaftar dan Memverifikasi di Webmaster Tools

Cara Membuat Kode HTML/javascript di Postingan

Pada pertama kali membuat postingan untuk script HTML/javascript saya bingung kenapa hasilnya berubah setelah di publish ke bentuk yang “aneh”,hehehe....maklum pada saat itu saya masih baru belajar ngeblog. Kode script tentunya tidak bisa kita masukkan begitu saja pada halaman posting, jika kita masukkan begitu saja maka kode tersebut tidak akan terlihat pada postingan, dan malah sebelum tulisan kita terbitkan, kita akan mendapat peringatan dari blogspot, dan jika kita mengabaikannya maka yang terjadi selain kode tersebut tidak tampak juga akan merusak tampilan template kita. Setelah malang melintang mencari melalui “paman google” saya menemukan caranya. Untuk saling berbagi buat sahabat yang juga masih kebingungan caranya silahkan lakukan cara yang ada dibawah ini:
  1. Kunjungi Encode Decode HTML Converter di sini atau klik di sini.
  2. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode”
  3. Copy dan paste hasil encode yang ada dalam kotak ke posting Anda. Selesai.

Catatan: Jangan lupa klik menu “HTML” di kotak posting atas-kanan sebelum memasukkan kode html yang sudah di-encode tadi.
READ MORE - Cara Membuat Kode HTML/javascript di Postingan

Tips untuk Meningkatkan Peringkat Blog dan Pengunjung (Traffic)

Banyak tips-tips yang dapat menjadi bahan informasi bagi kita untuk meningkatkan Page Rank, jumlah pengunjung Blog atau pun hal lain yang bertujuan untuk mempercantik Blog. Berikut ini merupakan hal-hal yang menjadi tips untuk meningkatkan Peringkat Blog, Lalu lintas pengunjung di Blog yang saya cari di beberapa situs, dan saya tuangkan dalam pengertian saya…….


Ada 8 (delapan) tips sederhana, yaitu:

  1. Pastikan kata kunci utama Anda ditemukan di judul halaman, header, konten pertama dll. Gunakan kata kunci konversi terbaik dan termudah untuk mendapatkan posisi terkemuka dalam mesin pencari.
  2. Selalu desain Blog Anda dan buat navigasi sederhana. Buat HTML Sitemaps untuk navigasi dan XML Sitemaps untuk dapat dijelajah mesin pencari dan index Blog Anda lebih cepat.
  3. Masukkan halaman penting Anda untuk mesin pencari populer, direktori situs, sosial bookmark dll.
  4. Gunakan bermacam-macam strategi promosi situs web untuk menentukan peringkat. Sama seperti timbal balik dan link berbayar, sehingga dapat mengoptimalkan strategi setiap mesin pencari saat ini. Optimalkan halaman, link dan tetap up to date pada mesin pencari yang ada di Blog Anda.
  5. Monitor pesaing Anda dan mencoba untuk mengetahui bagaimana mereka menjadi peringkat lebih tinggi daripada Anda. Incoming link? Pengalihan dari domain lainnya? Optimalkan halaman dengan lebih baik? Cari tahu untuk peringkat lebih tinggi!
  6. Gunakan dan analisis software analytics untuk memahami dari mana lalu lintas (traffic) berasal. Menganalisis lokasi pengunjung Anda, jika mereka datang dari pencarian atau link, yang mengkonversi kata kunci untuk penjualan dll.
  7. Menulis dan mengirimkan artikel untuk Blog atau majalah online. Hal ini akan membantu anda mendapatkan anggapan sebagai otoritas di bidang pekerjaan Anda.
  8. Pastikan semua META halaman mendeskripsikan hal yang unik dan menarik. Mesin pencari sering menunjukkan ini pada hasil pencarian.

Sumber: COPY dari BLOG SENDIRI (Saud Daniel's Blog)
READ MORE - Tips untuk Meningkatkan Peringkat Blog dan Pengunjung (Traffic)

Cara Merubah Default Atom dengan RSS

Salah satu alasan yang membuat blogger.com lebih disukai daripada blog-blog platform lainnya ialah karena blogger mengijinkan kita menggunakan kode script dan memodifikasi HTML-nya sesuka kita. Nah, sekarang langsung ke topic aja…banyak sekali hal-hal yang baru yang mungkin kita belum tau banyak tentang hal tersebut. Contohnya mungkin kita ingin menggunakan default feed sebagai RRS, saya persilahkan mengikuti panduan berikut:
1. Masuk halaman Edit HTML,
2. Kemudian cari kode warna hijau dibawah

<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>

3. Ganti kode warna “merah” dengan kode dibawah ini:
<a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

4. Selesai
5. Jangan lupa klik SIMPAN PENGATURAN….

Semoga berhasil dan Semoga bermanfaat.

READ MORE - Cara Merubah Default Atom dengan RSS

Cara Membuat Widget Tab View

Artikel tentang cara membuat Tab View ini saya baca dari artikel Blog Sodiyc & Acun.
Apa pentingnya sih widget ini??? Widget tab view ini sangat berguna, bisa menghemat space pada tampilan blog kita widget ini pun bermanfaat untuk mempermudah pengunjung blog untuk mencari informasi yang dibutuhkan jadi pengunjung betah berkunjung di blog kita mungkin juga pengunjung akan datang lagi.
Contohnya seperti di bawah ini yang ada pada sidebar kanan blog saya:

Langsung aja ke caranya dan ikuti perintahnya seperti di bawah ini :

1. Login ke akun Blogger anda
2. Klik Layout
3. Klik menu ke Edit HTML
4. Klik atau beri tanda centak Expand Template Widget
5. Copy script dibawah ini dan letakkan sebelum code ]]></b:skin>

div.Tabardi33 div.TFs
{height: 30px; overflow: hidden;} div.Tabardi33
div.TFs a
{float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial;
padding:3px 5px 3px 3px; margin:0 5px 0 0;letter-spacing:-0.07em;
background:#f0f0f0;
color: #333;
border-top:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
-moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px;
}
div.Tabardi33 div.TFs a:hover
{
background: #E8E8E8;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999;}
div.Tabardi33 div.TFs a.Active
{ background: #E8E8E8; color: #000000;
border-top:1px solid #999999; border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999; font-weight:bold;}
div.Tabardi33 div.Pages { clear: both; overflow: hidden; height:240px; border:1px solid #EFF0F1;
padding:0;background: #ffffff;
-moz-border-radius:5px;}
div.Tabardi33 div.Pages div.Page {height: 100%;padding: 0px; overflow: hidden; }
div.Tabardi33 div.Pages div.Page div.floor { font-size:11px;padding: 3px 5px; text-align:left;}

6. Cari kode </head> trus copy kode dibawah ini di atas kode </head>
<script src='http://die-silver.googlecode.com/files/ardi33tabviewv2.js' type='text/javascript'/>

7. Klik Simpan Template


Kemdian untuk langkah berikutnya adalah:

1. Klik Page Element
2. Klik Add a Gadget
3. Klik atau pilih menu HTML/JAVASCRIPT
4. Masukan dengan cara copas (copy paste) kode dibawah ini :

<form action="tabardi33.html" method="get">
<div class="Tabardi33" id="Tabardi33">
<div class="TFs">
<a>tab1</a>
<a>tab2</a>
<a>tab3</a>
<a>tab4</a>
</div>
<div class="Pages">
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 1 anda
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
Disini letakkan kode untuk tab 2 anda
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 3 anda
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 4 anda
</div>
</div><!-- end Tab -->
</div>
</div>
</form>
<script type="text/javascript">tabardi33_name('Tabardi33');</script>

Untuk mengedit kode di atas sebagai berikut :
1. Ganti menu tab1,tab2,tab3,tab4 dengan menu yang anda inginkan
2. Jika ingin membuat isinya :
Untuk membuat isi dari masing-masing tab tinggal mengganti teks Disini letakkan kode untuk tab 1 anda dengan link, seperti contoh dibawah ini :

<ul><li><a href="http://bianconeri16.blogspot.com/2010/05/menculik-miyabi-ingin-lampaui-ayat-ayat.html">Menculik Miyabi Ingin Lampaui AAC</a></li>

Keterangan :
Ganti kode warna biru dengan Link atau URL yang di inginkan dan warna merah untuk menu di widgetnya

7. Klik Save
8. Selesai dah...

semoga berhasil dan dapat memberikan manfaat...
READ MORE - Cara Membuat Widget Tab View