Template situs atau blog SEO Friendly Terbaru 2013 RP0113
Template situs atau blog SEO friendly paling baru atau bisa dikatakan baru saja dibuat tahun 2013 ini sedikit kompleks jadi harap baca petunjuknya untuk memperoleh hasil yang optimal. Template situs atau blog ini didesain gambar header yang besar, disertai slider yang juga amat besar.
BACA PANDUAN DI BAWAH INI:Perhatian! Contoh situs atau blog demo memakai desain warna yang suram, ialah hitam dan ungu. Anda bisa mengganti desain ini sesuka hati, gara-gara gambar header, gambar slider, gambar latar, warna teks, dan warna link bisa diubah sesuka hati…. jadi buat desain sesuka hati anda.
Untuk menolong anda memperoleh hasil optimal situs atau blog ini, maka ada 3 hal yang perlu saudara ketahui. ke-3 perihal tersebut ialah:
- Fitur Template situs atau blog SEO Friendly 2013 RP0113
- Hal-Hal Yang Perlu di perhatikan Template situs atau blog
- Cara Memodifikasi Template situs atau blog SEO friendly ini
Fitur Template situs atau blogspot SEO Friendly 2013 RP0113
pastinya template situs atau blogspot ini harus mencukupi beberapa kriteria Untuk dapat dimaksud SEO friendly. Jadi selanjutnya ini list fitur template ini….
- Title tag pastinya sudah dinamis dan membuat tampil judul artikel di setiap halaman artikel
- Dilengkapi auto meta description, gara-gara cerita saya 30% saja situs atau blogger yang mau repot mengatur meta description
- Menu dan Header belum terpasang jadi tampilan basic amat sederhana dan cukup ringan. Perhatikan cara dan syarat pemasangan di bawah untuk hasil yang optimal
- Judul header situs atau blog tag h1 dan sudah dinamis ikuti judul artikel
- Mudah mengganti gambar header
- Bisa mengganti gambar latar
- Bisa mengganti type dan ukuran huruf serta warna huruf body text
- Judul artikel sudah diberi tag h2
- Dilengkapi breadcrumbs
- Sudah dilengkapi panel yang memohon pembaca memberikan klik Google +. Jika tidak mengetahuinya mengapa Google Plus mutlak silahkan baca disini….
- Dilengkapi related artikel untuk mengajak pembaca membaca artikel yang lain
- Dilengkapi rich snippet review bintang 5 untuk tampilan lebih atraktif di hasil pencarian Google
- Dual heading widget. Anda bisa membiarkan heading widget tetap h2 atau menggantinya menjadi h4, tanpa kuatir mengakibatkan mengakibatkan kerusakan nampakan situs atau blog. Tapi saran saya alangkah baiknya ubah heading widget jadi h4.
- Sidebar bisa 1 kolom dan 2 kolom
- Footer bisa 1 kolom dan 2 kolom
- Jika READ MORE dihapus, THREADED COMMENT akan aktif
Fitur-fitur diatas ini sudah cukup mencukupi syarat template ini untuk dimaksud SEO friendly. Akan tetapi ada beberapa hal yang harus saudara perhatikan dalam memasang template situs atau blog ini agar fungsinya bisa berjalan optimal.
Hal-Hal Yang Perlu Di Perhatikan Template situs atau blog
bagian SEO Friendly Auto meta description
bagian ini harus dihapus Apa bila Anda ingin membuat masuk manual meta description didalam artikel. Apa bila Anda tidak mengetahuinya cara menghapus auto meta description silahkan baca di bagian cara memodifikasi template situs atau blog di bawah. Apa bila Anda tidak mengetahuinya cara membuat masuk manual meta description, silahkan baca artikel cara pasang meta description
Gambar Header dan Slider amat Besar
gara-gara dimensi gambar yang disedikan amat besar ialah 1000×230 untuk header dan 1000×300 untuk slider, maka anda harus mengkompresi setiap gambar hingga sebesar ukuran sekitar 30 kb, tapi tetap cukup baik untuk dipandang. Apa bila Anda tidak paham caranya maka template akan amat berat. alangkah baiknya JANGAN GUNAKAN SLIDER Apa bila Anda tidak mengetahuinya CARA MEMPERKECIL UKURAN FILE GAMBAR.
Masalah Auto Read More Pada Template situs atau blog
Auto read more yang terpasang akan punya masalah Apa bila Anda mengetik artikel anda pada ms.word sebelum lantas dibuat supaya keluar di situs atau blog. Untuk menanggulangi ini ada dua cara yang bisa anda tempuh.
- Pindahkan dulu artikel ke notepad sesudah itu baru dicopy paste ke situs atau blog
- Hapus auto read more dan gunakan jump break Selayak pembatas artikel.
Pelajari cara menghapus read more template situs atau blog seo friendly RP0113 di bawah ini
Cara Memodifikasi Template situs atau blog SEO FRIENDLY RP0113
mengganti gambar background
- Gambar background bisa diubah sesuka hati pada template seo friendly ini.
- Untuk mengganti gambar latar silahkan masuk ke menu TEMPLATE
- Klik tombol jingga cocok atau sepadanKAN
- Pada sidebar editor ada menu LATAR BELAKANG,….silahkan diklik
- Disamping thumbnail latar ada sesuatu tombol berbentuk panah kecil, silahkan diklik
- Akan dinampakkan beberapa kategori gambar latar. Silahkan dipilih cocok atau sepadan selera
- Klik SELESAI
- Klik tombol jingga TERAPKAN KE situs atau blog
- Masuk ke menu TEMPLATE
- Klik EDIT HTML
- Gunakan CTRL+F untuk melacak kode background: $ (body.background);
- Ganti $ (body.background) url(URL GAMBAR)
- Jika gambar ialah kecil dan butuh perulangan (tile mode) tambahkan kode repeat
- Contoh: background: url(http://tinypic.com/red-pattern.jpg) repeat;
- Klik tombol jingga SIMPAN TEMPLATE
Sekarang gambar latar template situs atau blogspot SEO Friendly ini sudah bertukar sudah bertukar gambar pilihan anda.
- Buat dulu gambar yang akan dijadikan background dalam ukuran panjang 1000px dan lebar 230px
- Masuk ke menu TATA LETAK
- Cari Widget HEADER yang membuat tampil judul situs atau blog dan klik EDIT
- Pada pilih GAMBAR, anda bisa melakukan pengambilan computer atau membuat masuk URL Gambar
- Pastikan opsi Di balik judul dan keterangan tertunjuk
- Klik SIMPAN
Sekarang gambar header sudah terpasang tepat pada template situs atau blog ini jika ukurannya benar 1000px x 230px
- Buat 4 gambar ukuran 1000 x 300 pixels
- Pastikan ukuran setiap gambar cuma berkisar 30 kb
- sesudah itu masuk ke menu TATA LETAK
- Cari widget MASUKKAN KODE SLIDESHOW DI…. dan klik EDIT
- Masukkan kode di bawah ini….
<center><div style=”border-bottom:10px solid #000000; width:1000px; background: #bbbbbb;”><ul class=”slideshow”><li><a href=”URL ARTIKEL 1″ target=”_blank”><img src=”URL GAMBAR 1″ title=”JUDUL GAMBAR 1″ alt=”DESKRIPSI GAMBAR 1″/></a></li><li><a href=”URL ARTIKEL 2″ target=”_blank”><img src=”URL GAMBAR 2″ title=”JUDUL GAMBAR 2″ alt=”DESKRIPSI GAMBAR 2″/></a></li><li><a href=”URL ARTIKEL 3″ target=”_blank”><img src=”URL GAMBAR 3″ title=”JUDUL GAMBAR 3″ alt=”DESKRIPSI GAMBAR 3″/></a></li><li><a href=”URL ARTIKEL 4″ target=”_blank”><img src=”URL GAMBAR 4″ title=”JUDUL GAMBAR 4″ alt=”DESKRIPSI GAMBAR 4″/></a></li></ul></div></center>
- Silahkan ganti URL ARTIKEL link ke artikel yang anda inginkan terhubung gambar slideshow
- Ganti juga URL GAMBAR agar slider membuat tampil gambar yang diinginkan.
- Ganti JUDUL GAMBAR dan DESKRIPSI GAMBAR gara-gara ini ialah teks yang akan dinampakkan di caption yang mempunyai warna hitam semi transparan
- sesudah selesai mengedit silahkan klik SIMPAN.
ini slider sudah terpasang dan template situs atau blog SEO friendly anda terlihat lebih atraktif.
- sesungguhnya kode menu apa saja bisa dipasang pada template ini. Tapi kalau mau memasang menu bawaan template ini, ikuti saja teknik struktur selanjutnya:
- Masuk ke menu TATA LETAK
- Cari widget MASUKKAN KODE MENU disini dan klik EDIT
- sesudah itu masukkan kode HTML selanjutnya didalamnya
<div class=”wrapper”><div class=”container”><ul class=”menu” rel=”sam1″><li class=”active”><a href=”#”>Beranda</a></li><li><a href=”#”>Hobby</a></li><li ><a href=”#”>situs atau blog</a></li><li><a href=”#”>Layanan Jasa</a></li><li><a href=”#”>Tentang Saya</a></li><li><a href=”#”>Hubungi</a></li><li><a href=”#”>Twitter</a></li></ul></div></div>
- Ganti tanda pagar URL link, dan edit nama link cocok atau sepadan keperluan anda.
- Jika sudah selesai mengedit silahkan klik SIMPAN
Sekarang menu sudah terpasang pada template situs atau blog anda. Perhatikan bahwa kode menu diatas bukanlah dropdown menu. Apa bila Anda butuh dropdown menu coba baca disini.
Menghapus Auto Meta Description
Apa bila Anda mau memakai fitur meta description situs atau blogger Selayakmana pernah saya bahas di artikel meta description, maka anda harus menghapus fitur auto meta description. Caranya….
- Masuk ke menu TEMPLATE
- Klik EDIT HTML
- Cari kode selanjutnya dan hapus
<meta expr:content=’data:situs atau blog.pageName + " situs atau blog " + data:situs atau blog.title + " judul " + data:situs atau blog.pageName’ name=’description’/>
- Jika sudah klik SIMPAN TEMPLATE
Apa bila Anda sudah menghapus fitur auto meta description template ini, maka anda wajib membuat masuk manual meta description waktu bikin artikel baru.
Menghapus Read More & Aktifkan Threaded Comment
- Kalau anda tidak suka read more dan lebih suka memakai jump break, maka silahkan dihapus saja read more pada template ini. Masuk ke menu TEMPLATE, klik EDIT HTML dan centang EXPAND WIDGET TEMPLATE
- Cari kode selanjutnya dan hapus
<script type=’text/javascript’>var thumbnail_mode = “float” ;summary_noimg = 250;summary_img = 250;img_thumb_height = 120;img_thumb_width = 120;</script>
<script type=’text/javascript’>//<![CDATA[/******************************************Auto-readmore link script, version 2.0 (for situs atau blogspot)
(C)08 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks********************************************/function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(“>”)!=-1){s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);}}strx = s.join(“”);}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=’ ‘ && strx.indexOf(‘ ‘,chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+’…’;}
function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = “”;var img = div.getElementsByTagName(“img”);var summ = summary_noimg;if(img.length>=1) {imgtag = ‘<span style=”float:left; padding:0px 10px 5px 0px;”><img src=”‘+img[0].src+’” width=”‘+img_thumb_width+’px” height=”‘+img_thumb_height+’px”/></span>’;summ = summary_img;}
var summary = imgtag + ‘<div>’ + removeHtmlTag(div.innerHTML,summ) + ‘</div>’;div.innerHTML = summary;}//]]></script>
- sesudah kode diatas dihapus silahkan cari kode selanjutnya….
<b:if cond=’data:situs atau blog.pageType != “item”‘><div expr:id=’”summary” + data:post.id’><data:post.body/></div><script type=’text/javascript’>createSummaryAndThumb(“summary<data:post.id/>”);</script><span class=’rmlink’ style=’float:left’><a expr:href=’data:post.url’>READ MORE – <data:post.title/></a></span></b:if><b:if cond=’data:situs atau blog.pageType == "item"’><data:post.body/></b:if>
- Hapus kode diatas dan ganti kode <data:post.body/>
- Kode diatas ada dua di dalam template jadi ulangi proses substitusi kodenya sekali lagi.
- Klik SIMPAN TEMPLATE
- Jika read more sudah dihapus, fitur threaded comment akan mempunyai peran
mengganti heading widget jadi h4Supaya template lebih SEO friendly, kita dapat juga mengganti heading judul widget kode h4. Caranya ialah….
- Masuk ke menu TEMPLATE
- Klik EDIT HTML dan centang EXPAND WIDGET TEMPLATE
- Cari seluruh kode <h2><data:title/></h2> dan ubah menjadi <h4><data:title/></h4>
- Cari juga seluruh kode <h2 class=’title’><data:title/></h2> dan ubah menjadi <h4 class=’title’><data:title/></h4>
- Klik SIMPAN TEMPLATE
mengganti warna, type, dan ukuran teks
- Silahkan masuk ke menu TEMPLATE
- Klik cocok atau sepadanKAN
- Klik menu TINGKAT LANJUT pada sidebar kiri
- Silahkan ubah parameters apa saja yang anda inginkan
- Jika sudah selesai klik tombol jingga TERAPKAN KE situs atau blog
Mungkin ini saja dulu, jika tetap ada lagi yang perlu dimodifikasi akan ditambahkan lantas….
Terima Kasih Atas Kunjungan AndaJudul: Template situs atau blog SEO Friendly paling baru atau bisa dikatakan baru saja dibuat 2013 RP0113Dicatat Ricky PratamaArtikel ini dipatenkan pada www.myfreecopyright.com, jika ingin Mengambil sebagian, maka harus memberikan link balik pada artikel Template situs atau blog SEO Friendly paling baru atau bisa dikatakan baru saja dibuat 2013 RP0113 ini. jika tidak akan diproses DMCA Takedown yang sudah pasti tidak baik akibatnya bagi situs atau blog saudara. Terima kasih atas perhatiannya
0 comments:
Post a Comment