Jumat, 31 Januari 2014

seo friendly modifikasi black line templat

Modifikasi Black Line Template

1. Menghapus Auto Read More

Silahkan masuk ke akun blogger saudara:
  • Pilih menu Template
  • Klik Tombol EDIT HTML lalu pilih LANJUTKAN
  • Centang kolom Expand Template Widget
  • Lalu cari kode di bawah ini (gunakan ctrl f pada browser untuk memudahkan)
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id' style='text-align:justify;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read more ...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Hapus semua kode di atas dan ganti dengan kode berikut:
<data:post.body/>

2. Mengedit Kode Menu

  • Masuk ke menu TATA LETAK atau LAYOUT
  • Lihat ada sebuah kolom yang dikelilingi kotak hitam. Klik Edit pada kolom tersebut
  • Akan muncul pop up editor....
  • Silahkan hapus jika anda tidak membutuhkan menu ini, atau edit kode sesuai kebutuhan
    Cara mengeditnya bagaimana? Lihat kode di bawah ini....
<div id="RickyMenu">
       <div id="Rickybox">
      <ul id="punch">
        <li><a href="http://jendela-128.blogspot.com/">Home</a></li>
        <li>
          <a href="#">Sample Page</a>
          <ul>
            <li>
              <a href="#">Sub Page #1</a>
              <ul>
                <li><a href="#">Sub Sub Page #1</a></li>
                <li><a href="#">Sub Sub Page #2</a></li>
                <li><a href="#">Sub Sub Page #3</a></li>
              </ul>
            </li>
            <li><a href="#">Sub Page #2</a></li>
            <li><a href="#">Sub Page #3</a></li>
            <li><a href="#">Sub Page #4</a></li>
            <li><a href="#">Sub Page #5</a></li>
          </ul>
        </li>
  • Ganti http://jendela-128.blogspot.com/ dengan url blog anda.
  • Ganti semua tanda # dengan url artikel atau laman yang anda buat, seperti contoh:http://blogku.blogspot.com/2012/08/artikel-pertamaku.html
  • Ganti semua teks jangkar (anchor text) seperti Sample PageSub Page #1Sub Sub Page #1 dengan tulisan yang ingin ditampilkan pada menu.

3. Mengubah Huruf Menu Yang Tidak Bisa Kapital

  • Masuk ke menu TEMPLATE
  • Klik EDIT HTML, lalu pilih LANJUTKAN
  • Cari kode di bawah ini
#punch li li a, #punch li li a:link, #punch li li a:visited {
background: #000000;
width: 150px;
color: #ffffff;
font-size: 12px;
font-family: Arial;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
  • Hapus kode yang berwarna merah dan simpan perubahan

seo friendly bisa diedit

Template Blog SEO Friendly Black Line Editable (Bisa Diedit)

Template Blog SEO Friendly
Template Blog SEO Friendly Black Line Editable yang bisa diedit ini saya buat untuk menanggapi banyaknya komentar yang meminta agar template SEO friendly itu bisa diedit dengan lebih leluasa. Sayangnya semua komentar tidak bisa saya publikasikan karena bahasanya tidak baku. Jadi template blogspot bernama "Black Line" ini sekedar upaya saya mencoba menampung aspirasi teman-teman blogger. Mudah-mudahan membantu....

PERHATIAN:
Mungkin ada baiknya saudara melihat-lihat dulu ragam koleksi template SEO friendly saya. Silahkan klik di sini untuk melihat semua koleksi, atau silahkan juga membaca lebih lanjut siapa tahu suka dengan tipe ini. Link download ada di bagian bawah artikel.

Template blogspot seo friendly ini tidak dilengkapi slider, karena slider sendiri membutuhkan script yang panjang. Bagi teman-teman yang menginginkan slider silahkan membuka koleksi template Blog SEO friendly Simple Slider saya. Template yang memiliki slider ini terdiri atas 5 pilihan warna. Lihat di bawah....
Template Blog SEO Friendly dengan slider
Berbeda dengan template sebelumnya yang harus saya bagi dalam 5 warna. Template baru ini tidak perlu demikian, karena bisa diedit ... jadi template ini sendiri walaupun cuma satu file; tapi bisa menghasilkan desain yang tak terbatas. Dua contoh desain yang bisa saya tampilkan di sini dapat dilihat pada gambar di bawah ini.
Template Blog SEO Friendly Black Line Editable (Bisa diedit) Edisi Spiderman
Kedua tampilan di atas di buat dari satu file template yang sama. Jadi teman-teman blogger bisa bebas berkreasi menghasilkan tampilan-tampilan yang lain yang sesuai dengan selera dan jiwa anda sebagai blogger.

