Memasang Microformats di Daftar Link

Memasang Microformats di Daftar Link adalah sebuah trik SEO On Page yang menyebutkan bahwa link yang diberi penjelasan. Microformat ini digunakan sebagai cara memberitahukan kepada search engine untuk lebih mendekatkan atau memperjelas tentang blog kita. Microformats ini dapat digunakan sebagai langkah kita mengenalkan siapa penulisnya, siapa teman kita, apa produk kita, dll.  Sebagai contoh saya ambilkan referensi tentang microformats berikut ini :

hCard adalah sederhana, terbuka, format yang didistribusikan untuk mewakili orang-orang, perusahaan, organisasi, dan tempat, dengan menggunakan representasi 1:1 dari vCard ( RFC2426 ) properti dan nilai-nilai dalam semantik HTML atau XHTML . hCard adalah salah satu dari beberapa terbuka microformat standar yang cocok untuk diimbuhkan dalam HTML, XHTML, Atom, RSS, dan XML sewenang-wenang.

Microformats ini digunakan juga saat kita Memasang Rich Snippets di Blogspot. Di sana ada beberapa kode yang jarang kita jumpai yaitu (fn). Nah Microformat ini yang digunakan sebagai Author atau penulis. Nah tujuan memasang microformats di daftar link ini yaitu sebagai identifikasi ke search engine siapa saja teman di blog kita.

Jika masih belum paham, silakan lihat view blog ini melalui Webmaster Tools RST dan lihat di bagian bawah judul blog. Maka akan terlihat siapa saja daftar teman blog ini. Klik link di bawah ini :

Webmaster Tools - Rich Snippets Test : Sejutatrik.blogspot.com

Gimana teman? Pengen juga seperti itu? Dari beberapa artikel, ada yang mengatakan penambahan microformat di blogroll atau daftar teman akan mendatangkan banyak pengunjung. Ada yang mengatakan bahwa microformat ini penting untuk prioritas blog kita tampil di urutan pertama serach engine.

Nah sekarang cara pemasangannya :
Masuk ke Dasboard dan ADD Element. Masukkan kode berikut :

<ul>
  <li class="vcard">
    <a class="fn url" href="http://davidwalsh.name" rel="friend">David Walsh</a>
  </li>
  <li class="vcard">
    <a class="fn url" href="http://casedogdesigns.com" rel="friend colleague met">Casey Watson</a>
  </li>
</ul>

Silakan masukkan kode di atas dan masukkan ke dalam HTML add element seperti biasa. Silakan tambahkan sendiri jika lebih dari 2. Jika sudah hapus blogroll sahabat dan gantikan dengan blogroll atau daftar teman yang sudah diberi microformats tersebut. Nah selesailah sudah memasang microformats di daftar link/ blogroll. Semoga lebih meningkatkan kualitas blog kita.

Berikut ini adalah daftar blog link dan sebutan sahabat saya (Kalau salah atau kurang tepat memberi  sebutan/julukan, mohon dimaafkan ya!)

1. Iskaruji dot Com | Advantageous Contents and Not Arrogant Author
2. Farixantips | Wonderfull CSS Tutorial
3. Home Design Ideas | Ideas to Managing Life from House
4. Tutorial Blogger | Totality Tips and Tutorial Blogspot
5. Changelate dot Com | Full Tips Blogging and Info
6. Tutorial Blogspot | Fantastic Tips Blogging
7. Mbah Qopet | Amazing Blogazine
8. Sastra Blog | Do With The Word


Sumber lebih lengkap bisa lihat di :
Microformats hChard
Eriwen.com

Happy Blogging! by. Sejuta Trik Blogger

Membuat Komentar Lightbox

Membuat Komentar Lightbox dengan Jquery ini memang jarang digunakan oleh kebanyakan blogger. Dikarenakan dapat menimbulkan error di Google web Master Tool. Akan tetapi tampilan akan semakin memancing orang untuk berkomentar di blog kita.

Sejuta trik tidak menjamin dengan membuat komentar lightbox di blogger akan menambah trafik atau membuat banyak pengunjung. So semua terserah pada sahabat semua. 

Bagi yang belum tahu apa itu lightbox, bisa berkunjung di Cara membuat Lightbox dengan Jquery. Jika sudah membaca? Sekarang sebagai contoh membuat komentar lightbox ini.

Lihat gambar di atas! Bagaimana sahabat? itulah yang disebut komentar lightbox dengan Jquery. Mau membuatnya?

