- Masuk ke akun Blogger Anda.
- Klik Rancangan > Edit HTML.
- Klik Download Template Lengkap untuk mem-backup template. Ini untuk mengantisipasi kalau-kalau nanti terjadi kesalahan dalam pengeditan.
- Cari kode<head> Gunakan Ctrl + F untuk memudahkan pencarian.
- Letakkan kode <base target='_blank'/> di bawah kode .
- Klik tombol SIMPAN TEMPLATE.....Selesai. ...
Home » Archives for December 2011
Agar Semua Link Membuka di Tab Baru (Blogger)
Posted by Azis Grafis on 12/31/11
Ultrabook Notebook Tipis Harga Murah Terbaik
Posted by Azis Grafis on 12/20/11
Cara Pasang Iklan Di Bawah Judul Posting Blog
Posted by Azis Grafis on 12/15/11
Jika sudah ketemu, maka akan seperti ini :
Oke, jika sudah klik SIMPAN TEMPLATE Cek hasilnya. Semoga berhasil!!!
Sumber : http://www.indoblogtrik.com/
Trik Memodifikasi Template Blogspot agar lebih SEO Friendly
Posted by Azis Grafis on 12/11/11
Perlu sobat ketahui, kebanyakan Designer template Blogspot maupun WordPress kurang memperhatikan masalah SEO dalam pembuatan Template, dan cenderung lebih mementingkan masalah desain. Nah, kali ini saya ingin berbagi tentang cara menjadikan template blogspot SEO Friendly. Bila template blog blogspot kawan belum memiliki Hack SEO ini, segera pasang di blog masing masing dengan mengikuti tutorial dibawah ini.
Page Title
Judul halaman standar untuk Single Post pada Blogger adalah BLOG TITLE: POST TITLE. Kamu bisa meningkatkan SEO dengan mengganti title tag jadi POST TITLE | BLOG TITLE. Temukan kode ini pada Template XML Kamu,
<title><data:blog.pageTitle/></title>
Kemudian ganti dengan kode ini,
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Kamu juga bisa menambahkan keyword ke judul homepage, Contohnya
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | TV Episode Guide | TV Show Info</title>
</b:if>
Meta Keywords dan Description
Beberapa Pakar Blogger telah menulis panduan mengenai bagaimana cara menambahkan meta keyword dan description. Itu sangat mudah, kamu perlu menambahkan kode ini diatas/sebelum kode <b:skin><![CDATA[/*
Contohnya,
<meta name="description" content="Desain Grafis - Tips Blogger" />
<meta name="keywords" content="tutorial blogger, template blogger" />
Tetapi kode ini menambahkan meta keyword dan description yang sama pada semua post. Itu tidak baik karena kamu akan mendapatkan peringatan error dari Google Webmaster Tools karena duplikasi meta keywords dan description telah ditemukan. Jadi, sebaiknya kamu hanya menambahkan meta keywords & description pada homepage. Contohnya, kamu bisa menambahkan code ini,
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Desain Grafis - Tips Blogger" />
<meta name="keywords" content="tutorial blogger, template blogger" />
</b:if>
Heading
Tag Heading (H1,H2,H3,H4,H5) juga sangat penting untuk SEO. Seluruh judul widget Blogger (gadget) menggunakan Tag H2. Namun, Template Minima menggunakan tag H3 untuk judul posting dan kebanyakan Template blogger menggunakan Tag H2 untuk judul Posting. Untuk meningkatkan SEO, kamu perlu menggunakan Tag H1 untuk Judul Posting. Contohnya, Temukan kode,
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Contoh diatas menunjukkan bahwa Template kamu menggunakan Tag H3 sebagai judul Posting (Bila kamu tidak menemukannya, Kemungkinan Template kamu menggunakan Tag H2 untuk judul Posting), Ganti H3 (atau H2) pada kode diatas dengan H1, contohnya,
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
Kamu juga perlu mengganti ukuran dari font Posting dengan menambahkan kode ini sebelum ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Pada contoh, saya menggunakan ukuran font 1.5em. Kamu bisa menggantinya jika ingin
Social Bookmarking
Saat ini, Komunitas adalah raja! Menambahkan Link Social Bookmarking (Lintas Berita, Infogue,Facebook) dapat membantu dalam membentuk komunitas blog kamu dan meningkatkan SEO.
Breadcrumb
Kamu bisa menggunakan breadcrumb untuk “memudahkan” Navigasi pengunjung blog kamu. Tutorial membuat breadcrumb bisa kamu temukan disini.
Related Posts
Beberapa blogger pakar telah menulis tutorial mengenai bagaimana cara menambahkan hack related post (posting terkait). Semuanya menggunakan kode JSON javascript. baca tutorialnya disini.
Auto-Readmore Link
Link Auto-Readmore tidak mempunyai kaitan langsung dengan SEO. Namun, kamu bisa menggunakannya untuk meningkatkan User Interfaces untuk pengunjung Blog kamu. Buat pengunjung menikmati blog mu, dapatkan trafik lebih banyak, dan SEO akan mengikuti ^^.
Itulah 7 Trik untuk mengubah Template Blogspot agar lebih SEO Friendly, semoga bermanfaat.
Sumber : http://naisinpo.com/
Cara Mudah menghilangkan garis tepi atau border pada gambar postingan
Posted by Azis Grafis on 12/4/11
Setelah teman-teman mengamati 2 gambar di atas maka pertanyaannya adalah "Adakah perbedaan antara dua gambar di atas?
Jawabannya adalah: ADA, yaitu gambar satu memiliki border, sedangkan gambar dua tidak memiliki border.
Dengan begitu sekarang kita sudah tahu pasti bahwa kegunaan border gambar hanya untuk sekedar pemisah antara suatu gambar dengan dinding posting, entah itu pemisah objek gmbar atau warna gambar.
Nah, bagi teman-teman yang ingin membuat tampilan gambar postingannya yang tadinya seperti nomor satu dan sekarang berubah menjadi no. dua, silahkan diperaktekkan langkah2 berikut:
1. Login ke Blogger >> klik Tata Letak >> Edit HTML
2. Lalu cari kode berikut: (cukup cari "post img" dgn Ctrl+F)
.post img {
padding: 4px;
border: 1px solid $borderColor;
3. Selanjutnya, yang perlu teman-teman perhatikan adalah pada bagian yang telah ditandai dengan warna biru (border: 1px), maka tulisan "1px" tersebut bisa teman-teman ganti dengan "0px", dengan begitu seluruh border gambar yang terdapat di dalam postingannya teman-teman akan hilang semua.
4. bagi teman-teman yang ingin memunculkan border gambarnya kembali, maka caranya gampang. Tinggan diubah nilai "0px" menjadi angka di atas "0/nol". Dan ingat, semakin besar angkanya, maka semakin tebal bordernya.
5. Selesai, jangan lupa disimpan hasil kerjaannya.
Coba sekarang teman-teman tengok gambar-gambar yang terdapat dalam postingannya teman-teman...
Semoga Bermanfaat
Sumber : http://t4belajarblogger.blogspot.com/
Tags: cara menghilangkan border gambar pada postingan, menghilangkan garis tepi gambar blogger, cara cepat menghilangkan border post, cara meghilangkan garis tepi gambar blogspot