0 Cara membuat Blog Menarik dan Keren

Bagi para master, mungkin Cara membuat Blog Menarik, Keren (Mempercantik Tampilan Website) ini bukanlah hal yang sulit dilakukan karena mereka telah paham dengan baik tekniknya, tapi bagi yang pemula alias newbie soal blogger tentu butuh pencerahan soal ini. Dan berhubung kita sudah menyelasaikan ulasan lengkap soal tutorial cara membuat blog sebelumnya, jadi silahkan merujuk ke sana buat yang belum paham. Tapi bila sudah maka fokuslah membaca segala saran dan rahasia yang akan dipaparkan berikut. Perlu diketahui bahwa dalam tips ini hanya ada 3 bagian yang harus dituntaskan, yaitu domain, theme, dan plugin atau widget
 Menarik dan keren bisa punya banyak makna, tapi apa yang penulis tangkap dari hasil riset ringan di mesin pencari google, ternyata yang diinginkan dari banyak pemula adalah tampilannya yang bagus dengan jalan mempercantik template-nya agar enak dipandang, mulai dari warna, tata letak, widget dan segala pengaturan di dalamnya. Dan berhubung semua hal menyangkut cara otak-atik blog sudah saya lakukan semua sebelumnya, kurang lebih 3 tahun lamananya, jadi tidak ada yang sulit untuk menerangkan ini, apalagi kalau niatnya untuk berbagi kepada kawan-kawan semua.

Mempercantik blog – Cara Membuat Blog Menarik

Ada banyak bagian yang harus dilakukan untuk menghasilkan sebuah blog yang tampilannya tampak menarik dan cantik seperti milik kebanyakan blogger umumnya. Dan berikut poin penting yang harus anda perhatikan:

1.    Domain

Bagian ini mungkin menurut banyak orang tidak perlu di perhatikan, padahal blog akan tanpak professional kalau domain (alamat linknya) juga bagus. Nah pada tahap awal ini disarankan merubah domain blogspot anda (missal : bikinblog.blogspot.com) menjadi .com (dot com), seperti caraspot.com dan lainnya. Mengapa demikian? Karena dengan melihat alamat blognya saja orang sudah bisa tahu bahwa ia dibuat dengan serius sehingga isi artikelnya juga paling tidak berbobot dan bisa dijadikan referensi, ini biasanya sudah bisa diputuskan oleh pengunjung saat pertama kali melihatnya di mesin pencari, apakah akan diklik untuk dikunjungi atau tidak, nah disinilah keuntungan yang sudah mempunyai blog .com. Tapi sebenarnya bukan cuma sampai disitu keunggulan dari blog dengan domain berbayar, masih banyak lagi.

a.  Merubah alamat

Banyak yang belum tahu kalau ternyata blogspot gratisan itu bisa dirubah jadi .com dengan lokasi servernya yang tidak berubah, yakni masih ditempatkan di blogspot, hanya saja domainnya sudah dirubah. Caranya adalah cukup dengan mengunjungi situs yang menyediakan pembelian untuk domain, salah satunya adalah www.rumahweb.com, silahkan buka websitenya lalu ketik nama domain yang kamu inginkan, kalau misalnya sudah dimiliki orang maka kamu bisa cari alternativ dengan mengganti ekstensinya, seperti .net, .info, .org, atau yang lainnya. Jika sudah, langsung order saja dengan mengikuti langkah-langkahnya sesuai yang tertera, tapi jika tidak tahu minta bantuan operatornya dengan cara Chating langsung. Jika sudah, tinggal kamu minta langsung pada admin Rumahweb untuk dibantu mengarahkan ke blogspot, biasanya mereka akan meminta password login blog dan domainmu, gampang kan?

b.  Usahakan seo friendly dan mudah diingat

Memilih domain yang SEO Friendly di sini maksudnya adalah yang mengandung kata kunci, misal anda buat blog soal panduan buat email, maka usahakan saat membeli domain memilih minimal yang ada kata Email-nya walau tidak semua keyword yang diincar disertakan, misal emailbaru.com dan selainnya. Adapun kalau kita mau lebih sempurna lagi maka kita cari nama yang lebih bagus minimal dua kata dan kata-katanya familiar, sebagai contoh ada yang buat website penyedia domain kemudian dia memilih alamat domainesia.com , kan ini selain SEO juga keren karena ada kata Nesia dibelakangnya yang merupakan potongan kata dari Indonesia yang merupakan tanda bahwa penyedianya orang asli pribumi.
Mengenai pemilihan domain yang menarik, sebagaimana nama Caraspot ini kami temukan, sebaiknya baca tipsnya dan gunakan tools menemukan domain keren (silahkan baca).

2.    Template

Ini sebenarnya poin penting jika kita ingin mempercantik tampilan sebuah blog agar terlihat menarik dan keren, karena dari bagian inilah kita melakukan pengeditan tata letak widget-nya, mengatur jarak letaknya, hingga mengganti warna latar, gambar dan lain sebagainya. Tapi karena berhubung ini pembahasannya panjang, kita bahasa satu per satu di bawah ini:

Bikin website telihat keren

1.  Mengganti Template jadi Profesional

Untuk bisa memiliki template/skin atau tampilan blog yang menarik dan tampak bagus layaknya blogger professional maka syaratnya kita harus merombak semua, tapi soal ini bukan berarti kita harus rubah satu per satu kode scriptnya karena kalau bukan Programmer sudah pasti tidak akan bisa melakukannya. Solusinya adalah dengan jalan mengganti template bawaan dengan yang baru, berikut caranya :

a.  Untuk Blogspot

1. Kunjungi situs http://btemplates.com/
2. Pilih template yang bagus tampilannya, dan karena sekarang lagi marak penggunaan HP pintar untuk mengakses internet maka disarankan pilih jenis template yang ukurannya bisa menyesuaikan semua gadget dan perangkat, dalam hal ini disebut juga dengan Template Responsive. Kebetulan di tahun 2015-2016 ini Google baru saja meluncurkan algoritma baru bernama Mobilegeddon yang mana dengannya pencarian dari pengguna internet akan disesuaikan dengan perangkat yang mereka gunakan, misalnya saja si visitor sedang pakai gadget ketika melakukan Browsing maka secara otomatis google akan mendahulukan blog yang responsive dari pada yang tidak karena umumnya blog demikian menyulitkan pembaca saat dibuka.
3. Lihat demonya – ini penting dilakukan, yakni melihat tampilan sebenarnya pada saat online, bukan cuma dengan gambar dan screenshot, dan baru setelah itu bisa diputuskan akan digunakan atau tidak.
4. Download – Untuk tahap ini mudah saja dilakukan, cukup cari tulisan ‘Download’ di bawah gambar tampilan template di btemplates.com tersebut dan secara otomatis akan muncul halaman kecil yang meminta kamu men-savenya di komputermu.
5. Upload – Setelah tersimpan di komputer, sekarang waktunya menggunakan template tersebut dengan mengganti yang lama.
6. Selanjutnya, jika anda sudah mengganti dengan tampilan yang custom maka tinggal menatanya agar semakin baik di mata mesin pencari, terutama Google. Ini karena jika sebuah blog dianggap baik maka ia akan diberi ranking yang baik pula, paling tidak, walau tidak jadi ranking 1, tapi bisa masuk halaman pertama, nah berikut ulasan lengkapnya: Cara Mengatur Template Agar SEO Friendly dan Mudah Ranking di Google

b.  Untuk WordPress

Sebenarnya ada banyak tempat mengambil Theme untuk wordpress yang gratis alias tanpa bayar sama sekali, hanya saja ada beberapa kekurangan jika kita hanya menggunakan yang free saja, terutama kita tidak punya tempat bertanya yang tepat kalau misalnya terjadi error atau ada pengaturan yang kita tidak tahu caranya, ini karena pada Theme berbayar selalu disediakan file Documentation yang mana dari situ kita bisa belajar semua cara pengaturannya. Selain itu kita juga punya kesempatan bertanya langsung lewat email pada pembuat theme-nya. Dan beberapa penyedia Theme berbayar untuk cara membuat blog menarik sebagaimana kita bahas pada kesempatan ini adalah:

• http://themeforest.net/category/wordpress – Sudah sejak dulu ini dikenal sebagai situs penyedia berbagai kebutuhan virtual termasuk Theme. Penulis sendiri pernah membeli theme di sana yang mana umumnya setiap theme masing-masing dibuat oleh developer berbeda, tapi dari segi layanan purna jualnya semua bagus karena sudah menjadi syarat jika mereka menjadi penjual theme di sana.
• https://mythemeshop.com/ – Ini juga provider dari luar negeri, hanya saja bedanya dengan yang di atas adalah yang mana ini dikelola oleh satu usaha yang mana semua themenya dibuat oleh satu developer saja, tentunya pelayanannya juga jauh lebih baik.
• http://www.oketheme.com dan http://theme-id.com/theme – Keduanya sama-sama produk asli anak Indonesia, jika anda ingin komunikasinya lebih baik saat membeli maka pada cara membuat blog keren ini penulis lebih merekomendasikan membelinya di sini karena adanya kesamaan bahasa tentu mau bertanya apa saja jauh lebih mudah.

2.  Menggunakan Widget

Untuk kepentingan tampilan saja mungkin anda akan menggunakan widget seperti Jam, gambar flash dan sebagainya, tapi untuk tujuan SEO sebaiknya jangan digunakan, lebih baik pakai widget yang baik untuk mensin pencari saja, seperti untuk Artikel Terpopuler dan Terbaru, Profil Google Plus dan Likenya, Fanpage Facebook atau Twitter. Selain yang disebutkan sebaiknya dihindari saja karena akan memperlambat loading blog. Dan untuk mendapatkan semua widget tersebut sudah tersedia di dalam blogspot anda. Caranya, pilih menu “Tata Letak” lalu tulisan biru “Tambahkan Widget” anda klik dan selanjutnya tinggal pilih jenis widget blog yang mana yang mau digunakan.
Untuk pengguna WordPress kami sarankan gunakan yang lazim dan paling penting saja digunakan, seperti Tombol Share di setiap Artikel dan untuk ini disarankan pakai yang simple saja seperti AddToAny dan AddThis. Selain itu, jika ingin membuat blog lebih menarik lagi maka disarankan gunakan Plugin seperti :
Catatan : Untuk menemukan plugin di bawah maka pada Dashboard blog masuk pada menu Plugin >> Add New >> ketik di Search kata kunci di bawah.

1. FeedBurner Form – Plugin ini untuk menggait banyak pembaca setia dengan jalan mereka menginput alamat emailnya.
2. Protect WP-Admin – Gunanya untuk menyamarkan alamat login blog sehingga lebih aman.
3. WP Social Popup and Get Traffic – Sebagai halaman popup untuk mengajak orang me-like sosial media anda.
4. WP Super Cache – Gunanya untuk mempercepat loading blog dengan mencatat cache dari pengunjung sebelumnya.
5. WordPress SEO by Yoast – Untuk menata meta tag dan teknik SEO lainnya. Ini penting sekali.
6. No Follow All External Links – Untuk membuat semua link keluar jadi no-follow.

3.  Menata Warna dan style template

Terakhir untuk cara mempercantik blog dan membuatnya jadi menarik, mulai dari latar, sidebar, gambar, dan semua warna yang ada dalam template maka cukup baca : Cara Otak Atik Blog (ganti warna blog, kode font, gambar, spasi dll) dengan Inspect Element. Dalam tutorial tersebut anda akan belajar bagaimana menemukan kode tertentu dalam theme WordPress maupun pada template untuk pengguna blogger untuk selanjutnya dirubah ukuran maupun jenisnya. Intinya di sini seorang pemilik blog akan dibantu mencari tempat dari kode yang akan dirubah, namanya “Inspect Element”, yakni melakukan inspeksi pada elemen dari penataan sebuah blog yang dengan kita bisa melakukan beberapa perubahan sesuai yang diinginkan.

4.  Menulis Artikel yang SEO Friendly

Walau semua teknik di atas telah dilakukan tapi artikel atau item pada tiap produk toko online anda tidak dibuat SEO Friendly maka bisa dibilang sia-sia saja. SEO sendiri adalah kepanjangan dari Search Engine Optimization atau Optimasi Mesin Pencari yang mana tujuannya adalah untuk membuat blog mudah terindeks oleh mesin pencari, dan untuk ini silahkan baca : Tips Artikel SEO yang mudah ranking 1 di Google. Setelah anda memahami dengan baik teknik ini maka sudah dipastikan bahwa semua teknik untuk membngun blog yang keren sudah anda lakukan. Dan jika ini dilakukan secara konsisten maka trafik pengunjung web juga pasti akan terus naik dari hari ke hari.
Semoga artikel bagaimana cara membuat blog menarik dan keren atau tepatnya mempercantik tampilan website ini bisa jadi rujukan terpercaya anda. Silahkan bertanya jika ada yang kurang dipahami, dengan senang hati kami membantu. Penulis juga menyediakan pelatihan mengelola blog buat pemula, baik pada Blogspot maupun yang menggunakan platform WordPress.

0 Cara Ampuh Mengatasi Artikel Yang Hilang Search Engine

Cara mengatasi saya sangat sulit banget sampai - sampai saya bertanya sanai sani padahal artikel ini bisa di bilang banyak pengunjungnya dan artikel yang hilang di blog ini juga mempunyai pengaru besar pada kontes seo yang saya ikuti seperti 988BET Agen Bola Untuk Prediksi Piala Eropa 2012.

Mungkin langsung aja neh caranya yang telah saya lakukan untuk mendapatkan kembali artikel yang hilang di pencarian google.

• Pertama-tama saya meneliti kira-kira kata dan kalimat bahkan keyword apa yang bikin artikel tersebut ditendang oleh si mbah Google. Saya hapus diantaranya yang tidak ada korelasi antara judul dan isi artikel. Saya kurangi juga link-link keluar yang tidak perlu, sehingga artikel lebih nampak focus dan orisinil (SEO-On Page tidak berlebihan).
• Selang satu hari saya mulai reload sendiri pada browser beberapa kali halaman artikel yang bersangkutan, agar mulai dikenali kembali oleh Google.
• Bersamaan dengan itu saya membuat gambar yang link-nya menuju artikel tersebut, sekalian buat promosi (contohnya masih bisa anda lihat diatas,tepatnya setelah Header dan sebelum kolom artikel).
• Mencoba blogwalking, akhirnya saya tertarik tips memasang beberapa link keluar (menampilkan situs dengan ber-Page Rank tinggi) di bawah artikel. Saya usahakan memasang link situs yang sesuai dengan tema artikel tersebut.
• Mencoba Googling lagi menggunakan keyword pilihan.

Semoga bermanfaat artikel saya kali ini !!!

0 Hacking Template Blogger Agar SEO Friendly

Tag heading menetukan urutan yang lebih penting saat google index. Berurutan dari yang terpenting menggunakan tag h1 untuk yang terpenting dan seterusnya hingga tag h6. Hal ini dapat digunakan untuk menguatkan postingan kita langsung di google. Caranya adalah dengan memberi tag h1 untuk judul postingan. Namun, jika Anda melakukannya secara serampangan bisa jadi malah justru terjadi multiple tag h1 pada halaman Anda.

Saya sendiri berada pada kelompok orang yang setuju jika tag h1 ganda pada satu halaman akan membuat index google buruk. Saya pernah mencobanya dengan mengganti tag judul postingan menjadi h1, sementara tag judul blog juga h1 tanpa saya rubah. Ajaib, data index saya di webmaster tools bertanda silang merah. Dan posisi saya di google amblas.... ke halaman belakang.

Solusinya...?
Sebagian blogger memilih tag h1 tetap untuk judul blog sebagaimana standartnya. Dan mereka mengganti tah judul postingan dari h3 ke h2. Membuat judul postingan satu list lebih penting. Namun, bagi Anda yang tetap ingin menggunakan tag h1 untuk judul postingan Anda untuk benar-benar menguatkan index ke postingan Anda? Anda bisa ikuti trik berikut:

• Login Blogger

• Tata Letak

• EDIT HTML

• Centang Expand Template Widget

Manipulasi Tag Heading Judul Postingan

• Cari kode berikut ini..

    <b:if cond='data:post.title'>
          <h3 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h3>
    </b:if>

• Ganti semua kode di atas dengan

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
          <h2 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h2>
    </b:if>
    <b:else/>
          <h1 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h1>
    </b:if>

Manipulasi Tag Heading Judul Blog

• Cari kode di bawah ini

    <h1 class='title' style='background: transparent; border-width: 0px'>
       <b:include name='title'/>
    </h1>

• Ganti dengan kode berikut ini

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
    <b:else/>
              <p class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </p>
    </b:if>

• Cari kode berikut ini

    <h1 class='title'>
      <b:include name='title'/>
    </h1>

• Ganti dengan kode berikut ini

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <h1 class='title'>
              <b:include name='title'/>
            </h1>
    <b:else/>
            <p class='title'>
              <b:include name='title'/>
            </p>
    </b:if>

Terakhir, Set CSS Anda

Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip.

    .post h3 {
    ..................................
    }

    .post h3 a, .post h3 a:visited{
     ..................................................
    }

    .post h3 a:hover {
    ....................................
    }

