Rifki's Blog

Saturday 1 August 2015

Cara Memasang Widget Alexa Rank di Blog

Ketemu lagi dengan saya ditengah kesibukan kuliah nih ..... hehehhe dan juga blog lagi sepi karena ganti nama url .....
langsung saja akan saya bagikan tutorial "Cara Memasang Widget Alexa Rank di Blog"

Kalian Bisa Memilih model widget alexa Rank sebagai berikut :

Model Pertama

ini Scriptnya :
<a href="http://www.alexa.com/siteinfo/rifkiofficial.blogspot.com"><script src="http://xslt.alexa.com/site_stats/js/s/a?url=rifkiofficial.blogspot.com" type="text/javascript"></script></a>

Model Kedua

ini Scriptnya :

Model Ketiga

ini Scriptnya :

Keterangan : GANTI Script rifkiofficial.blogspot.com dengan URL BLOG ANDA

CARA MEMASANG :

1. Masuk ke Dashboard blog Kalian
2. Pilih "Tata Letak"

3. Pilih "Tambahkan Gadget"

4. Pilih "HTML/JavaScript"

5.Kemudian masukkan kode/script widget alexa yang telah kalian pilih

6.Terakhir klik "Simpan"

Cara Claim dan Verifikasi Blog di Alexa

Pada kesempatan baik ini, disela-sela kesibukan kuliah saya akan membagikan "Cara Claim Blog di Alexa".

Langsung saja.....

1. Kunjungi terlebih dahulu situs www.alexa.com lalu jika sudah memiliki akun pilih "Sign In", jika belum memiliki akun pilih "Create an account".

2. Kalian bisa masuk dengan akun Alexa kalian ataupun akun facebook

3. Setelah Sign In, lalu pergi ke alamat ini http://www.alexa.com/siteowners/claim

4. Masukkan URL Blog anda, kemudian klik "Continue"

5. Setelah itu anda akan masuk di halaman untuk verifikasi, pilih metode ke-2 karena cukup mudah untuk dilaksanakan.

6. Copy script yang ada di halaman tersebut. Dan INGAT "Jangan dulu menutup halaman Alexa tersebut".

ingat JANGAN DITUTUP TERLEBIH DAHULU

7. Tahapan memasang kode verifikasi Alexa di Blog

Masuk Dashboard blogger kalian
Pilih menu "Template" lalu pilih "Edit HTML"
Ctrl F dan cari kode <head>
Kemudian Paste/letakkan script yang tadi dicopy tepat di bawah kode <head>. Seperti gambar di bawah ini

Kemudian klik "Simpan Template"
Lalu beralih ke halaman web Alexa tadi, kemudian klik "Verify my ID"
Lalu akan muncul Tulisan "Your Site is successfully claimed".

SELESAI

Sekian dulu tutorial dari saya. Semoga bisa bermanfaat.... ^_^

Cara Membuat Komentar Facebook di Blog

Pada kesempatan yang berbahagia ini, saya akan memnerikan tutorial mengenai Cara membuat Komentar Facebook di Blog

Langsung saja (diperhatikan yaaa....)
1. Pilih menu Template, lalu pilih Edit HTML
2. CTRL+ F, dan cari kode </head>, lalu copy paste script di bawah ini dan letakkan di atas kode </head>

3. CTRL+ F, dan cari kode <div class='comments' id='comments'>, lalu copy paste script di bawah ini dan letakkan di bawah kode <div class='comments' id='comments'>

<b:if cond="data:blog.pageType == "item"">
<h4>Post Comment</h4>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%'><fb:comments expr:href='data:post.url' num_posts='5' width='500'/></div>
</b:if>

4. CRTL+F, dan cari kode <body>, lalu copy paste script di bawah ini dan letakkan di bawah kode <body>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

5. CTRL+ F, dan cari kode <div class='comments' id='comments'>, lalu copy paste script di bawah ini dan letakkan di bawah kode <div class='comments' id='comments'>. Jika ada lebih dari satu kode, maka copy paste pada kode yang kedua.

<b:if cond='data:blog.pageType == "item"'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='500' expr:data-href='data:blog.url'/>
</div>
</b:if>

Catatan : 500 adalah untuk menentukan lebar komentar facebook.

6. Save Template

Sekian Tutorial dari saya semoga bermanfaat....

Cara Membuat Scroll Bar Pada Postingan Blog

Berikut tutorial Cara Membuat Scroll Bar di Postingan Blog. Selamat Mempraktekkan ya..... ^_^

Contoh Scroll Bar di Postingan Blog : Nama : Rifki
Kali ini saya akan berbagi mengenai tutorial membuat Scroll Bar di Postingan Blog, tujuannya adalah jika menuliskan script yang cukup panjang tidak memakan tempat terlalu banyak. Semoga tutorial ini bermanfaat ya.....

Caranya Yakni cukup Copy Paste Script di bawah ini pada halaman edit HTML bukan pada Halaman Compose

Letakan Tulisan / Kode HTML mu di sini

</div>

Setelah meletakkan kode di atas pada halaman Edit HTML, kalian bisa Mengecek pada Halaman Compose

keterangan yang harus diperhatikan :

100px : merupakan kode untuk mengatur tinggi scroll
500px : merupakan kode untuk mengatur lebar scroll

Sekian tutorial dari saya semoga bermanfaat .....

Cara membuat Sitemap.xml dengan Webmaster tool

Berikut ini adalah lanjutan tutorial setelah Cara mendaftarkan Blog ke Webmasters Google dan Cara Verifikasi Blog ke Webmasters Google , kali ini saya akan memberikan tutorial mengenai Cara membuat Sitemap.xml dengan Webmaster tool. Disimak yaaaa ........

1. Terdaftar di Webmaster Tool, jika belum baca tutorial yang ini Cara mendaftarkan Blog ke webmasters Google , jika sudah mari lanjut....

2. Copy paste link berikut ke address bar browser anda.

https://www.google.com/webmasters/tools/dashboard?hl=in&siteUrl=http://Alamat_Blog_Anda/

dan ganti tulisan Alamat_Blog_Anda dengan URL blog anda, misalkan :

https://www.google.com/webmasters/tools/dashboard?hl=in&siteUrl=http://rifkiberbagiilmu.blogspot.com/

3. Setelah masuk ke Dashboard Webmaster Tool lalu Klik Peta Situs seperti gambar di bawah ini :

4. Klik Tambahkan/Uji Peta Situs

5. Lalu isi kolom dengan Format sitemap.xml, lalu Klik mengirim Peta Situs

6. Setelah diklik akan muncul gambar seperti di bawah ini, lalu klik segarkan Laman

7. Selesai.... Lalu akan muncul halaman seperti gambar di bawah ini :

Sekian Tutorial dari saya, semoga bermanfaat ^_^

Cara Verifikasi Blog ke Google Webmasters Tool

Cara verifikasi Blog ke Google Webmasters Tool sebagai berikut :

1. Setelah mendaftarkan blog kamu berada pada Beranda Webmaster Tool, Klik Kelola Situs lalu Klik (Tambahkan atau hapus Pengguna ).