-->

Template Blog Seo Friendly Gratis Juni 2013

Gambar header template blog SEO Friendly gratis Juni  TEMPLATE BLOG SEO FRIENDLY GRATIS JUNI 2013
Template blog SEO friendly gratis juni 2013 ini ialah buatan dari Eva lagi. Seperti sebelumnya Eva sudah menciptakan template blog Cardboard Style, kali ini ia menciptakan template blog yang lebih bergaya social network, dan minta dipajang di sini....

Sebenarnya template blog SEO Friendly model social network ini aku yang memulai pembuatan awalnya. Tapi alasannya ialah terlalu sibuk hingga update blog saja harus dibantu kakaknya Eva. Makara Eva mengambil alih untuk menyelesaikan template ini.

Gambar header template blog SEO Friendly gratis Juni  TEMPLATE BLOG SEO FRIENDLY GRATIS JUNI 2013

Seperti teman-teman dapat 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. Makara waktunya itu orisinil padat, makanya setiap cara yang dapat menghasilkan backlink niscaya ditempuh....termasuk attribution link pada template....

Makara dimohon bantuannya untuk tidak menghapus linknya untuk sementara. Katanya attribution link di template blog gratis ini dapat dicabut sesudah tanggal 11 Juli 2013. Soalnya kontesnya sudah berakhir.

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

Fitur Template Blog SEO FRIENDLY Juni 2013

Ada beberapa hal yang menciptakan 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 menciptakan 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 memakai meta description otomatis, maka arahan di bawah ini harus di hapus dari dalam EDIT HTML:
<meta expr:content='data:blog.pageName + &quot; ialah artikel dari blog &quot; + data:blog.title + &quot; dengan judul &quot; + data:blog.pageName' name='description'/>
Setelah arahan di atas terhapus, maka ikuti panduan di artikel meta tag description untuk memasukkan meta ini secara manual.... Jika sudah, saatnya melaksanakan 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 sajian 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 hingga file template blog SEO Friendly ini selesai diunggah.
  • Jika berhasil diunggah, maka template blog ini akan menempel pada blog anda.

2. Merapikan Widget Blog Yang Berantakan Setelah Pemasangan Template Blog

  • Untuk melaksanakan ini bukalah halaman blog anda.
  • Setelah itu amati apakah ada widget yang menciptakan penampilan blog jadi berantakan?
  • Jika ada, bukalah sajian TATA LETAK, dan cari di mana posisi widget tersebut dalam template blog.
  • Pindahkan posisinya ke kawasan 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 huruf dan tema blog anda? Kalau begitu ikuti mekanisme 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 menyerupai ketika mengupload gambar pada artikel dan ambil URL gambarnya di HTML mode
  • Buka sajian template kemudian klik EDIT HTML
  • Setelah EDIT HTML editor terbuka silahkan cari arahan di bawah ini...
.profil {
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAYVedpnxUmcoh4yTOpAW5G222uFn1TS52FIrU5A6Oqlnq_UnWrVTfZFe-YR5N4JIqDmB0Ni6rIqFG7cPbaEuFzIF0PyZx56OJFObxDczK7BpyQ7wMWNOJg45JsxfBDBY6ukRgZO9Z6nel/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, kalau saudara melaksanakan 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 arahan s1600. Silahkan ubah kodenya jadi s80. Lihat pola di bawah...
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAYVedpnxUmcoh4yTOpAW5G222uFn1TS52FIrU5A6Oqlnq_UnWrVTfZFe-YR5N4JIqDmB0Ni6rIqFG7cPbaEuFzIF0PyZx56OJFObxDczK7BpyQ7wMWNOJg45JsxfBDBY6ukRgZO9Z6nel/s80/profile.png
  • Sekarang coba buka lagi sajian TEMPLATE dan EDIT HTML, kemudian cari arahan di bawah ini
.profilkecil {
float:left;
margin-right:15px;
width:80px;
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAYVedpnxUmcoh4yTOpAW5G222uFn1TS52FIrU5A6Oqlnq_UnWrVTfZFe-YR5N4JIqDmB0Ni6rIqFG7cPbaEuFzIF0PyZx56OJFObxDczK7BpyQ7wMWNOJg45JsxfBDBY6ukRgZO9Z6nel/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 arahan 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 menyerupai cara mengupload gambar profil di atas
  • Ambil URL gambar untuk menggantikan URL berwarna merah yang ada dalam arahan di bawah ini
#Header1 {
width:792px;
float:left;
overflow:hidden;
font-size:12px;
background:#888888 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO8so9q8lhGVN-s6leH0po-yXy2TXALSnvKjqUU9_WsDvvKV7MtN4Nw1QEeHbV8sWQj4ws9iRIR9pdGgVXn6pjgUvSvmf23pmk5tkcsvRkRkX_asz28TuRQzPOPVbjtVZgUzPtAvZhyphenhypheneUw/s1600/cafe.jpg) no-repeat;
height:230px;
padding:7px;
margin-top:48px;
}
  • Klik SIMPAN TEMPLATE dan gambar header blog akan terganti
Jika saudara sudah melaksanakan 3 perubahan di atas, maka tampilan dari template blog SEO friendly ini sudah selesai diadaptasi dengan cita-cita anda.... Sekarang masalahnya tinggal satu, yaitu menyesuaikan sajian yang ada di navbar dan sajian yang ada di bawah header....

MENGEDIT LINK PADA NAVBAR TEMPLATE BLOG

  • Sekarang silahkan masuk ke sajian TEMPLATE dan klik EDIT HTML
  • Pada jendela pengeditan ketik CTRL+F dan cari arahan class='midbar1'
  • Anda akan segera melihat arahan 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 cita-cita anda.
  • Klik SIMPAN TEMPLATE dan sajian pada NAVBAR akan berubah

MEMASANG MENU DI BAWAH HEADER

  • Untuk memasang sajian di bawah header sangat mudah. Anda cukup masuk ke sajian TATA LETAK dan cari widget MENU BAR di atas POSTING BLOG widget
  • Klik EDIT pada MENU BAR
  • Akan terbuka jendela editor, silahkan masukkan arahan 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 sajian bawah header sudah akan tampil pada blog anda.

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

0 Response to "Template Blog Seo Friendly Gratis Juni 2013"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel