Cara Mengecek Kualitas Meta Tag Blog Kita

Setia Share - Cara Mengecek Kualitas Meta Tag Blog Kita - Sekarang lagi marak-maraknya belajar tentang Seo, nah sekarang saya akan mengulas tentang kualitas Meta Tag Kita, Apakah Meta Tag Kita Sudah pada bagus atau berkualitas maupun yang kurang. Sekarang ikuti cara berikut:
  • Pergi Ke http://www.seocentro.com/tools/search-engines/metatag-analyzer.html
  • Masukan Alamat Blog Sobat, Misal  http://setia-share.blogspot.com/.
  • Ganti Spider Robots seperti gambar yang diatas tadi.
  • Masukan User Agent. Isi Terserah Sobat. 
  • Klik Sumbit nanti akan terlihat Analisis Blog Sobat. Seperti Gambar Dibawah ini.


Semoga Bermanfaat.

Cara Membuat Header melayang Dengan Search Box di Blog

Cara Membuat Header melayang Dengan Search Box di Blog

Setia Share - Cara Membuat Header melayang Dengan Search Box di Blog - kali ini saya +helmi junior akan ngeshare tentang Tutorial Blogger, yaitu membuat header melayang plus search box di blog, seperti demo yang diatas blog ini, menu ini tetap melayang walaupun discroll kebawah, langsung saja ini tutorialnya.

Cara Membuat Header melayang Dengan Search Box di Blog

  • Buka Blogger.com
  • Masuk ke bagian Template -> Edit Html.
  • Masukan kode berikut dibawah kode]]></b:skin>
