TEMPLATE BLOG SEO FRIENDLY GRATIS JUNI 2013

TEMPLATE BLOG SEO FRIENDLY GRATIS JUNI 2013

Template blog SEO friendly gratis juni 2013 ini adalah buatan dari Eva lagi. Seperti sebelumnya Eva sudah membuat template blog Cardboard Style, kali ini dia membuat template blog yang lebih bergaya social network, dan minta dipajang di sini....
Sebenarnya template blog SEO Friendly model social network ini saya yang memulai pembuatan awalnya. Tapi karena terlalu sibuk sampai update blog saja harus dibantu kakaknya Eva. Jadi Eva mengambil alih untuk merampungkan template ini.


Seperti teman-teman bisa lihat dari blog demo di atas bahwa Eva menaruh credit link untuk kontes SEO FBI-BET.COM dan KONTES HUMOR di dalamnya. Maklumlah Eva itu sudah kerja, berbisnis, masih mau ikutan kontes SEO. Jadi waktunya itu asli padat, makanya setiap cara yang bisa menghasilkan backlink pasti ditempuh....termasuk attribution link pada template....
Jadi dimohon bantuannya untuk tidak menghapus linknya untuk sementara. Katanya attribution link di template blog gratis ini bisa dicabut setelah tanggal 11 Juli 2013. Soalnya kontesnya sudah berakhir.

Ok seperti biasa template ini juga perlu disesuaikan dengan blog anda, jadi baca cara lengkapnya di bawah ini....

Fitur Template Blog SEO FRIENDLY Juni 2013

Ada beberapa hal yang membuat template blog ini menjadi SEO Friendly,....untuk mudahnya silahkan baca poin-poin di bawah ini:
  • Title tag sudah sangat SEO Friendly
  • Menggunakan meta description otomatis, jadi buat yang malas memasukkan meta description maka tempate ini akan membuat meta description sendiri
  • Dynamic Heading yang memuat judul artikel pada h1
  • Breadcrumbs juga sudah terpasang
  • Komentar yang tidak menampilkan gambar profil yang diskala sehingga lebih ringan
  • Juga balon komentar di atas foto profil untuk memastikan kata kunci anda muncul di kata-kata awal dalam blog.
Jika anda tidak ingin menggunakan meta description otomatis, maka kode di bawah ini harus di hapus dari dalam EDIT HTML:
<meta expr:content='data:blog.pageName + &quot; adalah artikel dari blog &quot; + data:blog.title + &quot; dengan judul &quot; + data:blog.pageName' name='description'/>
Setelah kode di atas terhapus, maka ikuti panduan di artikel meta tag description untuk memasukkan meta ini secara manual.... Jika sudah, saatnya melakukan sedikit renovasi pada tampilan template blog gratis ini.

1. Memasang Template Blog SEO Friendly Gratis ini ke blog anda

  • Unduh templatenya dulu di link download Template Blog Gratis Social Network Wannabe yang ada di atas
  • Kalau sudah, silahkan diekstrak file .rar yang di download.
  • Masuk ke menu TEMPLATE dari blog yang ingin diganti templatenya.
  • Klik tombol orange CADANGKAN/PULIHKAN
  • Akan muncul popup form, silahkan klik BROWSE dan cari file .xml di dalam folder yang tadi saudara ekstrak
  • Jika sudah ketemu pilih file tersebut dan klik UNGGAH
  • Tunggu sampai file template blog SEO Friendly ini selesai diunggah.
  • Jika berhasil diunggah, maka template blog ini akan melekat pada blog anda.

2. Merapikan Widget Blog Yang Berantakan Setelah Pemasangan Template Blog

  • Untuk melakukan ini bukalah halaman blog anda.
  • Setelah itu amati apakah ada widget yang membuat penampilan blog jadi berantakan?
  • Jika ada, bukalah menu TATA LETAK, dan cari di mana posisi widget tersebut dalam template blog.
  • Pindahkan posisinya ke tempat yang lebih nyaman di lihat mata.
  • Setelah itu klik SIMPAN SETELAN
  • Muat ulang halaman blog anda dan lihat apakah susunan template blog SEO friendly ini sudah terlihat rapi? Jika belum ulangi langkah-langkah pengaturan posisi yang ada di atas.

3. Sesuaikan Tampilan Template Blog SEO Friendly Gratis Ini Dengan Blog Anda

Tentunya anda tidak mau template ini menampilkan foto gadis yang sedang minum kopi kan? Atau anda juga ingin mengganti gambar header yang sesuai dengan karakter dan tema blog anda? Kalau begitu ikuti prosedur di bawah ini....

Mengganti Gambar Profil Pada Sidebar Kiri Template Blog SEO Friendly ini
  • Siapkan gambar profil anda dengan ukuran 160px * 160px
  • Upload di blogger seperti saat mengupload gambar pada artikel dan ambil URL gambarnya di HTML mode
  • Buka menu template lalu klik EDIT HTML
  • Setelah EDIT HTML editor terbuka silahkan cari kode di bawah ini...
