Cara Edit / Mengganti Template Wordpress

Mungkin para pengguna wordpress pernah merasa kesal ketika akan mengganti atau mencoba merubah template wordpress tetapi diharuskan membayar dulu kira2 sebesar $15. Tapi ternyata ada cara supaya kita bisa mengedit atau mengotak-atik template wordpress dengan tanpa mengeluarkan dana sepeserpun alias gratis. Mau tahu caranya? ...

Syaratnya yaitu kamu harus memiliki domain dan hosting terlebih dulu. Untuk domain kamu bisa memakai domain gratis dari co.cc atau jika pingin domain .com/.net/.org km bisa membeli domain di http://domain.superinhost.com. Selain domain kamu juga harus memmiliki hosting. Kamo bisa memakai hosting gratis di 000webhost atau bisa juga beli hosting murah di superinhost.com

Langkah awalnya yaitu kita harus mensetting domain dan hosting kita. Bagi yang belum tahu caranya silahkan BACA TUTORIAL INI. Langkah berikutnya yaitu kita cari atau download template wordpress yang ada dipasaran, dan tentunya cari yang gratisan dong. Coba cari lewat google dengan memakai kata kunci misal "Free Template wordpress" atau "Free Wordpress Themes" dll. Biasanya hasil downloadnya akan berupa file "zip" atau "rar". Extract dulu file tersebut sehingga menjadi folder yang didalamnya terdapat beberapa file.

Langkah berikutnya yaitu login ke cpanel hosting kamu. kemudian pilih "File Manager". Kemudian masuk ke folder "Public_html --> ...wp-content\themes\". Upload file-file yang sudah di ekstract tadi ke folder tersebut. Kemudian buka alamat "http://namadomainmu.com/wp-admin" untuk login ke wordpress administrator (Jangan lupa ganti namadomainmu.com dengan nama domainmu ya). Lalu pergi ke menu "Design --> Themes". Nha maka disitu kamu akan menjumpai template yg telah kamu upload tadi. Untuk mengaktifkannya tinggal diklik aja template yg km suka kemudian "Activate". Trus coba deh buka blog wordpress kamu. Gimana berhasil gak? .... Gampang kan.... :D

Cara Mengganti Older Post Menjadi Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya.

Template blogger SEO

Oke Langsung saja 

1. Template Blogger SEO Style V.1 

  Download |  Demo

Fitur-fitur :

1. SEO Friendly
2. User Friendly
3. Skor SEO 100% (cek demonya di chkme.com )
4. Loading Fast
5. Related Post Keren
6. Readmore Otomatis
7. 3 Kolom Posting Di Homepage
8. 2 Kolom Footer
9. Menu
10. Share Button
11. dll

Keterangan :

Komentar :

Jika kotak komenter tidak muncul coba pergi ke Setelan >> Pos dan Komenter >> Lokasi Komenter >> Tersemat

Meta Tag :

Cari Kode Berikut  :

<meta content='Deskipsi Blog Sobat' name='description'/>

Ganti kode berwarna biru dengan Deskipsi blog sobat.

Cari kode :

<meta content='Keyword Blog Sobat' name='keywords'/>

Ganti kode berwarna biru dengan Keyword blog sobat.


Title :

Cari Kode Berikut  :

<title> <data:blog.title/> | SEO Blogger Tutorial | Tutorial Blog</title>

Ganti kode berwarna biru dengan keyword blog sobat saat di mesin pencarian

2. I-Soe Template 

Features Make the Theme SEO Friendly

- Lot of Meta tags added to this theme.
- Iseo loads fast and that's a VERY good thing for any blog.
- Post title tag is header h1 and h2 tags is roomates is best way to increase of traffic.
- We remove Read More Button roomates help to increase of Google Pagerank.
- Fully Customizable
- Fast loading background.
- Good Looking Sidebar with Search Box

(Screenshoot iSEO Template)
Demo - Download

3. Thesis SEO Blog Template

Template ini adalah template seo friendly terbaik yang saya tahu. Yang mana template ini adalah buatan orang yang sudah paham SEO. Jadi kamu tidak perlu takut untuk memakai Template SEO Friendly ini. Untuk demonya, kamu bisa melihat template yang ada diblog ini. Silahkan download dibawah ini:

Download Template

4. Simple Clean Blue SEO Template

Tampilan versi desktop

Tampilan versi mobile

Demo Versi Desktop - Demo Versi Mobile

Fitur Simple Clean Blue SEO Template :

• Ringan
• Simple
• Responsive via Mobile
• Breadcrumb
• Artikel Terkait
• Reply Komentar
• Spinning Social Share
• Rating Richsnippet
• Tersedia Versi Ponsel
• 2 Kolom Header
• 2 Kolom, 1 Kolom Posting, 1 Kolom Sidebar
• 3 Kolom Footer
• DLL

Untuk Cara Mengedit Templatenya Sudah Di Sertakan 1 Paket Dengan Link Download Templatenya

Download Simple Clean Blue SEO Template

Update !

Cari Kode :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<link href='https://plus.google.com/102378255170044980225' rel='publisher'/>
</b:if>

Ganti URL Profil Google+ Mas Ryono yang berwarna Merah Dengan URL Profil Google+ Sobat Untuk Menampilkan Foto Sobat Di Pencarian Google. 

5. Template B-Seo Versi 4

Download

Fitur pada template blogger ini berbeda dengan versi sebelumnya. pada template B-Seo Versi 4 ini ada penambahan sidebar disebelah kanan postingan, ini sangat mendukung bagi anda yang senang memasang iklan, agar terjadinya klik lebih cepat. Tapi terjadi penyempitan lebar postingan pada template ini, tapi tidak terlalu memperngaruhi seluruh tampilan blog.

6.Template B-Seo Versi 5

Download 

Fitur pada template versi 5 ini hampir sama dengan versi 4, tetapi perbedaannya, tambahan sidebar pada versi ini berada disebelah kiri postingan. Template ini lebih bagus dalam hal penempatan iklan dibanding versi 4. jadi bagi anda yang butuh untuk space iklan, template ini sangat cocok untuk jadi pilihan.

Nah, mungkin itu saja Free Download Template Blogger 3 Kolom Terbaru template yang bisa saya bagikan, semoga bermanfaat. Nantikan share yang lainnya ya..