Ganti kodenya dengan kode di bawah ini

    .post h1, .post h2 {
      margin:.25em 0 0;
      padding:0 0 4px;
      font-size:140%;
      font-weight:normal;
      line-height:1.4em;
      color:$titlecolor;
    }

    .post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong{
      display:block;
      text-decoration:none;
      color:$titlecolor;
      font-weight:normal;
    }

    .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
      color:$textcolor;
    }

Catatan: Kalau tidak berhasil, ganti hanya kode H3 nya..

Satu langkah lagi, yakni cari kode css judul blog. Cari yang mirip dengan kode di bawah ini

    #header h1 {
    ............................
    }

• Ganti dengan kode di bawah ini

    #header h1, #header p {
      margin:5px 5px 0;
      padding:15px 20px .25em;
      line-height:1.2em;
      text-transform:uppercase;
      letter-spacing:.2em;
      font: $pagetitlefont;
    }

Selesai....

Jika semuanya telah dilakukan dengan benar, segera simpan template Anda. Jika ingin melihat trik aslinya, silahkan lihat dihttp://deconstructioncode.blogspot.com. Sekarang di halaman index Anda, halaman utama blog, judul blog memiki tag h1 dan judul postingan bukan tag h1. Sementara ketika google index halaman postingan Anda, judul postingan otomatis berubah ke tag h1 dan judul blog tidak lagi menggunakan tag h1. Alhasil, tidak ada lagi tag h1 ganda yang akan menimbulkan kekhawatiran untuk peringkat Anda.... Semoga bermanfaat...

0 Cara Menyembunyikan widget tertentu di halaman home

Caranya sebagai berikut :

1. Login dulu ke Account Blogspot.
2. Pilih Rancangan >>  Edit HTML,
3. Carilah kode]]></b:skin>  kemudian letakkan kode berikut ini di bawah kode ]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#HTML1,#Feed1,#Label1,#HTML4,#HTML8,#HTML14 {display:none;}
</style>
</b:if>

4. Ganti tulisan berwarna merah dengan ID widget yang mau disembunyikan pada halaman posting. perlu

untuk mengetahui ID/kode widget ikuti cara dibawah ini:

- Menuju ke Element Laman / tata letak
- Arahkan mouse ke tulisan "Edit" dan lihatlah URL dibagian bawah browser akan terlihat widget ID yang dimaksud kode bisa HTML1, HTML2, Label1, Feed1, Followers1 dan sebagainya. Lihat gambar dibawah ini!

5. Jika sudah Klik save template

0 Kumpulan Situs Blog Gratis

Buat sobat yang senang sekali blogging pasti ingin merasakan berbagai situs gratis yang pasti juga merasakan fitur -fitur dari blog gratis. misalanya :

http://www.100megsfree.com/
http://www.blogdetik.com/
http://www.blog.com/
http://www.blogdrive.com/
http://www.100mb.com/
http://www.100ws.com/
http://www.50megs.com/
http://www.dagdigdug.com/
http://www.bravehost.com/
http://www.builder.com/
http://www.doteasy.com/
http://www.gratisweb.com/
http://www.freecenter.com/
http://www.multiply.com/
http://www.0catch.com/
http://www.gratisan.com/

Selain penyedia layanan blog gratisan tersebut diatas, masih ada juga penyedia layanan blog gratisan lain yang termasuk kategori web 2.0. Biasanya web 2.0 ini digunakan untuk membangun backlink, karena kualitas seo untuk web dengan platform ini sangat bagus dan disukai oleh search engine semacam Google, Yahoo! ataupun Bing.

Web 2.0 list disini semuanya gratis dan rata-rata termasuk penyedia layanan blog gratis yang mempunyai page rank tinggi. Selain itu, platform pada web 2.0 list ini juga dengan hosting yang gratis, jadi anda tinggal menulis artikel lalu posting tanpa harus memiliki hosting sendiri.

Berikut web 2.0 list terbaik untuk blogging gratis:

Saya mulai dari yang ber-PR 9, yaitu :
http://wordpress.com/

PR 8
http://blogger.com/
http://bravenet.com/
http://home.spaces.live.com/
http://livejournal.com/
http://tumblr.com/
http://webs.com/
http://weebly.com/

PR 7
http://blogsome.com/
http://edublogs.org/
http://friendster.com/
http://knol.google.com/
http://squidoo.com/

PR 6
http://viviti.com/
http://blog.co.uk/
http://diaryland.com/
http://gather.com/
http://hubpages.com/
http://opendiary.com/
http://thoughts.com/