Kriteria Apa Saja Yang Dipenuhi Template Black Line Ini Sebagai Template SEO Friendly?

  1. Title Tag sudah SEO Friendly, anda tinggal perlu menambahkan meta description untuk setiap artikel
  2. Judul Post dihadirkan sebagai judul halaman artikel dengan tag H1
  3. Sudah dilengkapi breadcrumbs untuk membantu Google mengenali hirarki blog
  4. Sudah dilengkapi rich snippet review bintang 5 dengan format microdata
  5. Komentar tetap nofollow untuk menjaga pagerank flow
  6. Minim script sehingga lebih SEO friendly
  7. Tidak ada iframe sehingga dan sebaiknya anda nanti tidak memasang iframe juga

Lalu Apa Saja Yang Bisa Diedit Dari Template SEO Friendly Black Line Ini?

  1. Gambar latar blog bisa diganti sesuka hati dengan ratusan pilihan latar default blogger
  2. Lebar blog dan sidebar bisa diatur juga sesuai keinginan anda
  3. Posisi artikel, sidebar, dan variasi footer juga bisa diubah/diedit pada template SEO friendly ini (Tapi saran saya pertahankan artikel di sebelah kiri layar)
  4. Jenis huruf untuk body dan warna serta ukuran bisa diatur sesuka hati
  5. Warna latar untuk body, header/footer, main/sidebar bisa diubah-ubah
  6. Warna link saat aktif, terpilih, dan sudah dikunjungi juga bebas diatur
  7. Warna, Jenis huruf, dan ukuran untuk judul blog, judul posting, dan judul gadget bisa diatur
  8. Anda juga bisa menambahkan CSS jika anda menguasainya, dan masih banyak lagi yang bebas anda edit.

    Bagaimana Cara Mengedit Template SEO Friendly Ini?

    1. Silahkan masuk ke akun blogger anda, 
    2. Buka akun blog yang diinginkan dan pilih TEMPLATE. 
    3. Di menu TEMPLATE klik tombol SESUAIKAN
    4. Pada tampilan Perancang ada 5 pilihan, jangan apa-apakan pilihan Template jika anda masih ingin memakai template ini.
    5. Silahkan edit template ini pada keempat pilihan lainnya seperti Latar Belakang, Sesuaikan Lebar, Tata Letak, dan Tingkat Lanjut.

      PASANG MENU TEMPLATE YANG DISEDIAKAN

      1. Berhubung Menu yang saya sediakan harus dipasang dari menu TATA LETAK jadi silahkan buka file MenuHTMLcode.txt yang juga disertakan di dalam file zip yang saudara download.
      2. Edit kode HTML sesuai kebutuhan blog anda
      3. Masuk ke menu Tata Letak dan anda akan melihat sebuah kolom HTML/JAVASCRIPT dalam kotak hitam. Klik  Edit pada kolom HTML/JAVASCRIPT tersebut.
      4. Ganti kode di dalamnya dengan kode HTML Menu yang sudah anda edit tadi lalu klik Simpan

      Silahkan kunjungi blog demo dari template ini:

      Jika anda berminat mencoba template ini silahkan download pada link di bawah ini...

      template seo friendly

      TEMPLATE BLOG BLOGSPOT SEO FRIENDLY TERBAIK 2013

      4 komponen pembentuk elemen template
      Template blogspot seo friendly 2013 - Template ini masih koleksi lama dari blog trik mudah seo ini dan semuanya sudah dioptimisasi agar SEO friendly. Koleksi ini masih terdiri atas 3 desain awal.... dan jumlahnya masih akan terus ditambah sepanjang tahun2013 ini. Saya akan menambahkan setidaknya 2 template setiap bulannya.

      Halaman ini akan menjadi halaman update setiap terjadi pertambahan koleksi dari blog ini. Sebelum saya menawarkan koleksi template blog SEO friendly 2013, terlebih dahulu saya mau membahas secara singkat apa itu template blog yang didesain denganSEO friendly terbaik itu.

      Syarat Template Blog SEO Friendly

      Setidaknya sebuah template harus memenuhi syarat berikut ini untuk dapat disebut SEO friendly:
      • Heading H1 pada tiap halamannya menampilkan kata kunci terpenting pada halaman tersebut
      • Title tag menampilkan kata kunci yang dikejar pada tiap halaman masing-masing. Hindari duplikat title tag untuk tiap halaman
      • Meta description mengandung kata kunci yang dikejar
      • Tidak menggunakan script yang berat
      • Tidak memasang iframe
      • 20 kata pertama menampilkan kata kunci
      • Diengkapi dengan breadcrumbs
      • Komentar bersifat nofollow
      • Waktu loading yang tidak lama

      Faktor tambahan yang bisa diberikan pemilik template blogspot adalah:
      • Cetak tebal keyword di dalam artikel
      • Interlink ke artikel lain
      • Mengubah heading widget menjadi h3, h4, atau h5

      Tujuan Penggunaan Template SEO Friendly

      Template blog yang SEO friendly ini dibuat untuk membantu blogger pemula yang belum mengetahui cara untuk mengedit kode-kode pengaturan pada menu EDIT HTML. Banyak blogger pemula yang bekerja keras, dan nyaris sia-sia usahanya membangun blognya karena tidak optimalnya pengaturan dasar dari desain blog yang dipakainya. Jadi dengan menggunakan template blog yang SEO friendly ini diharapakan para blogger pemula tidak perlu lagi pusing masalah lain dan bisa fokus pada pembuatan artikel dan mencari backlink.

      Ragam Koleksi Template Blog SEO friendly 2013

      1. Template Blog Simple Slider SEO friendly

      tampilan gambar template simple slider

      Desain yang satu ini menampilkan slider pada halaman homepage dan dilengkapi breadcrumbs. Rancangan yang satu ini dibagi atas lima pilihan warna yaitu abu-abu, hitam, biru, kuning, dan hijau. Jadi teman-teman blogger bisa memilih salah satu desain template blog seo friendly ini. Template ini menurut kesaksian beberapa teman blogger, bisa membuat artikel mereka menguasai suatu kata kunci walaupun pageranknya masih nol, dan bersaing dengar konten PR1 atau PR2. Tapi entahlah, itu juga cuma pernyataan teman-teman blogger. Buat yang tertarik dengan desain yang ini silahkan baca dan download dari halaman Template Blog Simple Slider

      2. Template Black Line Yang SEO Friendly dan Bisa Diedit

      rancangan desain template black line

      Desain template yang satu ini dibuat buat rekan-rekan blogger yang tidak suka desain yang terikat dan ingin bereksperimen sendiri mencari gaya kesukaannya. Model yang satu ini bisa diedit menjadi begitu banyak desain tanpa batas. Untuk mengekspresikan diri saudara silahkan gunakan perancang template blogger untuk mengubah gambar latar, warna setiap elemen, jenis huruf, posisi dan jumlah sidebar, serta tampilan footer. Semua elemen pada halaman ini bisa diedit sesuka hati.... Jika tertarik dengan rancangan ini silahkan baca dan download dari halaman Template Blog Black Line

      3. Template Blog Cardboard Dengan Image Background

      Contoh tampilan template cardboard yang maskulin

      Desain template cardboard ini juga termasuk rancangan yang SEO friendly, hanya saja desainnya sudah fix dan tidak bisa diedit. Template ini menggunakan image background jadi penggantian warna juga tidak dimungkinkan. Carboard terbagi atas dua model desain, yaitu feminim dan maskulin. Desainnya menggunakan warna pastel krem dan biru abu-abu pastel untuk model yang maskulin. Sedangkan untuk yang feminim menggunakan warna krem dan pink. Jika saudara tertarik dengan model template ini silahkan baca dan download di Template Cardboard.

      Demikianlah penawaran sementara dari saya untuk template blogspot SEO Friendly 2013 ini. Harap tunggu update-update selanjutnya, yang akan memberikan lebih banyak pilihan template.

      4. Template Blog RP0113 Dengan Gambar Header dan Slider Besar

      Template ini adalah template blog SEO friendly yang pertama di tahun  2013 ini. Fitur dari template ini sudah cukup lengkap. Baik itu fitur dasar maupun fitur tambahan seperti breadcrumbs, artikel terkait, google plus vote, dan microformats rich snippet review. Template ini ciri khasnya adalah slider dan header yang besar.

      Anda bisa menaruh gambar apa saja pada slider dan header ini dengan mengikuti panduan pada halaman artikel template blog RP0113. Selain itu sebagian komponen dasar dari template ini bisa diedit di PERANCANG TEMPLATE Blogspot. Jadi untuk informasi yang lebih detil baca saja di artikel template blog RP0113.

      5. Template Blog SEO Friendly RP0513


      Template blog yang ini dititik beratkan pada waktu loading yang lebih cepat. Oleh karenanya template ini dibuat seringan mungkin, tapi tidak terlihat terlalu polos. Setidaknya masih ada permainan warna. Untuk yang mencari template yang termasuk ringan, maka RP0513 bisa menjadi pilihan. Silahkan baca selengkapnya di artikelTemplate blog SEO Friendly RP0513....

      6. Template Blog SEO Friendly SOCIAL NETWORK WANNABE


      Kalau template yang ini mengambil model dasar 3 kolom yang mencampur adukkan ide dari facebook, twitter, Google + dan friendster....maksudnya supaya hasilnya tidak menyerupai satupun dari social network ini. Alasannya sederhana, yaitu perkara hak cipta yang harus bisa kita hargai. Bagi anda yang menyukai template blog yang menggunakan 3 kolom, maka yang satu ini bisa jadi opsi untuk saudara. Silahkan baca selengkapnya di artikel template blog seo friendly gratis juni 2013.

      seo friendly

        

      Bagaimana Cara Membuat Blog Yang SEO Friendly ( Blogspot )

      Khusus Pemula Yang Bahkan Belum Punya Blog

      Saat ini sudah banyak sekali orang yang tahu bagaimana cara membuat blog. Tapi ada perbedaan mendasar antara paham bagaimana cara membuat blog untuk life style dengan membuat blog untuk Promosi atau Popularitas. Jadi kali kita akan membahas cara membuat blog blogspot yang SEO friendly (sesuai dengan aturan SEO).

      TAHAP 1 Persiapan Membuat Blog

      • Putuskan tema blog apa yang hendak anda buat (sebagai panduan coba baca Cara Memulai Blog Dengan Benar)
      • Lakukan riset kata kunci seputar tema blog yang anda pilih (Jika anda pemula dan bingung masalah kata kunci dan risetnya silahkan baca artikel Memilih Kata Kunci Yang Tepat untuk Blog)
      • Pilihlah nama Blog dan Alamat Blog berdasarkan kata kunci pilihan anda tadi. (Jika masih bingung lagi silahkan baca cara memilih nama domain)
      • Anda sudah siap untuk memulai membuat blog baru.

      TAHAP 2 Cara Mulai Membuat Blog

      • Buka http://www.blogger.com
      • Masuklah dengan akun Google saudara. Jika belum punya, silahkan membuat email baru Google
      • Saudara akan tiba di halaman Dashboard Blogspot (Tampilan Baru)
      • Pada bagian kiri ada sebuah tombol BLOG BARU (klik untuk memulai)
      • Akan muncul panel input yang meminta anda memasukkan Nama BlogAlamat Blog Yang Anda Inginkan, dan Template Blog. Silahkan diisi dan klik Buat Blog!
      • Blog anda sudah jadi.
      Sampai di sini sebenarnya anda sudah paham bagaimana cara membuat blog diblogger.com hanya saja perlu sedikit pengaturan untuk membuatnya lebih SEO friendly.

      TAHAP 3 Cara Mengatur Setelan Pada Blogspot Baru

      • Masih di halaman Dashboard (Homepage dari akun blogger anda). Sekarang sudah ditampilkan pilihan blog yang baru saja anda buat (lihat gambar di bawah)
      • Silahkan klik tanda panah kecil yang ada pada contoh di atas, maka akan ditampilkan barisan menu yang bisa anda pilih. Silahkan klik Setelan.
      • Anda akan diarahkan ke halaman pengaturan dari blog tersebut (lihat gambar di bawah) 
      • Pada kolom Setelan ada beberapa pengaturan. Tapi kita hanya akan berfokus pada pengaturan Dasar dan Preferensi Penelusuran.
      • Pada pengaturan Dasar, ada dua pengaturan yang perlu anda perhatikan yaitu Juduldan Deskripsi. Klik Edit untuk mengubahnya. Pastikan anda memaasukkan kata kunci pilihan anda di dalam Judul dan Deskripsi. Sebagai contoh pada blog Pulsa Elektrik, Pilihlah Judul "Jual Pulsa Elektrik Termurah", dan deskripsi bisa anda isi dengan "Menyediakan pulsa elektrik semua operator dengan harga termurah, pendaftaran gratis, transaksi cepat dan akurat" (Catatan: Jika anda memakai template bertema khusus, biasanya Judul dan deskripsi tidak pas pada ruang yang disediakan. Jadi bila judul dan deskripsi yang anda pilih kepanjangan silahkan kembali ke Setelan Dasar untuk mengubahnya)
      • Pada Pengaturan Preferensi Penelusuran ada pilihan Tag Meta, klik Edit padaDeskripsi, lalu masukkan deskripsi blog anda. Sekali lagi pastikan meta deskripsi yang anda berikan adalah penjelasan singkat tapi padat kata kunci.