Baiklah, kita mulai saja pembahasan tentang membuat komentar lightbox ini. Kometar lightbox ini menggunakan jquery sebagai dasar pembuatannya. Silakan lakukan dengan runtut langkah-langkah  berikut :

Langkah 1: Pemasangan CSS

Copy dan Paste kode di bawah ini :


#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;background:#111;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;vertical-align:middle;margin:0;padding:0;}
#superbox{background:#fff;border:5px solid #ca1717;margin:0 auto;padding:10px;}
#superbox-container .loading{text-align:center;width:32px;height:32px;text-indent:-9999px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy4ljHYTSrY-GheRNAil91IBLGMA_cyBx7suVT-WFoJTsrQ1jtdLYiE8gRBPUHCuYjhATXbsBxPopk3azsztcQrbH5opjD6aB5oPGznAVJF5X0kIIHWQSGGnjl_UkroX203g7FQydljaPI/s320/loader.gif) no-repeat 0 0;margin:0 auto;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight+'px':document.body.offsetHeight+'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0-parseInt(this.offsetHeight/2) 0 (document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) 0 px);}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close a{float:right;line-height:20px;background:#333;cursor:pointer;padding:0 5px;}
#superbox .close a span{color:#fff;}
#superbox .nextprev a{float:left;margin-right:5px;line-height:20px;background:#333;cursor:pointer;color:#fff;padding:0 5px;}
#superbox .nextprev .disabled{background:#ccc;cursor:default;}
.author-comments{color:#0000ff;background:#ffffff;border:2px solid #0000ff;padding:3px;}
.status-msg-wrap,.feed-links,.comment-form{display:none;}
.post a:hover img,#searchform #s:focus{border:1px solid #999;}
#comments-block .comment-author,.profile-datablock{margin:.5em 0;}
:first-child+html #superbox-container,* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
:first-child+html #superbox,* html #superbox{position:relative;top:-50%;display:block;}

Letakkan kode tersebut di atas ]]></b:skin>

Untuk kode aslinya anda bisa melihat sumber di Official Websitenya Superbox : Jquery Superbox

Dalam web tersebut sudah memuat javascript, jquery dan CSS yang digunakan untuk memanipulasi atau menampilkan efek lightbox pada form. Kita fokuskan pada kotak komentar.

Langkah 2: Menampilkan Link Komentar

Yang perlu kita lakukan adalah membuat sebuah link yang berfungsi menampilkan <div>#comment-form (Pemanggilan form kotak komentar) dalam bentuk modal Lightbox. Pertama-tama, carilah kode berikut ini:

<dl id='comments-block'>

        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

kemudian tambahkan kode

<a href='#comment-form' rel='superbox[content][400x420]'>TINGGALKAN KOMENTAR</a>

Gunakan ukuran modal box yang sesuai. Pada kode di atas, [400x420] berarti modal box yang ditampilkan berukuran panjang 400px dan lebar 420px. (Kode ini menampilkan ajakan untuk berkomentar). Kalau diblog saya berupa gambar bertuliskan "Klick here to leave comment" Kemudian tambahkan kode tersebut tepat setelah kode:

</b:loop>

Langkah 3: Pemasangan Script Lightbox
Kemudian pasang javascript berikut di bawah </head> atau di atas </body> terserah sahabat mau memasang di mana.

<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/>
<script src='http://viemonsta.googlecode.com/files/dev_mobile_for_blogger.js' type='text/javascript'/>
<script src='http://viemonsta.googlecode.com/files/devbook.js' type='text/javascript'/>
<script src='http://viemonsta.googlecode.com/files/jquery.superbox-min.js' type='text/javascript'/>

Catatan :
a. Jika kalian sudah memasang kode no 1, di hapus saja kode tersebut.
b. Kode JS tersebut sudah terpasang berbagai macam fungsi, seperti JS Back to Top, Mobile Template, dll.
c. Untuk di blog ini, saya hanya mengaktifkan superbox on form. Jadi pergunakan dengan sebaik-baiknya!

Langkah 4 : Menyembunyikan Kotak Komentar (Comment Form)

Jika sudah simpan template sobat. Jika semua berjalan dengan baik dan sudah bisa digunakan, langkah terakhir adalah menyembunyikan kotak komentar. Langkah ini adalah langkah yang paling sulit. Untuk komentar yang sudah dimodifikasi kadang perlu ketelitian. Gunakan dengan cara yang saya berikan di Cara Menyembunyikan Kotak Komentar 2. Lihat hasilnya dan semoga dalam membuat komenta lightbox sukses dan berjalan dengan baik. Jika ada kendala malasah efek lightbox pada komentar blogspot, Silakan tinggalkan pesan!