#ss_floating_menu{background: #fff;height:70px;width:100%;min-width:970px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:2px solid #48d;}
#ss_floating_menu ul{list-style: none;margin:0 auto;width:970px;}
#ss_floating_menu ul li{float:left}
#_floating_menu ul li a{line-height:37px;padding:0 15px;color:#f0e8e5;font-size:13px;font-family:Arial, sans-serif;text-shadow:0px -1px 0px #0f669f;display:block;text-decoration:none;}
.menusearch{width:200px;float:right;margin:0 auto;padding:4px 15px 0 0;}
.searchform {margin-top:17px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;border:1px solid #ddd;}
.searchform input {font:normal 12px Arial;color: rgb(153, 153, 153);line-height:23px;height:23px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0}
  • Kemudian masukan kode diberikut ini tepat dibawah kode </head>.
<div id='ss_floating_menu'>
<ul>
<div class='menusearch'>
<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search here....'/>
<input class='searchbutton' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg442r3CeV9YyBGQ3ljzglZmFzyKWQEtSKNVQ-fw1VITm-X6Gc3-FGDgmz2HJb7Uc3om5qGKeV8yUOg1jcJ7ziJULoojpv-1CzOY_4gp-a3LemPnV_Vqbnpy5xURrbkdQ9CWtSAbovNhVY/s24/search.png' style='cursor:pointer;vertical-align:top' type='image' value='Go'/>
</form>
</div>
  <li><a href='http://nama-blog.blogspot.com/'><img alt='Home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTIBU90F3_y0Q5WbHhZEoYH10WJ2BcR0sZfH307zrmTQnHitM2NrlVWGvPiBh2K_jeUUof8d51nEomrMeUpw4fokqgJkuG5otZYuWCu6nUUoZA6zixMuPT9nxqw71xwb1jobbLnSHHNxij/s1600/Setia+Share+Logo.jpg' style='padding-top:5px;padding-left:10px;'/></a></li></ul>
</div>
  • Simpan Template Sobat.
Notes : 
ganti "http://nama-blog.blogspot.com/" dengan nama blog sobat.
ganti "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTIBU90F3_y0Q5WbHhZEoYH10WJ2BcR0sZfH307zrmTQnHitM2NrlVWGvPiBh2K_jeUUof8d51nEomrMeUpw4fokqgJkuG5otZYuWCu6nUUoZA6zixMuPT9nxqw71xwb1jobbLnSHHNxij/s1600/Setia+Share+Logo.jpg" dengan gambar blog sobat.

Selamat berkreasi, terima kasih sudah membaca Cara Membuat Header melayang Dengan Search Box di Blog, jika ada kejanggalan pada artikel diatas silahkan tanyakan pada kolom komentar. Semoga Bermanfaat.

Cara Membuat Artikel Info di Blog

Cara Membuat Artikel Info di Blog
Setia Share - Cara Membuat Artikel Info di Blog - Saya +helmi junior Akan ngeshare artikel tentang Cara Membuat Artikel Info di Blog, widget tersebut sudah saya pasang. Jika ingin Demonya lihat dibawah artikel. hehe. Silahkan ikuti tutorial berikut.

  • Login ke Blogger.com
  • Masuk Bagian Template/Layout. Cari kode ]]></b:skin>
  • Masukan kode berikut diatas kode ]]></b:skin>
 .artikel-info{margin:6px 0 0;border:2px solid #4488dd;background:#fff;overflow:hidden;}
.thumb-info{float:left;margin:0 8px 0 0;width:80px;height:100px !important;}
.artikel-info h4{
background:#4488dd;
border:none;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.artikel-info img{
background:#4488dd;
width:90px;
height:90px;
border:1px solid #4488dd;
margin:5px 10px 5px 5px;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
  • Jika sobat sudah melakukan tahap sebelumnya. sekarang cari kode <data:post.body/> (  yang kedua ). Letakkan Kode Berikut di Bawah kode yang diatas.
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='artikel-info' itemprop='description'>
   
    <b:if cond='data:post.firstImageUrl'><h4>Artikel Info</h4><img class='thumb-info' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></b:if>
 
      <b>Title</b> : <span itemprop='itemreviewed'><data:blog.pageName/></span><br/>
      <b>Description</b> : <b:if cond='data:post.snippet'><data:post.snippet/></b:if><br/>
      <b>Rating</b> : <span itemprop='rating'>4.5</span><br/>
      <b>Penulis</b> : <b:if cond='data:post.author'><data:post.author/></b:if>
    </div>  </b:if> 
  • Selesai.
Tidak terasa saya ada di akhir artikel ini. jika ada masalah langsung tanyakan di kolom komentar. Terima kasih sudah membaca Cara Membuat Artikel Info di Blog dan. Semoga Berhasil

Cara Melakukan Seo Off Page Dengan Tepat di Blog


Cara Melakukan Seo Off Page Dengan Tepat di Blog
Setia Share - Cara Melakukan Seo Off page Dengan Tepat di Blog - melanjutkan artikel sebelumnya tentang Seo On page, Sekarang saya akan mengulas tentang Seo Off page, Kunci utama terletak pada proses Seo Off page, Mengapa?. Karena Seo Off page memiliki peran hingga 80%, sedangkan yang 20% dimiliki Seo On page. Berikut Langkah-langkah melakukan seo off page, perhatikan kutipan berikut.

  • Social Media
Promosikan Blog Sobat Melalui Social Media Seperti: Facebook, Twitter, dengan mempromosikan blog sobat ke social Media, nanti pengunjung akan datang ke blog sobat.
  •  Mencari Backlink
Saya yakin bahwa setiap situs website atau blog yang memiliki backlink banyak hampir semuanya ramai, tapi ada juga yang tidak. Itu disebabkan karena backlink yang dia miliki, dia buat sendiri artinya backlink yang dia miliki adalah hasil dia sendiri. Semakin banyak Backlink Berkualitas yang menuju ke blog kita, maka akan sangat besar pengaruhnya terhadap SERP yang kita inginkan dari search engine
  •  Sumbit blog ke Web Directory
Menyumbit blog sobat ke web directory, juga memperoleh backlink, Web Directory Tersebut dapat menampung link-link sobat dan diletakan kedalam kategori-kategori yang sudah ditentukan oleh Web Directory Tersebut, Jadi intinya kita dapat link balik pada web directory tersebut.
  •  Aktif Di Forum
Forum merupakan tempat yang paling efektif untuk mendapatkan traffic, salah satu caranya adalah kita post komentar pada thread yang orang buat dan kita tinggalkan signature yang diberi link ke website kita, thread harus sesuai dengan bahasan blog kita dan signature yang diberikan merupakan kata kunci yang kita pilih.
Terima kasih sudah membaca artikel Cara Melakukan Seo Off Page Dengan Tepat di Blog, jika sobat ingin nambahin jangan sungkan-sungkan pada kolom komentar, Semoga Bermanfaat.

Fanspage

Back to top

Mengenai Saya

Aizzan AFaniefGt
Hai sobat, saya HelmiJunior. Saya seorang manusia yang suka berbagi dan suka bersahabat, saya ingin belajar tentang mendesain blog.
/Non-aktif link pada komentar/