.profil {
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEV3-m4pL8NZFJWYk6VmVdWb4_7ZCiNG5V_it6vG4jh86V7-vbFqE2DE0IVz0q0ZRnOKqhqU8-i1ZjEOZTFZTMjO7b57kKbHvlG9xXEMx7Zybt2XtAGcerlMGExRiuEpwsdsBptVMOFGj-/s1600/profile.png) no-repeat;
width:160px;
height: 160px;
border-radius:80px;
-moz-box-shadow:3px 3px 5px 2px #aaa;
-webkit-box-shadow: 3px 3px 5px 2px #aaa;
box-shadow: 3px 3px 5px 2px #aaa;
margin-top:10px;
}
Ganti URL berwarna merah di atas dengan URL gambar yang saudara upload tadi, dan simpan perubahan. Sekarang gambar profil pada sidebar kiri template blog ini sudah berubah, jika saudara melakukan proses di atas dengan benar.

Mengganti Gambar Profil Pada Samping Artikel di Template Blog SEO Friendly ini
  • Sekarang ambil URL gambar saudara dan perhatikan pada URL tersebut ada kode s1600. Silahkan ubah kodenya jadi s80. Lihat contoh di bawah...
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEV3-m4pL8NZFJWYk6VmVdWb4_7ZCiNG5V_it6vG4jh86V7-vbFqE2DE0IVz0q0ZRnOKqhqU8-i1ZjEOZTFZTMjO7b57kKbHvlG9xXEMx7Zybt2XtAGcerlMGExRiuEpwsdsBptVMOFGj-/s80/profile.png
  • Sekarang coba buka lagi menu TEMPLATE dan EDIT HTML, lalu cari kode di bawah ini
.profilkecil {
float:left;
margin-right:15px;
width:80px;
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEV3-m4pL8NZFJWYk6VmVdWb4_7ZCiNG5V_it6vG4jh86V7-vbFqE2DE0IVz0q0ZRnOKqhqU8-i1ZjEOZTFZTMjO7b57kKbHvlG9xXEMx7Zybt2XtAGcerlMGExRiuEpwsdsBptVMOFGj-/s80/profile.png);
height: 80px;
margin-top:10px;
border-radius:40px;
-moz-box-shadow:1px 1px 5px 2px #aaa;
-webkit-box-shadow: 1px 1px 5px 2px #aaa;
box-shadow: 1px 1px 5px 2px #aaa;
}
  • Masukkan kode URL gambar yang sudah saudara edit jadi s80 tadi untuk menggantikan URL yang berwarna merah di atas
  • Klik SIMPAN TEMPLATE dan gambar profil di samping judul artikel akan berganti menjadi gambar yang anda pilih.

Mengganti gambar Header Template Blog SEO Friendly Gratis ini
  • Kalau saudara ingin mengganti gambar header sesuai dengan selera anda, maka caranya sangat mudah....
  • Buat gambar yang ingin dipasang dalam ukuran 806 x 244 pixels
  • Upload gambar tersebut seperti cara mengupload gambar profil di atas
  • Ambil URL gambar untuk menggantikan URL berwarna merah yang ada dalam kode di bawah ini
#Header1 {
width:792px;
float:left;
overflow:hidden;
font-size:12px;
background:#888888 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ccL7RbyJWOHu2Gg5hxb-Wue33rDEci0bGKq-upeLjJqLFMoWOu0O6I1b5hyphenhyphenw0U-zYlP1kWy2CeUJM8VgRj815OtZ1ptqq5bkpKNgk8jbJLNhPRKBo0RUxhB3lN_IVyQqr6kbqn7wFKSP/s1600/cafe.jpg) no-repeat;
height:230px;
padding:7px;
margin-top:48px;
}
  • Klik SIMPAN TEMPLATE dan gambar header blog akan terganti
Jika saudara sudah melakukan 3 perubahan di atas, maka tampilan dari template blog SEO friendly ini sudah selesai disesuaikan dengan keinginan anda.... Sekarang masalahnya tinggal satu, yaitu menyesuaikan menu yang ada di navbar dan menu yang ada di bawah header....

MENGEDIT LINK PADA NAVBAR TEMPLATE BLOG

  • Sekarang silahkan masuk ke menu TEMPLATE dan klik EDIT HTML
  • Pada jendela pengeditan ketik CTRL+F dan cari kode class='midbar1'
  • Anda akan segera melihat kode di bawah ini....
<ul class='midbar1'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Artikel 1</a></li>
<li><a href='#'>Artikel 2</a></li>
</ul>
  • Silahkan ubah tanda # dengan URL yang diinginkan dan edit juga teks jangkar dari link sesuai keinginan anda.
  • Klik SIMPAN TEMPLATE dan menu pada NAVBAR akan berubah

MEMASANG MENU DI BAWAH HEADER

  • Untuk memasang menu di bawah header sangat mudah. Anda cukup masuk ke menu TATA LETAK dan cari widget MENU BAR di atas POSTING BLOG widget
  • Klik EDIT pada MENU BAR
  • Akan terbuka jendela editor, silahkan masukkan kode di bawah ini....
<div id="mymenu">
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
</div>
  • Edit URL dan anchor text sesuai kebutuhan dan klik SIMPAN
  • Sekarang menu bawah header sudah akan tampil pada blog anda.

Ok, itu saja dulu. Mudah-mudahan template blog seo friendly gratis ini sesuai dengan selera beberapa teman blogger, dan mudah-mudahan bermanfaat. Terima kasih sudah singgah di blog ini

Komentar

  1. terima kasih atas templatenya kak, kalo untuk template tahun 2016 ada tidak?

    BalasHapus

Posting Komentar