Happy Blogging! by. Sejuta Trik Blogger

JS Code by : www.Devbook.net

Menyembunyikan Kotak Komentar 2

Menyembunyikan kotak komentar 2 adalah menyembunyikan form isian yang biasanya ada di bawah kotak posting. Menyembunyikan kotak komentar 2 ini berfungsi untuk mengganti dengan kotak komentar yang lebih menarik.

Menyembunyikan kotak komentar 2 ini adalah kelanjutan dari posting Menyembunyikan kotak komentar pada posting tertentu. Cara ini berbeda fungsi dengan posting saya yang terdahulu. Tujuan dari menyembunyikan kotak komentar ini adalah :

1.  Menyembunyikan kotak isian untuk berkomentar (comment form)

2. Walaupun kotak komentar disembunyikan tetapi masih menampilkan komentar pengunjung.

3.  Merapikan halaman posting dari form komentar itu sendiri. Sebagai contoh blog saya ini.

Untuk lebih jelasnya tentang menyembunyikan kotak komentar 2 ini, lihat gambar di bawah ini

OK, langsung saja kita praktek.

Cara 1 

Cari kode berikut ini  dan hapus

<p class='comment-footer'>

        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>
   
 </p>

Cara 2 

Kita hanya menambah CSS kedalam blog kita. Seperti yang kita tahu bahwa CSS untuk kotak komentar adalah #comment-form atau .comment form { silakan disesuaikan. 

Cari kode CSS komentar blog dan pastekan kode berikut :

#comment-form {
display:none;
}

atau

.comment-form {
display:none;
}

Jika anda bingung, pastekan saja di atas ]]></b:skin>

Untuk cara no.1 memang kotak komentar sudah tersembunyi, tetapi untuk kelanjutannya, pengunjung tidak akan bisa berkomentar lagi. Saya menyembunyikan kotak komentar ini untuk memasang lightbox pada kotak komentar di blog ini. So, tentukan pilihan sahabat untuk tujuan apa kalian menyembunyikan kotak komentar tersebut!

Image by : Informasibisnis.net

Happy Blogging! by. Sejuta Trik Blogger

Add Url Blog ke Google Webmaster Tools Terbaru

Last Update : March 3, 2019

Cara Submit Url Blog ke Google ini saya maksudkan untuk memperbaharui Info blog berbaru tentang cara mendaftarkan blog ke mesin pencari seperti Google. Untuk mendaftarkan blog kita ke Google dulunya beralamat pada url di bawah ini :

Sudah dihapus → https://www.google.com/webmasters/tools/submit-url/
Dengan adanya pembaharuan Google dalam mendaftarkan url blog ke google di atas sudah tidak bisa lagi. Saat artikel ini dibuat dahulu alamat di atas didapati broken link. Namun URL dengan alamat di atas masih bisa dibuka dan didapati pemberitahuan agar pengiriman url blog bisa langsung melalui webmaster tools.

Untuk memperbaharui alamat add url blog ke google lama tersebut di atas, Google membuka alamat baru yang bersifat sementara. Di alamat baru ini kita bisa mendaftarkan ulang blog kita atau mendaftar blog baru kita di alamat berikut :

http://www.google.com/submityourcontent/ (Juga sudah dihapus)
Bagi yang belum tahu, silakan coba buka alamat di atas, dahulu alamat tersebut untuk mendaftarkan blog ke mesin pencari, namun karena sudah ditutup juga, pengalihan halaman menuju artikel memunculkan konten anda di Google.

Sekian saja posting singkat tentang info blog mendaftarkan alamat url blog ke google. Semoga alamat Submit url Blog ke Google terbaru ini bisa lebih menguntungkan penggunanya. Ya ga? Selain cara kirim url blog di atas, anda juga bisa mendaftarkan blog ke google webmaster tools.
UPDATE!
Mulai sekarang sudah ada link baru beralamat di bawah ini :

https://www.google.co.id/intl/id/add_url.html

Seperti itulah update cara submit url blog ke google yang baru agar blog kita dapat di index google. Setelah mendaftarkan blog ke Google (terbaru) tersebut, silakan melalukan ping ke daftar ping service terbaik. Semoga makin maknyus. :D

Happy Blogging! by. Sejuta Trik Blogger | Mencoba belajar seo blogspot