PR 5
http://20six.co.uk/
http://tblog.com/
http://bigadda.com/
http://blogskinny.com/
http://blogstream.com/
http://blurty.com/
http://free-conversant.com/
http://freeflux.net/
http://www.easyjournal.com/
http://sosblog.com/
http://tabulas.com/
http://terapad.com/
http://upsaid.com/
http://shoutpost.com/
http://wikyblog.com/

PR 4
http://blog.ca/
http://blogwebsites.net/
http://blogeasy.com/
http://bloghi.com/
http://blogigo.com/
http://blogr.com/
http://blogstudio.com/
http://blogtext.org/
http://freeblogit.com/
http://insanejournal.com/
http://mynewblog.com/
http://netcipia.com/

PR 3
http://clearblogs.com/
http://journalfen.net/

0 Membuat Template Blog Lebih Valid XHTML

Login ke akun blogger sobat

Masuk Rancangan/Layout

Pilih Edit HTML

Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)

Beri tanda centang "Expand Template Widget"

Setalah itu kita mulai step by step dan cari kode dibawah ini:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Kemudian, gantilah kode diatas dengan kode berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Cari kode semacam ini:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template benyo Style
Name:   benyo template
Date:     26 Feb 2012
Updated by: Blogger Team
----------------------------------------------- */

Hapuslah semua kode/tanda strip (-----) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:
Hapuslah semua kode/tanda strip (-----) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas. Hasilnya kan menjadi seperti ini:

<b:skin><![CDATA[/*
Blogger Template benyo Style
Name:   benyo template
Date:     26 Feb 2012
Updated by: Blogger Team
*/

Cari kode dibawah ini:

<b:include name='quickedit'/>

Hapus saja semua kode diatas yang ada dalam template kamu,dan ingat! kode diatas akan muncul jika kamu menambah gadget pada blog kamu,jadi selalulah menghapusnya ketika sesudah kamu menambah gadget.

Cari kode dibawah ini:

<b:include data='blog' name='all-head-content'/>

Dan hapus saja juga! tapi buat kamu yang memberi foto profile pada komentar blog maka berisiko foto-foto profile komentar tidak muncul,tapi terserah ke kamu,kalau ingin valid maka sikat aja.

Langkah selanjutnya silahkan kamu cari kode </head> dan letakkan kode dibawah ini tepat dibawah kode </head>

<!-- <body>
<div></div> -->

Jika Sobat meng-upload sebuah gambar, berilah tambahan alt pada gambar tersebut. contoh kode alt seperti ini:

<a href="http://validator.w3.org/"><img alt="Markup Validation Service"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5oWzO8xT-HdR5s7Qmrx3fwjN_P1FKE63QooTnheg0BvJVX4HDXeslvb7DvgH0HCgFf1-faOM0m9oXbX3trSeaG-hVsRF0MfKEZT7gPtQJ4jr26D-0HmmouiD8wkfCudGhRWEy7BIG1Xo/s320/valid-html.gif" /></a>

Jika sobat menemukan penulisan meta content dengan huruf besar, rubahlah menjadi huruf kecil,contoh:

<META content='blogger' name='generator'/>

ubah menjadi:

<meta content='blogger' name='generator'/>

Menghapus Post icon,adapun kode post icon atau pensil kodenya mirip kode seperti ini:

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>

Ganti kode diatas dengan kode berikut:

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>

Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:

<script src="http://benyocyberprotokol.googlecode.com/files/cirebon.js"></script>

Tambahkan kode berwarna merah seperti dbawah ini:

<script type="text/javascript" src="http://benyocyberprotokol.googlecode.com/files/cirebon.js"></script>

Menyembunyikan page navigation di halaman utama
cari kode:

<b:include name='nextprev'/>

ganti kode diatas dengan kode dibawah ini!

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>

0 Menyembunyikan judul blog

Oke kali ini saya akan share bagaimana menghilangkan judul blog, buat arti judul blog sendiri adalah memberi tahu kepada pengunjung dan pencarian google tentang judul tentang apa blog kita.

Mungkin ada beberapa blogger yan ingin menghilangkan judul blog itu sendiri dan inggin menyisipkan berupa gambar editan kita sendiri, oke langsung aja neh buat sobat-sobat yang ingin menghilangkan judul blognya.

Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog Anda yang mirip seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}
 

Tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}

Petinjau dulu jika sobat kurang percaya jika judul sobat telah sembunyi berarti berhasil, semoga bermanfaat !!!