Showing posts with label pencarian. Show all posts
Showing posts with label pencarian. Show all posts

Friday, February 10, 2017

Cara Jitu Edit Template Agar Juara 1 di Pencarian Google

Cara Jitu Edit Template Agar Juara 1 di Pencarian Google


Cara Jitu Edit Template Agar Juara 1 di Pencarian Googlesebuah artikel baru mengenai bagaimana cara kita untuk mengubah template kita menjadi SEO Friendly. Kebanyakan dari template  yang anda gunakan belum maksimum dikategorikan seo. Jadi ada beberapa faktor yang mempengaruhi yakni sebagai berikut :

Cara Jitu Edit Template Agar Juara 1 di Pencarian Google


1. Title SEO Friendly
Jadi anda harus memperhatikan apakah title pada blog anda sudah seo friendly, nah jika belum kita akan menerapkan title seo friendly menurut Tim Kontes yakni  Cari kode dibawah ini pada dalam template sobat:

 <title><data:blog.pageTitle/></title>
kemudian gantikan dengan title SEO Versi Tim kontes sebagai berikut :
     <!-- SEO Title Tag -->
    <b:if cond=data:blog.url == data:blog.homepageUrl><title><data:blog.title/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;item&quot;><title><data:blog.pageName/> | <data:blog.title/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;archive&quot;><title>Archive for <data:blog.pageName/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;static_page&quot;><title><data:blog.pageName/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;index&quot;><b:if cond=data:blog.searchLabel><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
    <b:if cond=data:blog.pageType == &quot;error_page&quot;><title>Page Not Found</title></b:if>
    <b:if cond=data:blog.pageType == &quot;index&quot;><b:if cond=data:blog.url != data:blog.homepageUrl><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>

2. Meta Tag SEO Friendly 
nah setelah anda sudah menganti title seo friendly anjuran dari kami maka kita akan lanjut ke sesi lainnya yakni dalam sebuah blog meta tag seo sangat diperlukan untuk itu silahkan ganti meta tag anda menggunakan meta tag seo berikut: 

 <!-- SEO Meta Tag -->
<b:if cond=data:blog.homepageUrl == data:blog.url><meta expr_content=data:blog.title name=keywords/></b:if>    
<b:if cond=data:blog.pageType == &quot;item&quot;><meta expr_content=data:blog.pageName name=keywords/></b:if>
<b:if cond=data:blog.pageType == &quot;index&quot;><b:if cond=data:blog.searchLabel><meta content=noindex,nofollow name=robots/></b:if></b:if>
<b:if cond=data:blog.pageType == &quot;archive&quot;><meta content=noindex,nofollow name=robots/></b:if>
<b:if cond=data:blog.isMobile><meta content=noindex,nofollow name=robots/></b:if> 
3. Tag Heading Dinamis
Setelah anda sudah  menerapkan dua langkah datas maka langkah selanjutnya menerapkan tag heading dinamis pada blog anda dengan cara cari kode berikut :

        <b:widget id=Header1 locked=true title=SEO (Header) type=Header>
          <b:includable id=main>

  <b:if cond=data:useImage>
    <b:if cond=data:imagePlacement == &quot;BEHIND&quot;>
      <!--
      Show image as background to text. You cant really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we dont force a minimum
      width if the user is using shrink to fit.
      This results in a margin-widths worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond=data:mobile>
          <div id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        <b:else/>
          <div expr_style=&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot; id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id=header-inner>
        <a expr_href=data:blog.homepageUrl style=display: block>
          <img expr_alt=data:title expr_height=data:height expr_id=data:widget.instanceId + &quot;_headerimg&quot; expr_src=data:sourceUrl expr_width=data:width style=display: block/>
        </a>
        <!--Show the description-->
        <b:if cond=data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;>
          <b:include name=description/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id=header-inner>
      <div class=titlewrapper>
        <h1 class=title>
          <b:include name=title/>
        </h1>
      </div>
      <b:include name=description/>
    </div>
  </b:if>
</b:includable>
          <b:includable id=description>
  <div class=descriptionwrapper>
    <p class=description><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id=title>
  <b:if cond=data:blog.url == data:blog.homepageUrl>
    <data:title/>
  <b:else/>
    <a expr_href=data:blog.homepageUrl><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>

