Home » » Template Blog Seo Friendly Gratis Juni 2013

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 yaitu buatan dari Eva lagi. Seperti sebelumnya Eva sudah menciptakan template blog Cardboard Style, kali ini ia menciptakan template blog yg lebih bergaya social network, dan minta dipajang di sini....

Sebenarnya template blog SEO Friendly model social network ini aku yg memulai pembuatan awalnya. Tapi alasannya yaitu terlalu sibuk hingga update blog saja Musti 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 trik yg 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 setelah tanggal 11 Juli 2013. Soalnya kontesnya sudah berakhir.

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

Fitur Template Blog SEO FRIENDLY Juni 2013

Ada beberapa hal yg 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 yg malas memasukkan meta description maka tempate ini bakal menciptakan meta description sendiri
  • Dynamic Heading yg memuat judul Maknakel pada h1
  • Breadcrumbs juga sudah terpasang
  • Komentar yg tidak menampilkan gambar profil yg 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 instruksi di bawah ini Musti di hapus dari dalam EDIT HTML:
<meta expr:content='data:blog.pageName + &quot; yaitu Maknakel dari blog &quot; + data:blog.title + &quot; dengan judul &quot; + data:blog.pageName' name='description'/>
setelah instruksi di atas terhapus, maka ikuti panduan di Maknakel meta tag description untuk memasukkan meta ini seCaranya manual.... Jika sudah, saatnya melaksanakan sedikit renovasi pada tampilan template blog gratis ini.

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

  • Download templatenya dulu di link download Template Blog Gratis Social Network Wannabe yg ada di atas
  • Jika sudah, silahkan diekstrak file .rar yg di download.
  • Masuk ke hidangan TEMPLATE dari blog yg ingin diganti templatenya.
  • Klik tombol orange CADANGKAN/PULIHKAN
  • Bakal muncul popup form, silahkan klik BROWSE dan cari file .xml di dalam folder yg 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 bakal menempel pada blog anda.

2. Merapikan Widget Blog yg Berantakan setelah Pemasangan Template Blog

  • Untuk melaksanakan ini bukalah halaman blog anda.
  • setelah itu amati apakah ada widget yg menciptakan penampilan blog jadi berantakan?
  • Jika ada, bukalah hidangan TATA LETAK, dan cari di mana posisi widget tersebut dalam template blog.
  • Pindahkan posisinya ke kawasan yg 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 yg ada di atas.

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

Tentunya anda tidak mau template ini menampilkan foto gadis yg sedang minum kopi kan? Atau anda juga ingin Mengubah gambar header yg sesuai dengan abjad dan tema blog anda? Jika begitu ikuti mekanisme di bawah ini....

Mengubah Gambar Profil Pada Sidebar Kiri Template Blog SEO Friendly ini
  • Siapkan gambar profil anda dengan ukuran 160px * 160px
  • Upload di blogger ibarat Saat mengupload gambar pada Maknakel dan ambil URL gambarnya di HTML mode
  • Buka hidangan template kemudian klik EDIT HTML
  • setelah EDIT HTML editor terbuka silahkan cari instruksi di bawah ini...
.profil {
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGoFOCBgLuLVhLlR8objjj27ZINVWsGA_2YWaPEsZo5kjN2evuuYtR2vSVskPKL-C9Kpz4YdwRpoLw_xJEjUFdEjPcpd2U1UwSG7UP8FplX2DBYoqif_hcxbt5YjRb46_7sno8pO_vX0M/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 yg saudara upload tadi, dan simpan perubahan. Sekarang gambar profil pada sidebar kiri template blog ini sudah berubah, jikalau saudara melaksanakan proses di atas dengan benar.

Mengubah Gambar Profil Pada Samping Maknakel di Template Blog SEO Friendly ini
  • Sekarang ambil URL gambar saudara dan perhatikan pada URL tersebut ada instruksi s1600. Silahkan ubah kodenya jadi s80. Lihat pola di bawah...
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGoFOCBgLuLVhLlR8objjj27ZINVWsGA_2YWaPEsZo5kjN2evuuYtR2vSVskPKL-C9Kpz4YdwRpoLw_xJEjUFdEjPcpd2U1UwSG7UP8FplX2DBYoqif_hcxbt5YjRb46_7sno8pO_vX0M/s80/profile.png
  • Sekarang coba buka lagi hidangan TEMPLATE dan EDIT HTML, kemudian cari instruksi di bawah ini
.profilkecil {
float:left;
margin-right:15px;
width:80px;
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGoFOCBgLuLVhLlR8objjj27ZINVWsGA_2YWaPEsZo5kjN2evuuYtR2vSVskPKL-C9Kpz4YdwRpoLw_xJEjUFdEjPcpd2U1UwSG7UP8FplX2DBYoqif_hcxbt5YjRb46_7sno8pO_vX0M/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 instruksi URL gambar yg sudah saudara edit jadi s80 tadi untuk menggantikan URL yg berwarna merah di atas
  • Klik SIMPAN TEMPLATE dan gambar profil di samping judul Maknakel bakal berganti menjadi gambar yg anda pilih.

Mengubah gambar Header Template Blog SEO Friendly Gratis ini
  • Jika saudara ingin Mengubah gambar header sesuai dengan selera anda, maka Caranyanya sangat mudah....
  • Buat gambar yg ingin dipasang dalam ukuran 806 x 244 pixels
  • Upload gambar tersebut ibarat trik mengupload gambar profil di atas
  • Ambil URL gambar untuk menggantikan URL berwarna merah yg ada dalam instruksi di bawah ini
#Header1 {
width:792px;
float:left;
overflow:hidden;
font-size:12px;
background:#888888 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIOW9jmLQ7SnYZwwt1vWDtUPw1F_VYhXftYarsuhGwzcJx4pQgEPTlHj7E7nVZQckyf7yrWJjIz3RylFdcqurwzf4wvqRQlsTMBDz7ibs6D2Ee16iCmWi8VnlPBTtU4mCKA2bLtW8nbqPB/s1600/cafe.jpg) no-repeat;
height:230px;
padding:7px;
margin-top:48px;
}
  • Klik SIMPAN TEMPLATE dan gambar header blog bakal terganti
Jika saudara sudah melaksanakan 3 perubahan di atas, maka tampilan dari template blog SEO friendly ini sudah selesai diadaptasi dengan harapan anda.... Sekarang masalahnya tinggal satu, yaitu menyesuaikan hidangan yg ada di navbar dan hidangan yg ada di bawah header....

MENGEDIT LINK PADA NAVBAR TEMPLATE BLOG

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

MEMASANG MENU DI BAWAH HEADER

  • Untuk memasang hidangan di bawah header sangat mudah. Anda cukup masuk ke hidangan TATA LETAK dan cari widget MENU BAR di atas POSTING BLOG widget
  • Klik EDIT pada MENU BAR
  • Bakal terbuka jendela editor, silahkan masukkan instruksi 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 hidangan bawah header sudah bakal 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 comments:

Post a Comment

Search

Blog Archive