Mengaktifkan Custom robots.txt yang baik dan benar



Bagi para blogger pastinya sudah tidak asing lagi dengan yang namanya Custom robots.txt, dengan mensetting Custom robots.txt maka hal tersebut bertujuan agar blog kita mudah dikenal oleh Robot search engine, kalau mudah dikenal maka mudah di-crawl alias dirayapi, yang nantinya akan membantu blog kita ter-index di search engine dengan baik.sehingga blog kita lebih seo
Pengaturan Custom robots.txt yang baik dan benar akan membantu blog anda terindex dengan baik pula, namun salah dalam penyetingan akan berakibat fatal alias buruk untuk blog anda,bahkan kemungkinan terburuknya adalah blog anda di abaikan oleh search engiene.. So let's try this Custom robots.txt out!

Cara setting Custom robots.txt yang baik dan benar:

  1. Login ke blogger anda
  2. Dari Dashboard , Pilih menu setting => Search preferences

  3. Lihat ke menu Crawlers and indexing, klik edit pada Custom robots.txt

  4. Isi pada kotak kosong dengan text berikut (jangan lupa centang yes pada Enable custom robots.txt content?):

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://fendevils.blogspot.com/feeds/posts/default?orderby=UPDATED
KET :
Ganti teks yang saya tandai dengan alamat blog/web anda

Cara mengatasi pesan komentar yang berada di bawah formulir



mengatasi pesan komentar berada di bawah

Sebelumnya saya post mengenai cara membuat komentar bertingkat atau biasa disebut Threaded comments , namun ada beberapa dari teman yang menerapkan komentar Style bertingkat tersebut  mendapatkan masalah ,yaitu Pesan komentar yang seharusnya berada di atas komentar malah berada di bawah formulir komentar.
Sebetulnya ini bukan masalah yang fatal akan tetapi akan terlihat ganjil oleh kita maupun pembaca jika tidak di perbaiki.Jika anda mengalamami masalah seperti itu Terus bagaimana cara mengatasinya ? simak tutorial di bawah ini .

Tutorial


  • Masuk ke Template dan Edit Html
  • Dengan menekan Ctrl+F Cari kode berikut <b:includable id='threaded-comment-form' var='post'>
  • Anda ganti kode dari <b:includable id='threaded-comment-form' var='post'> sampai dengan </b:includable> dengan kode di bawah ini :
<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
<div id='form-wrapper'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
</div>
    <b:else/>
<div id='form-wrapper'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>



  • Kemudian Tekan Ctrl+F lagi dan cari kode di berikut :

document.getElementById(domId).insertBefore(replybox, null);


  • Anda ganti dengan

document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);


  • Save template dan lihat hasilnya , Jika Pesan komentar tetap saja masih berada di bawah , mungkin anda kurang ganteng :P

Percantik Bullet dan numbering list pada posting blog



bullet and numbering blog
Membuat tampilan blog menjadi lebih unik,modis merupakan kebutuhan pokok dari para blogger sekarang setelah artikel posting , mencari ilmu sana-sini demi tampilan blognya menjadi lebih unik.
sebenarnya tak perlu keseluruhan dalam memodif template blog, blog yang unik juga bisa kita buat melalui merubah/memodifikasi hal-hal ataupun element-element yang kecil dari blog misalnya bullet and numbering kita bisa mengganti simbol default dari bullet numbering tersebut dengan icon yang kita suka demonya bisa anda lihat pada bullet and numbering yang saya pakai.

bullet and numbering blog

Tutorial

  1. Langkah pertama masuk e akun blog anda
  2. Masuk dari menu dashboard ke Template kemudian pilih EditHTML
  3. Dengan menggunakan Ctrl+F anda cari kode ini ]]></b:skin>
  4. Jika sudah ketemu Kemudian masukan 2 buah kode ini di atasnya
Kode #1 : kode bullet list + efek hover
.post ul {
margin: 5px 0px 5px 10px;padding: 0 0 0 20px;list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-1FqR4WTE5ESWIFZiKEQtOoX0jSqFjPjEIJ34AdLpiZNUCAI_S1AhVn5LA2Ilry-_0CDB8YwthJjad6WoIYTWLjP5XLGFrhSwB3_51tzYFrj9W4hmuLb2TKaAFaxyIYaHHlNZvebLp0Q/s1600/shinemat-bullet-brown.png);}
.post li {
margin: 0 0 0 10px;padding: 3px;}
.post li:hover {
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_ak9sg_xDMbeX5z_wsYJ14LXBXQJjMpQgcSL3eghLI85QBjl8uw0P26cZyVd2zw9ExjPV1z6x-afAZBvgSwkwW79jmmOYBZa86i1x0_cEfEGGQx5MWCI-B4YINo8FgHcECUUFbjjDdpk/s1600/shinemat-bullet-brown.png);cursor: pointer;}

