Kantin Kampus: Blogging

Showing posts with label Blogging. Show all posts

Membuat Blog menjadi Dofollow

Blog dofollow dan nofollow sebenarnya hampir sama, namun yang membedakan blog dofollow karna memberikan backlink yang lebih banyak saat berkomentar daripada blog nofollow, maka itulah yang menimbulkan minat pengunjung untuk berkomentar di blog dofollow.

Nah apakah teman-teman Kantin Kampus sudah yakin ingin merubah blog Anda menjadi dofollow? Jika Andaberminat silakan ikuti tutorial berikut di bawah ini:

1. Login ke akun blogger teman-teman Kantin Kampus.

2. Pergi ke tab rancangan, lalu pilih edit html.

3. Centang expand template widget, lalu cari kode berikut:

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

4. Hapus kode yang berwarna merah di atas, sehingga kodenya akan menjadi seperti ini:

<a expr:href='data:comment.authorUrl'><data:comment.author/></a>

5. Lalu cari kode berikut ini:

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

6. Kemudian hapus kode yang berwarna merah di atas, sehingga kodenya akan menjadi seperti ini:

<a expr:href='data:backlink.url'><data:backlink.title/></a>

7. Simpan template.

Sekarang Blog teman-teman Kantin Kampus sudah menjadi Dofollow, tapi teman-teman Kantin Kampus juga harus ingat tidak semua blog dofollow memiliki komentar banyak, terkecuali bagi mereka yang blognya bertraffic tinggi, rajin blogwalking, ataupun yang memiliki pengunjung setia. Dan tidak mesti juga blog nofollow memiliki komentar sedikit, semua itu tergantung dari blogwalking tadi, kualitas artikel, dan traffic yang lumayan tinggi juga.

Membuat Related Post Bergambar Dan Bergerak Update

Bagi Teman-teman Kantin Kampus yang sudah mencoba related post bergambar Atau Thumbnail tentu akan lebih tertarik lagi menggunakannya, karena tampilannya yang cukup menarik dengan adanya gambar (thumbnail) Sebagai Backroundnya. Kekurangan dari related post bergambar ini adalah related post ini terlalu memakan tempat pada halaman blog Anda. Sehingga kita tidak dapat menampilkan jumlah artikel secara maksimal. Nah ada salah satu cara untuk memaksimalkan related post ini ialah dengan alternatif marquee atau berjalan.

Keuntungan dari trik ini adalah Anda dapat menampilkan artikel blog Anda dengan jumlah banyak tanpa memakan tempat pada halaman blog yaitu dengan marquee atau berjalan.

Untuk membuatnya ikuti saja langkah-langkah berikut ini.

1.Silakan lihat cara membuat Thumbnail related posts disini (Cukup terapkan code CSSnya saja/ code yang pertama)

2.Setelah Anda menerapkan kode CSS yang pertama,silahkan cari kode berikut ini:

<div class='post-footer-line post-footer-line-1'>

atau

<p class='post-footer-line post-footer-line-1'>

3. Jika sudah ketemu salah satu code diatas, letakkan code dibawah ini setelah salah satu code diatas.

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if>
</b:if>

4. Langkah terakhir Simpan Template kemudian lihat hasilnya.

Cara Menghilangkan Navbar (Navigation Bar)

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com? Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar? Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com

2. Trus Pilih Layout --> Edit HTML

3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}

Contohnya sebagai berikut :

-----------------------------------------------

Blogger Template Style

Name: Simple

Designer: Josh Peterson

URL: www.noaesthetic.com

----------------------------------------------- */

#navbar-iframe {

display: none !important;

}

4. Kemudian Save.

Cara Mengganti Icon Pada Address Bar Blogger

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar.

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....

masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode <head>

Ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.