untuk memudahkan anda mencari kode diatas silahkan anda ketikkan satu kata saja yakni header1 atau yang bertuliskan warna merah diatas kemudian gantikan menggunakan kode dibawah ini:
       <b:widget id=Header1 locked=true title=Simple SEO (Header) type=Header>
        <b:includable id=main>

  <b:if cond=data:useImage>
    <b:if cond=data:imagePlacement == &quot;BEHIND&quot;>
      <!--
      Show image as background to text. You cant really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we dont force a minimum
      width if the user is using shrink to fit.
      This results in a margin-widths worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond=data:mobile>
          <div id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        <b:else/>
          <div expr_style=&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot; id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id=header-inner>
     <b:if cond=data:blog.pageType != &quot;item&quot;>
    <b:if cond=data:blog.pageType != &quot;static_page&quot;>
            <h1 style=text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;><b:include name=title/></h1>
          </b:if>
  </b:if>
        <a expr_href=data:blog.homepageUrl style=display: block>
          <img expr_alt=data:title expr_height=data:height expr_id=data:widget.instanceId + &quot;_headerimg&quot; expr_src=data:sourceUrl expr_width=data:width style=display: block/>
        </a>
        <!--Show the description-->
        <b:if cond=data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;>
          <b:include name=description/>
    <b:if cond=data:blog.pageType != &quot;item&quot;>
      <b:if cond=data:blog.pageType != &quot;static_page&quot;>
              <h1 style=text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;><b:include name=title/></h1>
      </b:if>
    </b:if>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id=header-inner>
      <div class=titlewrapper>   
        <b:if cond=data:blog.pageType != &quot;item&quot;>
    <b:if cond=data:blog.pageType == &quot;static_page&quot;>
             <p class=title><b:include name=title/></p>
     <b:else/>
       <h1 class=title><b:include name=title/></h1>
     </b:if>
  <b:else/>
          <p class=title><b:include name=title/></p>
  </b:if>
     <b:include name=description/>
      </div>
 </div>
  </b:if>
</b:includable>
<b:includable id=description>
  <div class=descriptionwrapper>
    <p class=description><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id=title>
  <b:if cond=data:blog.url == data:blog.homepageUrl>
    <data:title/>
  <b:else/>
    <a expr_href=data:blog.homepageUrl><data:title/></a>
  </b:if>
</b:includable>
      </b:widget>
nah, setelah tag heading dinamis sudah anda terapkan maka lanjut ke langkah selanjutnya, jadi langkah masih ada lagi dimana kita akan menggantikan heading dari judul postingan dengan cara silahkan anda cari kode berikut :
     <b:if cond=data:post.title>
      <h3 class=post-title entry-title itemprop=name>
      <b:if cond=data:post.link>
        <a expr_href=data:post.link><data:post.title/></a>
      <b:else/>
        <b:if cond=data:post.url>
          <b:if cond=data:blog.url != data:post.url>
            <a expr_href=data:post.url><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>
Available link for download

Read more »

Thursday, January 19, 2017

Cara Daftar Submit Artikel Blog agar tampil di hasil pencarian google

Cara Daftar Submit Artikel Blog agar tampil di hasil pencarian google


Cara Daftar/Submit blog/artikel agar tampil di hasil pencarian google

Cara Daftar/Submit blog agar tampil di hasil pencarian google
Hallo sob, apa kabarnya? ngomong-ngomong selamat hari raya Idul Adha 1434 Hijriyah ya. Kebetulan ane posting pas hari lebaran haji nih :) hehe pokoknya mohon maaf lahir dan batin ya jika Uman punya salah yang disengaja ataupun tidak disengaja :) Semoga semua amal ibadah kita diterima oleh Allah SWT. Amiiiinnn...

Okey, sekarang harus semangat posting lagi sob. Kebetulan beberapa hari yang lalu ada seorang teman ane yang minta tutorial cara agar blognya terdaftar di hasil pencarian google. Nah, kali ini uman akan mencoba berbagi tutorial tentang bagaimana cara agar blog kita tampil di hasil pencarian google secara cepat :) Tapi,,, ini hanya untuk yang belum tahu saja ya. Karena ini adalah cara yang tidak sulit dan pasti teman2 yang udah master udah pada tau dan gak mungkin tertarik membaca postingan ini. hehe Betulll??? yang belum tau, Lanjuuuutttt!!!

Jika seseorang atau orang banyak mengetikkan kata kunci di google, kemudian salah satu artikel blog kita tampil di urutan pertama atau sepuluh besar hasil pencarian google, tentunya itu merupakan kebanggaan tersendiri ya. Berarti itu tandanya blog kita sudah menempati posisi yang cukup bagus dan dinilai berkualitas oleh google, dan tentunya hal ini akan berpengaruh juga terhadap pengasilan kita :) Namun apakah segampang itu untuk mencapainya? ada cara-cara tertentu lho agar blog kita tampil di hasil pencarian google, apalagi tampil di urutan pertama, tentunya harus punya skill yang disebut dengan ilmu SEO(Search Engine Optimization). Nah, lalu bagaimana caranya agar blog kita bisa muncul di hasil pencarian google? ya walaupun hanya tampil di urutan seratus keatas. hehehe tapi semua perlu proses agar makin lama makin naik menjadi urutan pertama :)


Langsung saja dah ke inti permasalahannya yaitu cara mendaftarkan blog atau artikel kita ke google agar tampil di hasil pencarian google, sebagai berikut:

Setelah kamu membuat artikel, copy link-nya, kemudian lakukan langkah2 berikut:
  • Buka link : https://www.google.com/webmasters/tools/submit-url?q&dq&submit=Tambah+URL
  • Kemudian paste link yang tadi dicopy ke kolom yang ada di gambar siatas yang nomor 1.
  • Ketikkan karakter2 yang muncul di gambar di kolom nomor 2 seperti gambar diatas.
  • Terakhir klik tombol Submit Request.
  • Selesai...
Nah, mudah kan? setelah itu apa? hehe Tunggu saja beberapa menit atau beberapa jam, kemudian jika kamu penasaran dan ingin mengecek apakah artikel kamu udah ada di pencarian google, lakukan langkah2 berikut ini:
  • Buka www.google.com
  • Ketikkan: site:blogkamu.blogspot.com
  • Ubah nama blog yang diwarnai merah diatas dengan url blog punya kamu. contohnya: site:coretan-uman.blogspot.com
  • Tekan Enter
  • Maka akan muncul url2 blog kamu, dan disana bisa dilihat artikel2 apa saja yang sudah ada di database google :)
  • Selamat mencoba dan semoga berhasil :)
Keywords: submit blog google, free submit blog, blog directory, submit blog post, technorati submit blog, submit blog url, cara submit blog, submit blog directory, submit your blog, submit blogs, blog directory, cara submit blog, free submit blog, submit blog directory, submit blog google, submit blog post, submit blog url.


Available link for download

Read more »

Sunday, October 9, 2016

Cara Memasang Kotak Pencarian Search Box di Blog

Cara Memasang Kotak Pencarian Search Box di Blog


Cara Memasang Search Box atau Kotak Pencarian di Blog,- Kotak Pecarian atau Search Box adalah sebuah kotak yang digunakan untuk mencari informasi atau artikel lain pada sebuah Wesite atau Blog. Kotak ini sangat bermanfaat pada blog atau Website yang memiliki banyak artikel karena mungkin informasi yang dibutuhkan pengunjung terdapat di blog tersebut. oleh karena itu Search Box sangat berguna di sebuah Blog/Website.

Search Box Sendiri tidak semua template mempunyainya, karena biasanya banyak template yang kita download dari internet atau dari bawaan blogger tidak langsung ada. namun sebenarnya blog berplatform blogger sudah menyediakanya tinggal kita cari dan pasang pada menu Tata letak. walaupun sudah disediakan, banyak blogger yang kurang menyukainya karena tampilanya yang kurang bagus. oleh karena itu banyak yang mencari kode pemasangan dari internet.

Nah berhubungan dengan Search Box atau Kotak Pencarian, disini saya juga akan membagikan tutorial mengenai memasang Search Box di blog. yang saya khususkan bagi anda-anda semua yang ingin memasang kotak pencarian di blog anda yang masih belum ada Search Box. Ok langsung saja berikut Tutorialnya,

Cara Memasang Kotak Pencarian (Search Box) di Blog


1. Pertama silahkan Masuk ke Akun Blogger - Template dan Edit HTML

2. Kemudian Silahkan cari kode ]]</b:skin>, Gunakan CTRL+F untuk mempermudah pencarian.

3. JJika sudah ketemu selanjutnya silahkan Copy kode CSS dibawah ini dan Paste tepat diatas kode ]]</b:skin>.

/* Search Box by Espada Blog
----------------------------------------------- */
#search-box{
position: relative;
border: 1px solid #ddd;
margin: 5px auto;
}
#search-form{
height: 30px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fff;
overflow: hidden;
}
#search-text{
color: #ccc;
border-width: 0;
}
#search-box input[type="text"]{
width: 100%;
padding: 7px 0 7px 7px;
outline: none;
}
#search-button{
position: absolute;
top: 0;
right: 0;
height: 30px;
margin: 0;
text-align: center;
line-height: 0;
border-width: 0;
background: whitesmoke;
cursor: pointer;
font-size: 12px;
font-weight: bold
}

4. Terakhir Simpan Template.

Langkah selanjutnya adalah memunculkan Kotak Pencarian (Search Box) di Widget Blog, untuk caranya bisa dilihat dibawah ini.

5. Selanjutnya Masuk ke Tata Letak - Tambahkan Gadget lalu Pilih HTML/Java Script.

6. Selanjutnya silahkan kasih judul atau tidak dikasih juga tidak apa-apa lalu masukkan kode CSS dibawah ini pada bagian kolom HTML.

<div id=search-box>
<form action=/search id=search-form method=get target=_top>
  <input id=search-text name=q onblur=if (this.value == &quot;&quot;) {this.value = &quot;Search..&quot;;} onfocus=if (this.value == &quot;Search..&quot;) {this.value = &quot;&quot;} type=text value=Search../>
  <button id=search-button type=submit>GO</button>
</form>
</div>

7. Terakhir Tinggal Simpan.

Panjang Search Box di atas akan menyesuaikan ukuran widget pada blog anda, oh ya hampir lupa search box diatas kodenya saya ambil dari Template Premium Speed up. sekian tutorial blog yang dapat saya bagikan dan Terima kasih.


Available link for download

Read more »