Kode #2 : Kode numbering list + efek hover
.post ol {
font-family: sans-serif;
color: #706969; }
.post ol li {line-height: 1.2em;font-family: sans-serif;color: #289728; }
.post ol li:hover {font-family: sans-serif;font-style: italic;font-weight: bold;color: #0080ff; }
.post ol p {font-family: sans-serif;font-weight: normal;font-style: normal;color: #0F0E0E;line-height:1.2em;}
KET :
# Kode yang berwana biru adalah  URL icon yang dapat anda ganti dengan icon sesuka anda     # Kode yang berwarna merah adalah jenis font yang di gunakan
#Kode yang berwarna kuning adalah warna font

Beberapa Icon bullet & numbering :

251
255
bullet_blue_arrow
bullet_error
plus-blue-saimoom
plus-green-saimoom
pp-icon-1
pp-icon-2
star_bullet
untuk melihat URL nya silahkan anda klik kanan kemudian copy link location

Last note


Silahkan anda modif dengan kreasi anda,Untuk Icon lainnya dapat anda cari sendiri di om google masih banyak kok . Jika anda masih kesulitan silahkan tinggalkan pesan anda di bawah komentar ini Semoga dapat membantu , mungkin anda juga ingin membaca mempercantik tampilan label tag cloud :c:
Referensi : Ujangyoyo.blogspot.com

Percantik tampilan kotak form komentar



mempercantik  form kotak komentar

Mempercantik tampilan form komentar agar terlihat lebih keren sangat lah gampang, jika sebelumnya saya menulis mengenai tutorial membuat komentar bertingkat biar lebih lengkap saya buatkan lagi tutorial mempercantik form komentar.
Buat yang belum tau apa atau yang mana kotak form komentar adalah sebuah teks area yang fungsinnya dimana kita memasukan teks komentar kita ketika ingin berkomentar, bagaimana caranya silahkan simak tutorial berikut :

Tutorial

  • Langkah awal login ke blog anda
  • kemudian dari dashboard menuju Template dan ke Edit Html
  • Cari kode ]]></b:skin> dengan menggunakan Ctrl+F
  • Jika sudah ketemu pastekan kode di bawah ini tepat di atas kode tersebut:

#fs-form iframe {background: url("https://lh4.googleusercontent.com/-URKl8OAgNyw/T38sjnx2BNI/AAAAAAAABbc/cO3u7xIDQpo/s128/11.png") repeat scroll 0 0 #FFFFFF; 
border: 1px solid #DDDDDD; 
border-radius: 6px 6px 6px 6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
color: #2F97FF; 
font: 12pt "ms sans serif",Arial; 
height: 214px !important; 
padding: 5px; 
width: 560px;}




  • Selanjutnya cari kode <div class='comment-form'>
  • Ganti kode <div class='comment-form'> (jika terdapat lebih dari satu kode seperti ini maka ganti seluruhnya) dengan kode di bawah ini


<div id='fs-form'>


  • Save template dan lihat hasilnya

KET :
  • Jika ingin mengganti backgroundnya silahkan anda ganti Kode yang bertanda biru dengan url gambar kesukaan anda
  • Untuk mengatur lebar form komentar lihat kode yang berwarna hijau silahkan di sesuaikan dengan template anda

Last note

Sekian tutorial mempercantik kotak form komentar ,Kalau anda memiliki kesulitan silahkan anda tulis di kotak komentar di bawah ini kali aja saya bisa membantu :c:

Tips membuat blog menjadi Seo Friendly



membuat blog menjadi seo friendly
Bagi anda yang ingin membuat Blog maupun Website ada beberapa hal yang harus diperhatikan,  salah satunya adalah agar blog mudah dicari di mesin pencari seperti  Google. Agar blog mudah dicari di Google maka diperlukan pengetahuan mengenai teknik Search Engine Optimization atau SEO khususnya teknik SEO Google atau SEO blog.

Setiap dari kita ingin agar blog kita tersebut mendapatkan response yang baik dan dikunjungi banyak orang melalui search engine terutama Google, maka SEO Google sangat diperlukan. Blog ini berisikan informasi tentang teknik Google SEO yang mendasar, sehingga blog yang anda hasilkan dapat menjadi SEO friendly dan terindex dengan bagus di Google.

Berikut adalah tips SEO sebelum dan setelah anda memulai membuat blog atau website agar SEO friendly:
  1. Yang terpenting adalah anda harus mempunyai fokus tema untuk apa membuat blog atau membuat website anda, sehingga content atau isi blog anda memiliki kualitas yang mumpuni. Jangan membuat blog yang fokusnya melebar .
  2. Jika anda mempunyai beberapa tema, membuat beberapa blog untuk tema-tema tersebut sangat disarankan. Intinya, usahakan membuat satu blog atau membuat satu website anda dengan tema yang spesifik.
  3. Usahakan konten atau artikel blog atau website anda seunik-uniknya dan berkualitas. Anda harus menulis atau membuat sesuatu yang fresh dan jarang blog atau website lain yang mempunyai kualitas isi yang sama.
  4. Jika anda meminta orang lain (webmaster) untuk membuat blog atau membuat website template anda, pastikan webmaster itu bahwa anda menginginkan blog atau website yang SEO friendly. Saya yakin webmaster akan mengerti hal ini.
  5. Jika anda akan menempatkan blog atau website anda di sebuah web hosting provider, pastikan kecepatan akses ke internetnya cepat karena salah satu algoritma Google untuk pencariannya adalah cepatnya akses ke blog atau website.
  6. Pelajari teknik SEO Google Dasar sebelum anda memulai membuat blog atau membuat website. Hal ini perlu karena melakukan SEO yang baik adalah melakukannya sebelum blog atau website dibuat. Anda dapat belajar SEO dasar di blog SEO Google ini.
  7. Pilihlah domain atau nama URL dan judul blog anda sesuai dengan tema blog atau website yang anda akan buat.
  8. Maksimalkan untuk menautkan artikel-artikel yang berhubungan satu sama lain dengan internal link.
  9. Cek broken link dari blog anda karena mesin pencari paling tidak menyukai adanya broken link.biasanya broken link paling banyak terdapat pada komentar,adabaiknya ubah settingan atribut link komentar menjadi nofollow
  10. Jangan menggunakan cara-cara membuat blog atau membuat website hanya copy dan paste (copas) content website lain karena Google akan menempatkan posisi anda jauh di daftar pencariannya (SERP).
  11. Jangan pernah berpikir instan kalau blog atau website anda akan dengan cepat dikunjungi banyak visitor dan menghasilkan uang dengan sekejap. Isi saja terus-menerus blog anda dengan cara membuat posting yang isinya berkualitas karena pengunjung akan kembali lagi jika mereka menemukan sesuatu yang menarik.
  12. Daftarkan blog anda di directory dmoz.org.
  13. Pasang widget Alexa pada blog anda untuk mengetahui rangking Web world
  14. Bersosialisasi dengan cara-cara melakukan share blog atau website anda melalui Facebook (jika bisa membuat Facebook Page untuk bisnis online di Facebook), Twitter, Digg atau blog walking (mengunjungi blog lain) dan memberikan komentar yang berkualitas di blog tersebut.
  15. Submit artikel anda di beberapa situs berita seperti lintas.me atau infogue.com
  16. Lakukan perubahan-perubahan teknik SEO Google yang diperlukan agar blog atau website anda Search Engine Optimization friendly.

Last note

Referensi cara membuat blog sudah banyak tersedia di internet yang sangat variatif. Mulai dari teknik cara membuat blog di Blogspot/Blogger sampai dengan WordPress. Dari teknik cara membuat blog sederhana sampai harus merubah tampilan melalui CSS. Bahkan ada cara membuat template atau theme blog. Setiap referensi cara membuat blog yang menjadi ide anda untuk anda terapkan ke blog, lebih baik cari dan bandingkan beberapa referensi agar anda mendapatkan hasil yang maksimal.
Mempercantik blog ketika membuat blog memang menjadi sesuatu yang menyenangkan. Biasanya akan banyak widget atau icon yang ditambahkan ke blog. Hal ini bisa menambah kekuatan SEO blog atau bisa juga memperlemah SEO blog. Mempercantik blog juga harus memperhatikan efek yang akan timbul.

Setelah membuat blog, mempromosikan blog juga harus dilakukan dengan cara dan metode yang wajar. Sekali lagi, jika anda menginginkan blog mudah dicari melalui search engine seperti Google, maka teknik SEO adalah teknik yang harus dipelajari dan diimplementasikan ke dalam blog. Oleh karena itu cara-cara membuat blog yang SEO friendly agar blog mudah dicari di search engine menjadi suatu keharusan.

Membuat Live link di komentar menjadi nofollow



no follow link comment

Link hidup atau pun juga Link Open Id dari komentar blog sering sekali terdapat pada kotak komentar kita apalagi sebuah blog yang ramai pengunjung dan komentar pasti semakin banyak mendapat Live link maupun open id.

Biasanya para pengunjung yang berkomentar khususnya dari blogger maupun situs web lain berkomentar dalam upaya untuk mendapatkan backlink dari kita,permasalahannya adalah jika link tersebut yang di pasang mereka error atau sudah mati mengakibatkan blog kita mendapatkan broken link ,Sedangkan Google sendiri paling tidak menyukai dengan sebuah blog atau web yang memiliki broken link sehingga SEO blog kita pun menjadi menurun.

Sebenarnya tak hanya untuk blog permasalahan ini pun juga bisa di dapatkan dari wordpress maupun platform web lainnya, Jika link dari komentar tersebut bersifat nofollow masih mending yang artinya blog kita melarang mesin pencari untuk menelusuri link tersebut melainkan hanya mengindeks isi komentar saja.

Secara Default Settingan komentar kita pada Live link ataupun Open ID bersifat DOFOLLOW , yang artinya mengizinkan mesin pencari seperti google untuk mengcrawl dan mengindek Livelink tersebut,tetapi jika livelink tersebut sudah mati ayaupun error sehingga mengakibatkan Broken link. Lalu bagai mana cara membuat Link di komentar menjadi nofollow ??

Tutorial


  • Masuk ke Akun BLog anda kemudian menuju Template > Edit HTML
  • Kemudian temukan kode yang seperti di bawah ini :
expr:href='data:post.createLinkUrl'
  • JIka sudah ketemu silahkan anda ganti dengan kode di bawah ini :
rel='external nofollow' expr:href='data:post.createLinkUrl'
  • Save template

Last note


Kini Komentar blog anda sudah bersifat nofollow , anda dapat mencheck berapa banyak broken link pada blog anda di situs – situs penyedia layanan tersebut , cari saja di google banyak , saya kira itu saja dulu yang dapat saya sampaikan terimakasih atas kunjungannya :c:mungkin anda juga ingin membaca cara membuat komentar facebook dan blog berdampingan

Modifikasi Label cloud menjadi Full color



label


jika sebelumnya saya share mengenai cara membuat label animasi flash, kali ini saya share lagi tetapi dalam bentuk atau style yang berbeda?? tampilannya lebih simple dan dinamis, jika label animasi flash yang saya bagi sebelumnya label tag cloudnya hanya satu warna kali ini saya variasi menjadi berwarna warni,sehingga warna tag labelnya berbeda-beda.

Berikut kode CSS yang di pakai

/**Fullcolor Label By http://fendevils.blogspot.com**/
#Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 5px 0}
#Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}
#Label1 .label-size {margin:4px 0;}
#Label1 .label-size span {background:#E95D0C;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#ff8c00;font-size:11px;}
#Label1 .label-size-2 a {background:#556b2f;font-size:13px;}
#Label1 .label-size-3 a {background:#cd5c5c;font-size:14px;}
#Label1 .label-size-4 a {background:#B32A32;font-size:16px;}
#Label1 .label-size-5 a {background:#66CC00;font-size:18px;}
#Label1 .cloud-label-widget-content span a:hover {background:#B32A32;}

Tutorial

  1. Login Ke blog anda kemudian dari menu dashboard pilih Template /rancangan
  2. cari kode ]]></b:skin> Gunakan Ctrl+F pencarian cepat,kemudian Copy dan letakan kode CSS tersebut di atasnya
  3. Klik save dan lihat hasilnya

KETERANGAN

Silahkan anda ganti kode yang saya beri tanda warna merah dengan kreasi anda sendiri

Last note

Kode dan tutorial diatas saya dapatkan dari beberapa blog teman dan Tutorial diatas saya rasa sudah cukup detail , jika anda masih kesulitan silahkan berikan pertanyaan anda di kotak komentar di bawah ini ..open your mind and keep blogging :c:
Back to Top