Niyuvs: Blogging

Showing posts with label Blogging. Show all posts

Gunakan Fetch As Google Agar Artikel Cepat Terindex Oleh Google

Read

Gunakan Fetch As Google Agar Artikel Cepat Terindex Oleh Google - Fecth As Google (Ambil Sebagai Google) merupakan sebuah fitur yang memiliki fungsi untuk membuat artikel baru cepat terindex oleh Google. Hal ini sangat penting dilakukan setelah kita mempublikasikan artikel baru, agar artikel yang baru saja dipublikasikan langsung masuk kedalam daftar pencarian Google. Fitur Fetch As Google ini merupakan teknik SEO yang sederhana dan yang paling bagus dan sangat bermanfaat.

Mungkin banyak yang belum memahami arti dari Fetch As Google dan belum menggunakannya secara maksimal. Padahal fitur Fetch As Google ini merupakan cara terbaik agar artikel yang baru saja dipublikasikan terindex dengan cepat. Di dalam Fetch As Google terdapat 2 perbedaan dalam menggunakan fitur ini, yaitu Fetch dan Fetch and Render. Kedua fitur tersebut memiliki fungsi dan kegunaan yang berbeda-beda. Untuk itu saya akan menjelaskan fungsi dan kegunaan dari kedua fitur tersebut. Berikut ulasannya.

Perbedaan Fetch dan Fetch and Render

Ketika kamu akan men-submit URL artikel melalui fitur Fetch As Google, pasti kamu akan dibuat kebingungan harus memilih Fetch atau Fetch and Render. Untuk itu saya akan memberi tahu, apa fungsi atau kegunaan dari Fetch dan Fetch and Render.

Fetch (Ambil)

Opsi ini digunakan untuk postingan yang diperbaharui artikelnya saja. Maksudnya, kamu hanya memposting artikel saja tanpa melakukan perubahan pada template, seperti penambahan script, widget, atau laman baru. Nah, jika kamu hanya posting artikel saja, lebih baik kamu pilih opsi ini saja.

Fetch and Render

Opsi ini digunakan jika halaman di blog kamu mengalami perubahan pada template. Maksudnya, sebelum kamu mempublikasikan artikel, kamu telah melakukan perubahan pada struktur template, seperti penambahan script, laman baru, widget, dll. Nah, jika kamu sudah melakukan perubahan pada struktur template blog kamu sebelum posting artikel baru, maka lebih baik pilih opsi ini saja.

Itulah perbedaan antara Fetch dan Fetch and Render. Lalu, bagaimana cara untuk men-submit artikel melalui Fetch As Google. Untuk saya akan menjelaskan langkah demi langkah dalam menggunakan Fetch As Google. Berikut penjelasannya.

Cara Menggunakan Fetch As Google Di Google Webmaster Tools

Sebelum melakukan cara ini, pastikan blog kamu sudah terdaftar dan terverifikasi di Google Webmasters Tools.

1. Buka halaman Google Webmaster Tools. Lalu, login dan masuk ke Dashboard Google Webmasters Tools.

2. Lalu, pilih menu "Crawl" atau "Perayapan" > "Fetch As Google" atau "Ambil Sebagai Google".

3. Kemudian, masukkan URL artikel yang akan di index di kolom yang telah disediakan. Karena dikolom tersebut sudah ada nama URL blog kita, maka URL belakang saja yang dimasukkan, seperti ini :

http://intek-baru.blogspot.com/2016/09/kenapa-komputer-menggunakan-huruf-c-sebagai-drive-system.html

URL artikel yang di beri warna Merah adalah URL yang dimasukkan ke kolom tersebut. "Seperti gambar di bawah ini".

4. Lalu, pilih "Desktop" untuk Googlebot-nya. Kemudian, klik "Fetch" atau "Fetch and Render".

5. Setelah URL artikel telah di Fetch (ambil), tunggu beberapa saat sampai "Status" menjadi "Complete". Lalu, klik "Submit to index" atau "Kirim ke indeks".

6. Kemudian akan muncul tampilan seperti gambar di bawah ini. Lalu, kamu pilih mau menggunakan metode yang mana, "Crawl only this URL" atau "Crawl this URL and its direct links". Namun kamu jangan lupa untuk menyelesaikan langkah "Recaptha". Jika langkah "Recaptha" telah selesai dan metode pengiriman sudah dipilih, klik "Go".

Tampilan di atas merupakan tampilan untuk memilih metode pengiriman

Penjelasan :
#1. Crawl only this URL
Crawl only this URL atau Rayapi URL ini saja, artinya googlebot hanya akan merayapi URL laman ini saja dan tidak merayapi link yang ada dalam artikel tersebut. Pada opsi ini, Google hanya memberikan kuota bulanan sebesar 500 kali pengiriman.

#2. Crawl this URL and its direct links
Crawl this URL and its direct links atau Rayapi URL ini dan tautan langsungnya, artinya selain merayapi URL laman yang telah dikirim, googlebot juga akan merayapi tautan link yang ada di dalam artikel tersebut. Pada opsi ini, Google hanya memberikan kuota bulanan sebesar 10 kali pengiriman.

Jika proses sudah selesai, maka akan terlihat keterangan "Succes/selesai" pada daftar URL artikel yang baru di masukkan. Itu artinya, artikel blog kamu sudah berhasil dikirim ke index pencarian Google. Pada beberapa kasus, keterangan status URL-nya ada bertuliskan sebagian/partial, namun tidak usah khawatir URL tersebut tetap terindex dalam mesin pencarian Google.

Berapa Lama Waktu Yang Dibutuhkan Dalam Mengindex Artikel?

Setelah proses Fetch As Google selesai dilakukan, dalam beberapa menit kemudian, artikel yang tadi dikirim sudah terindex di pencarian Google. Untuk mengeceknya, kamu tuliskan "site:URL Artikel" (tanpa tanda kutip) di kolom pencarian Google. Jika URL yang dicari muncul di pencarian Google, maka artikel tersebut berhasil terindex.

Demikianlah informasi mengenai Gunakan Fetch As Google Agar Artikel Cepat Terindex Oleh Google. Semoga artikel ini bermanfaat ya.

Wassalam...

Read More Add comment

Cara Membuat Video YouTube Jadi Responsive di Blog

By Izzy Stradlin

Read

0 Comments

Cara Membuat Video YouTube Jadi Responsive di Blog - Apakah kamu pernah membuat artikel yang berisi video dari YouTube di blog kamu? Jika iya, apakah kamu pernah di buat kebingungan kenapa ketika mengakses blog kamu yang salah satu artikelnya ada video dari YouTube melalui smartphone, namun videonya tidak responsive? Padahal template blog kamu sudah responsive. Untuk mengatasinya saya akan membagikan artikel mengenai permasahalan tersebut.

YouTube adalah sebuah situs berbagi video yang paling populer hingga saat ini. Banyak kelebihan yang ditawarkan situs berbagi video ini, salah satunya yakni fitur embed video yang mana dengan fitur ini kamu bisa menambahkan video YouTube ke postingan blog kamu.

Namun, dengan menambahkan video ke postingan blog akan mengurangi nilai SEO karena adanya elemen iframe dan tampilannya yang belum responsive meskipun blog kamu sudah responsive.

Untuk itu, saya akan membagikan artikel mengenai Cara Membuat Video YouTube Jadi Responsive di Blog tanpa mengurangi nilai SEO sebuah blog. Berikut penjelasannya.

Cara Membuat Video YouTube Jadi Responsive di Blog

#1. Video YouTube Responsive Dengan Tampilan Standart

1. Login dengan akun Blogger kamu. Pilih Menu Template > Edit HTML
2. Copy kode dibawah ini dan Paste tepat di atas ]]></b:skin> atau </style>.


/* Youtube Responsive */
.videoyoutube{text-align:center;margin:auto;width:100%}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

Info : Biar kamu tidak kebingungan mencarinya, ketikkan CTRL + F di keyboard kamu. Lalu, cari kode yang ingin kamu cari.

3. Setelah itu, Copy dan Pastekan kode Javascript dibawah ini tepat di atas </head>


<script type='text/javascript'>
//<![CDATA[
// Youtube Responsive
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
//]]>
</script>

4. Terakhir, Simpan Template.

5. Jika kamu ingin menambahkan video YouTube ke postingan, gunakan kode dibawah ini :


<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="LINK SEMATKAN/EMBED">
</div>
</div>
</div>

Contoh link embed video yang saya ambil :

Copy link embed video YouTube-nya (seperti yang ada pada screenshot diatas). Lalu, Pastekan pada kode HTML di atas. Seperti ini :


<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/qe5sql66kLk">
</div>
</div>
</div>

Ingat! Untuk menggunakan kode di atas, pastikan dalam editor postingan, kamu pilih Mode HTML bukan Mode Compose.

6. Terakhir simpan/publikasikan postingan.

#2. Video YouTube Responsive Dengan Tampilan Standart Menggunakan CSS Saja

1. Login dengan akun Blogger kamu. Pilih Template > Edit HTML

2. Copy kode di bawah ini dan Pastekan tepat di atas ]]></b:skin> atau </style>.


/* CSS Only */
.post-body iframe{width:100%!important;}
@media screen and (max-width:960px){
.post-body iframe{max-height:90%}}
@media screen and (max-width:768px){
.post-body iframe{max-height:75%}}
@media screen and (max-width:600px){
.post-body iframe{max-height:60%}}
@media screen and (max-width:480px){
.post-body iframe{height:auto!important;max-height:auto!important}}

Untuk menggunakannya kamu tinggal copy saja semua kode embed dari Video YouTube yang kamu pilih. Setelah itu, Pastekan ke dalam postingan kamu.

Ingat! Harus Mode HTML bukan Mode Compose.

Jika tampilannya masih kurang sesuai, kamu bisa mengatur kembali CSS max-height yang ada dalam media query.

#3. Video YouTube Responsive Dengan Style

1. Login ke akun Blogger kamu. Pilih Template > Edit HTML.
2. Copy kode di bawah ini dan Pastekan tepat di atas </head> atau bisa juga dalam postingan tapi dalam Mode HTML bukan Mode Compose.


<style>
.intek-baru-tbn-fow { width:100%; max-width:650px; margin:120px auto; }
.intek-baru-wb-mac { position:relative; padding-bottom:43%; padding-top:0; height:0; overflow:hidden; -webkit-border-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXWSlBtwA7Ox5cKMWBRPckY3gONNp9s4xJAC5836orRaOX0d6HLz1wMCJWsSbl9BwUwNX20pq8mttip53QEr3FayJVFtsmZn0Qp0f9AZsAPpMAwznEjHACEI0q5JzK4xiVyWaTyoPizBo/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; -moz-border-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXWSlBtwA7Ox5cKMWBRPckY3gONNp9s4xJAC5836orRaOX0d6HLz1wMCJWsSbl9BwUwNX20pq8mttip53QEr3FayJVFtsmZn0Qp0f9AZsAPpMAwznEjHACEI0q5JzK4xiVyWaTyoPizBo/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; -o-border-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXWSlBtwA7Ox5cKMWBRPckY3gONNp9s4xJAC5836orRaOX0d6HLz1wMCJWsSbl9BwUwNX20pq8mttip53QEr3FayJVFtsmZn0Qp0f9AZsAPpMAwznEjHACEI0q5JzK4xiVyWaTyoPizBo/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; border-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXWSlBtwA7Ox5cKMWBRPckY3gONNp9s4xJAC5836orRaOX0d6HLz1wMCJWsSbl9BwUwNX20pq8mttip53QEr3FayJVFtsmZn0Qp0f9AZsAPpMAwznEjHACEI0q5JzK4xiVyWaTyoPizBo/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch; border-color:rgba(0,0,0,0); border-width:27px 76px 55px 76px; border-style:inset; }
.intek-baru-wb-mac iframe,.intek-baru-wb-mac object,.intek-baru-wb-mac embed { position:absolute; top:0; width:100%; height:100%; background-color:#ddd; }
@media (max-width:500px) {
    .intek-baru-wb-mac { border-width:20px 62px 40px 62px; } @media all and (max-width:400px) { .intek-baru-wb-mac{border:none !important; }
}
</style>

3. Untuk menggunakannya, Copy kode di bawah ini dan Pastekan di postingan blog kamu dalam Mode HTML bukan Mode Compose.


<div class="intek-baru-tbn-fow">
 <div class="intek-baru-wb-mac">
<iframe width="560" height="315" src="https://www.youtube.com/embed/qe5sql66kLk?rel=0&amp;theme=dark&amp;controls=1&amp;showinfo=0&amp;autohide=0" frameborder="0" allowfullscreen=""></iframe>
 </div>
</div>

Info! Ganti kode link/id embed video YouTube diatas (berwarna merah) dengan kode link embed video YouTube pilihan kamu. Untuk mendapatkan kode link embed-nya, kamu bisa lihat URL video YouTube-nya.

Demikian informasi mengenai Cara Membuat Video YouTube Jadi Responsive di Blog. Semoga bermanfaat.

Read More Add comment

Cara Membuat Sitemap / Daftar Isi Blogger Yang Keren

By Izzy Stradlin

Read

0 Comments

Cara Membuat Sitemap / Daftar Isi Blogger Yang Keren - Melakukan optimasi blog dapat di lakukan dengan berbagai cara, salah satunya yaitu dengan membuat halaman sitemap/daftar isi di blog. Membuat halaman sitemap merupakan salah satu metode optimasi yang bersifat ON-Page.

Sitemap adalah salah satu alat bantu para webmaster untuk mempermudah dalam pengenalan peta situs dalam sebuah website. Fungsi dari sitempap antara lain untuk mempermudah pengunjung dalam menelusuri semua konten atau artikel yang ada pada blog kita secara mudah.

Setelah membaca sedikit penjelasan tentang sitemap, selanjutnya saya akan menjelaskan mengenai cara membuat sitemap tersebut di blog berplatform 'blogspot'. Berikut tutorialnya.

Cara Membuat Sitemap / Daftar Isi Blogger Yang Keren

1. Login ke akun Blogger kamu.
2. Pada menu "Laman", klik "Laman Baru".

3. Setelah itu, ubah mode "Compose" menjadi mode "HTML". (terletak di bagian kiri atas)

4. Setelah itu, copy kode script dibawah ini dan pastekan di laman yang kamu buat tadi.


<link href="https://googledrive.com/host/0B6MUiZ4rT4Z0QldvRHF2OVVPTFk/CSS-Sitemap.css" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew    = true,
    accToc     = true,
    openNewTab = true,
    maxNew     = 10,
    baru       = "Baru !",
    sDownSpeed = 600,
    sUpSpeed   = 600;
</script>
<script src="https://googledrive.com/host/0B6MUiZ4rT4Z0QldvRHF2OVVPTFk/my-sitemap-2.js" type="text/javascript"></script>
<script src="https://intek-baru.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Catatan :

Ganti tulisan yang berwarna Merah dengan URL Blog kamu.

Ingat :
Laman tersebut masih dalam mode HTML bukan mode Compose.

5. Sebelum kamu publikasikan, sebaiknya kamu pilih 'Pratinjau' terlebih dahulu.
6. Jika sudah sesuai dengan keinginan kamu, klik "Publikasikan".
7. Selesai

Itulah Cara Membuat Sitemap Blogger Yang Keren. Semoga bermanfaat.

Read More Add comment

16 Tombol Back To Top Keren Untuk Blog

By Izzy Stradlin

Read

0 Comments

16 Tombol Back To Top Keren Untuk Blog - Pada artikel sebelumnya saya sudah menjelaskan mengenai Cara Memasang Tombol Back To Top di Blog. Nah, pada artikel kali ini saya akan membagikan tombol-tombol Back To Top yang keren untuk blog kamu.

Tombol Back To Top berfungsi untuk mempermudah pengunjung untuk kembali ke atas blog hanya dengan satu klik saja tanpa harus men-scroll mouse-nya yang tentu memakan waktu.

Sebelum memilih tombol Back To Top, pastikan kamu sudah mengetahui cara memasang tombol Back To Top di blog. Jika belum, kamu dapat membaca artikel Cara Memasang Tombol Back To Top di Blog.

Jika sudah, kamu melanjuti tutorial ini. Kode dibawah ini sudah disertai dengan gambar sehingga kamu bisa mengetahui bagaimana tombol ini terlihat di blog kamu.

16 Tombol Back To Top Keren Untuk Blog

1. Tombol Back To Top #1


<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP6Z68d7gzNgb10JVEpw78JeW3UjLNdfaEr_trauvZ9GopvCR8guCUv0coPtLJXtclRtGku8Lq6eWhmEgVMNVGs3cZhPCpd26WhjxwoY1Dww5Wn-Rct5gJ96jZ0VOFY0w9q5T7PQHTbx8L/s1600/back+to+top+button+1.png "/></a>
<!-- Back To Top End -->

2. Tombol Back To Top #2

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtScQzZtYuCLWRcEN9jcvhyphenhyphenMqvaO0FpD6YZjw84VQ6DjppgbzOSQfS7a61WnF4y55cGszWT8bXNnVy0NVcHMwos-zyoGD_IzuLrnuctbYKvkmsIy6niNvC3uHnxoL3esZ7oL9ZTgsac-B4/s1600/back-to-top-button+2.png "/></a>
<!-- Back To Top End -->

3. Tombol Back To Top #3

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuBdkNhViBZkrkP1YmD49gn_4UbRmdDYneB8Ku1QX3Kejxlif6_yQO8S0pixAp87PIn63sCWMp6uze9E1ud7nWRl-QPBj5GJeZL2EyxWqIovEx3BvVnHZt9tE4e9ERZzpZe_urFNznc-v9/s1600/back-to-top-button+3.png"/></a>
<!-- Back To Top End -->

4. Tombol Back To Top #4

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxkOTV5nOAEVD1s6H34_NwlrMH8tu3urm9EChWABUrh1_MD1QSAYDBw_8pMO97b_KfesdE55YOw2HSEHY8TTQsbtPcHefz78QwWyJbKZZwb4B-Xd4RdU3kW5V0smOLMAhOkjktlJOUwwp/s1600/back-to-top-button+4.png "/></a>
<!-- Back To Top End -->

5. Tombol Back To Top #5

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNS4-7xmsuGX1jZKPFhj4EhoUhWvYCVKb-LWSfZix4wgKgeQoCqWL7T9xJ4f75lvLE9j0v-NeldJq1LCLEpGI6eXQZyethV1qa9ReNrPAI8otngeWOBTnORa1RcBgkAJPKME0yadisRtTd/s1600/back-to-top-button+5.png "/></a>
<!-- Back To Top End -->

6. Tombol Back To Top #6

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiexfIy7d6JEgzPpC4J1hT3Mi3gNAmgls0u3jGXXRexHR9cy384IxCitTzhqvtVG6DQAdzuv7Ql5E5hPX8OnWcdsTKI61thJA500dBJVOjT7aRI2rgeIgSt_oEfq-U-lAUoVjH1s5Qz2Kt7/s1600/back_to_top_button+6.png "/></a>
<!-- Back To Top End -->

7. Tombol Back To Top #7

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheA42fMXfwmrrcxU9Z2MSscQbKEMLHP6mYgKpbtwSL-xoIlzlFQD0Re3tXV1O79ZcKFrUi1pvaLYx6hrJIXd9Ood7Bi1h4UavZge4IHhXB_XQYw9Asi3QRhOp2lUM0NfQ7ky5Q1Hg5wTOj/s1600/back-to-top-button+7.png "/></a>
<!-- Back To Top End -->

8. Tombol Back To Top #8

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4WmxPMdoSDhMshP7raYK822c_gIacn5ntgXR6Xk-5Rf6ZyEggBjOkEaEY8CaDxL6RKS9bei6xIZ_VflrNcMMxXEJM3qlGPaFtrqp6Zx0qaeejFXgxhsrqQaAK-cbjvOr0Zw8oODKDbElZ/s1600/back+to+top+8.png "/></a>
<!-- Back To Top End -->

9. Tombol Back To Top #9

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwrWn8yA5vl7dehQXoTlBwD9ou087r5kAFQ2tkfKXJbshzELobqClBQpovQw3riEVU-hM8cDN2Rf54KqplRvuwVs6aTG3wDxUk05325DKmI96xpSWc5Vkvm8smTUulqLGqT-whUsHSTiux/s1600/back+to+top+9.png "/></a>
<!-- Back To Top End -->

10. Tombol Back To Top #10

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCpK6UAYle3_91haHQaDWRCNVv5zqn0tViSIEcbjMK14C_ZjfbBFy9zFhxLBIWjILBzuMtvW6PEDuROz6EPvTr-vhLda1hW7nUtbSMV1iklZePJf7KIA3SGvYV_KTr_pfE3SSbnMlvqiFD/s1600/Back-To-Top+10.png "/></a>
<!-- Back To Top End -->

11. Tombol Back To Top #11

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW2zGaiz83x40zyU1eO1KCQI62dyFFqDv5Yt4dxYFV04rE2JG84tUKt4Pf277SPymQ0VyT-dF-QLImyHH26YsaXyQo5mqJZVypfGis4qANxFwFrh90zCEZpSY4WpzvwXX95egijvLVB77S/s1600/Back-to-top+11.png "/></a>
<!-- Back To Top End -->

12. Tombol Back To Top #12

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg66vf_5mjgSquiR9FhpJ5tLieLgds8dXKafRZavqE60xeHlpONmHK-8Jt0Ui6tzBQ9v5Eoy86KR2pfXiqlZAxHSAnJay0gKCmX-J9stSGKizzPgm-n9okbvWqvjc3oVJbG1QWP7n-DkVSP/s1600/back+to+top+button+12.png "/></a>
<!-- Back To Top End -->

13. Tombol Back To Top #13

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOl0k2Lg3XY_ikix7BanK3CRjH1UeiTyabgyVCrl-vpG3tyoTIN-XpsoBtb9EgwQ0MOrWUthg745TGmELqq-Nq-NA8ZQ2YihVY6fRcdIiNzQGCKPzZuwhMJcu0Fqw8pCmVgg6oEdSKUQBE/s1600/back+to+top+13.png "/></a>
<!-- Back To Top End -->

14. Tombol Back To Top #14


<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2kB8qfaA5-ISUxjvFFgHtxg2Qt2C7wvxN2cO8Dswf2q9_ZiKA8q8Zt1YuzJVjMY1ukSrn7yfCAfIfufhMHEPg_t6BzrBfgVXA0j1_IB_JySN65yrzYS_bjGrY7j47BFmrGu1ohcqNH4sN/s1600/back+to+top+button+14.gif "/></a>
<!-- Back To Top End -->

15. Tombol Back To Top #15

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloBTYt54DDt0RopG-phr2jjQwUfpqV4-PpkgyO7oH-LKQXsW2frp-Rbgq-mI_rcFVxd_GDPN22I97irULisvmH-p-cS-5putM8950mknoDlSTwo3Ns1su59n1wyOGj1W-1WNMW8Vc1BZV/s1600/back+to+top+button+15.gif "/></a>
<!-- Back To Top End -->

16. Tombol Back To Top #16

<!-- Back To Top Start -->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbl1XaQIaWEOJ9G8ruCqpEWL9nbjoD8benBFMBUIvw15oM1eQlU3aF18JYnUhTMH0RKhZ9est3Q2DzhKNMcbS748c_DZDRAlpK_6AOeUyG3XjgDnXPy7Uw-imB6SwH8bVSQSnZFBkQ-Kh0/s1600/Back-To-Top+16.png "/></a>
<!-- Back To Top End -->

Itulah 16 Tombol Back To Top Keren Untuk Blog. Semoga bermanfaat.

Sumber

Read More Add comment

Cara Memasang Tombol 'Back To Top' di Blog

By Izzy Stradlin

Read

0 Comments

Cara Memasang Tombol 'Back To Top' di Blog - Kali ini saya akan berbagi tips mengenai tutorial cara memasang tombol 'back to top' di blog. Ada bebarapa alasan yang membuat banyak Blogger memasang tombol back to top ini ke blog mereka. Salah satunya yaitu untuk mempermudah pengunjung blog dan mempercantik tampilan blog.

Mengapa di bilang mempermudah pengunjung blog? Karena dengan adanya tombol back to top ini akan memudahkan pengunjung kembali ke atas blog dalam satu klik saja tanpa harus men-scroll mousenya atau mengusap-usap jarinya di touch pad atau layar smartphone-nya.

Lalu, bagaimana cara memasang tombol back to top ini ke blog kamu? Yuk, simak penjelasan berikut ini.

Note : Jika blog kamu sudah terdapat tombol ataupun widget back to top, sebaiknya dihapus terlebih dahulu agar tidak double yang membuat loading blog menjadi berat.

Cara Memasang Tombol Back To Top di Blog

1. Login ke akun Blogger kamu.

2. Klik "Tata Letak" atau "Layout".

3. Lalu, klik "Tambahkan Gadget" > "HTML/JavaScript".

4. "Copy" kode dibawah ini dan "Paste" di kotak "Content".


<script type="text/javascript" >
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpXgDEWiFsCVC2KdsY26zZx_sCQn062oC5nOc1CjDvQaRAkZ0BCBthIu4-maxLl1B4VIjvzwXS6Qk72N1vf1LB9-QLJJYVF9yK5_3sx-CM1YXuUFlyfTYZ1GrVcILdMaNjhM96RBi-uv0/s1600/back+to+top+button.gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
   
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}

scrolltotop.init()

</script>

Catatan : Kode yang berwarna merah adalah image "Back to Top". Kamu bisa menggantinya dengan gambar lain sesuai dengan selera, atau sesuai dengan background blog kamu. Atau kamu bisa baca artikel 16 Tombol Back To Top Keren Untuk Blog

5. Save!

Itulah Cara Memasang Tombol Back To Top di Blog. Semoga bermanfaat ya.

Sumber

Read More Add comment

Cara Ngeblog Via Aplikasi Blogger di Smartphone Android

By Izzy Stradlin

Read

0 Comments

Cara Ngeblog Via Aplikasi Blogger di Smartphone Android - Seiring meningkatnya jumlah pengguna Android dan pengguna blog khususnya Blogger atau blogspot, akhirnya Google selaku pemilik Blogger.com secara resmi merilis Aplikasi Blogger untuk pengguna Android. Tentunya dengan kehadiran aplikasi ini akan sangat membantu para blogger untuk bisa meng-update isi blognya dengan artikel-artikel yang baru.

Kapan pun dan dimana pun selagi kita punya waktu, kita bisa membuat dan memposting artikel lewat smartphone Android tanpa harus membuka komputer atau laptop.

Lalu, bagaimana sih cara membuat artikel di Aplikasi Blogger ini? Yuk, simak penjelasan berikut.

Cara Membuat Artikel via Aplikasi Blogger di Android

1. Pertama, silahkan kamu download Aplikasi Blogger di Google Play Store. Setelah di download, instal Aplikasi Blogger tersebut di smartphone Android kamu.

NB : Jika sudah ada, lewati langkah pertama.

2. Setelah itu, silahkan kamu login dengan akun Blogger kamu. Setelah itu, kamu akan di arahkan ke tampilan utama Aplikasi Blogger. Kira kira tampilannya seperti ini.

Tampilan Dashboardnya

Info :
Blog yang tampil adalah blog yang terakhir kali di update jika kamu memiliki banyak blog dalam satu akun.

Keterangan menu :
Icon Pensil : Untuk membuat artikel baru.
Icon Camera : Untuk meng-upload gambar.
Icon yang berbentuk list : Untuk membuka menu lainnya.

3. Setelah itu, sentuh "Icon Pensil" untuk membuat artikel baru. Berikut ini adalah tampilan halaman untuk membuat artikel.

Tampilan untuk menulis artikel

Keterangan :
Judul Pos : Judul artikel yang ingin dibuat.
Konten Pos : Tempat menulis artikel.
Label : Kategori untuk artikel.
Icon Kamera : Untuk meng-upload gambar.

4. Untuk menulis artikel silahkan kamu sentuh di bagian "Konten Pos". Maka tampilan untuk penulisan artikel kira - kira seperti ini.

Tampilan untuk proses penulisan artikel

Keterangan :
Icon B: Untuk mempertebal tulisan.
Icon I: Untuk memiringkan tulisan.
Icon tautan : Untuk menambahkan link atau tautan.

5. Jika artikel yang sudah kamu buat telah selesai, sentuh "Selesai" yang ada di kiri atas layar smartphone, untuk menutup artikel yang telah selesai dibuat.

Inilah tampilan artikel yang sudah kamu buat.

Tampilan hasil penulisan artikel

Keterangan :
Icon segitiga ke kanan : Untuk mem-publikasikan artikel
Icon save : Untuk menyimpan artikel
Icon list : Untuk menampilkan menu lainnya

6. Selesai!!

Saran :

Setelah selesai membuat artikel, saya sarankan kamu jangan langsung mempublikasikannya, lebih baik menyimpan artikelnya terlebih dahulu dan mengeditnya di komputer atau laptop agar menjadi artikel yang sempurna. Alasanya, karena fitur - fitur yang ada di Aplikasi Blogger ini masih sangat terbatas.
Lebih baik kamu menulis artikel di Aplikasi Blogger ini berupa tulisan saja. Karena fitur - fitur yang ada di Aplikasi Blogger ini masih sangat terbatas. Lalu, mengeditnya di komputer atau laptop agar menjadi artikel yang sempurna
Sebaiknya jangan menambahkan gambar ke artikel yang sudah kita buat di Aplikasi Blogger ini. Karena ketika meng-upload gambar di Aplikasi Blogger, gambar yang sudah di upload akan berada di bawah dan tidak bisa di pindahin. Jadi, lebih baik meng-upload gambarnya lewat komputer atau laptop saja.

Demikianlah informasi yang dapat saya sampaikan mengenai Cara Ngeblog Via Aplikasi Blogger di Smartphone Android. Jika penjelasan diatas masih kurang jelas, kamu dapat menanyakannya melalui kolom komentar atau melalui menu Contact.

Read More Add comment

Cara Membuat Kotak Berlangganan (Subscription Box) Responsive Di Sidebar Blog

By Izzy Stradlin

Read

0 Comments

Cara Membuat Kotak Berlangganan (Subscription Box) Responsive Di Sidebar Blog - Kotak Berlangganan (Subscription Box) merupakan sebuah widget yang berisi formulir email bagi pengunjung blog untuk berlangganan artikel blog kita via email.

Widget Kotak Berlangganan ini mempunyai peran yang cukup penting bagi sebuah blog. Karena pengunjung yang suka dengan konten atau artikel dari blog kita bisa berlangganan via Email. Dengan begitu, setiap kali ada artikel terbaru dari blog kita, maka secara otomatis artikel baru tersebut akan terkirim ke inbox email mereka. Tentu saja hal ini bisa meningkatkan jumlah trafik blog anda.

Kotak Berlangganan ini juga memiliki nilai SEO karena selain bisa menaikkan jumlah pengunjung, kita juga bisa mendapatkan backlink dan link blog kita juga akan tersebar.

Cara Membuat Kotak Berlangganan (Subscription Box)

Sebelum membuat Kotak Berlangganan ini, pastikan kamu sudah memiliki ID FeedBurner. Jika belum, kamu bisa baca artikel Cara Mendaftarkan Blog ke Google FeedBurner.

1. Login ke akun Blogger kamu.
2. Setelah itu, Klik "Tata Letak".
3. Lalu klik "Tambahkan Gadget" > "HTML/JavaSript".
4. "Copy" kode dibawah ini dan "Paste" di kotak "Content".

<style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXtcKu3Nex1Tlc62ZvZ59ZkxZI1mSK2ULHkUe1MOAyWPyK7mou41TYrsQIUzzFDdC66ySd-HgVbRI95FAVDpVtdoc4a11Y3cSqXTK8F2prGMJPKZLGSF7jQK8zykG_o1geldP7yoRXoov1/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB8LdgIVwoF4KVYtHjXBRJLIExgX-JnZumKYG1lCy1ypqA9Ne66OnhYw3HPpJmsMktRggF3inE862UYJxWu5xtBPtUYhxH1E6eAICfTzQOvnEvW1ic22N0pmUlCMtYQALnxxI-qtJtXiaa/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiM23znPyzGp2b9T5h_otK4dhVc8NIKbS8ao7iFJRM6Xt8ZKrAG1pP4oXKlXQWNEnepuO5noUsaRIAy9_6bnu4kufrY9jxAK29CEaQC5QIKS8k3mgQDtXPJRDIvO_YjhM4tZbBrvMZPkHE/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Z5rSuDkyNr56JgZYDQWwn15XNRFneHfdAuY-IHzlcT2e9Dx9EaGrc5IIS8KZYD-AwaAzF42OtkGc7r3wjiQrGD_zUI3FwXLQUYYGz_UfsoUyeBau5r_krPrxszCpcIfnbHtiAZOph9uJ/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style>

<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>DAPATKAN UPDATE ARTIKEL TERBARU LEWAT EMAIL KAMU</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=BlogInfoTekno" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BlogInfoTekno', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="BlogInfoTekno" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address ...."/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div></div></div>

Catatan :
Tulisan yang berwarna Merah, silahkan kamu ganti dengan ID FeedBurner kamu.
Tulisan yang berwarna Oranye, silahkan kamu ganti dengan kata - kata sendiri.

5. Save!

Selamat Kotak Berlangganan Responsive telah tampil di sidebar blog kamu.

Demikianlah informasi yang dapat saya bagikan mengenai Cara Membuat Kotak Berlangganan (Subscription Box) Responsive Di Sidebar Blog. Semoga bermanfaat.

Kode Script dikutip dari blogromeltea

Read More Add comment

Cara Terbaru Mendaftarkan Blog Ke Google FeedBurner

By Izzy Stradlin

Read

0 Comments

Cara Mendaftarkan Blog Ke FeedBurner Google - FeedBurner adalah layanan manajemen umpan web (web feed), yang terdiri dari RSS Feed dan alat pengelola (management tools) yang digunakan untuk blogger dan podcaster, dan aplikasi publikasi lain yang berbasis web.

Kebanyakan para blogger lebih menggunakan FeedBurner bila dibandingkan dengan Feed bawaan blog. Alasannya karena FeedBurner memiliki banyak fitur, misalnya pengecekan statistik optimasi feed.

Fungsi dari FeedBurner, yaitu sebagai berikut :

Mengoptimalkan pendistribusian Feed karena formatnya lebih kompatibel untuk semua jenis perangkat lunak subscriber.
Pengguna dapat menganalisis traffic yang berlangganan feed, seperti melihat jumlah subscriber, dari mana mereka berada dan apa yang mereka sukai.
Mempublikasikan konten dan orang lain lebih mudah untuk melakukan subscribe.

Itulah sedikit penjelasan dari Google FeedBurner yang saya ambil dari laman Wikipedia. Lalu bagaimana cara mendaftarkan blog ke Google FeedBurner? Yuk, simak penjelasan berikut.

Cara Mendaftarkan Blog Ke Google FeedBurner

1. Kunjungi situs FeedBurner. Lalu "Login" dengan akun Google. Setelah "Login" kamu akan diarahkan ke halaman utama FeedBurner.

2. Pada halaman utama FeedBurner, silahkan kamu isi alamat blog kamu pada kotak isian di bawah tulisan "Burn a feed right this instant". Setelah kamu isi, klik "Next".

Setelah kamu klik "Next", ternyata tampilan yang muncul seperti gambar ini?

Bisa jadi, pada saat kamu klik "Next", muncul pesan "error not validate etc". Untuk mengatasinya, tambahkan rss.xml setelah alamat blog kamu, menjadi seperti gambar dibawah ini, lalu klik "Next" lagi.

3. Jika berhasil, kira - kira tampilannya seperti dibawah ini. "Feed Title" merupakan judul Feed kamu, silahkan ganti nama judul Feed kamu sesuai dengan keinginan kamu. Sedangkan "Feed Address" merupakan ID FeedBurner kamu, silahkan kamu ganti ID FeedBurner kamu sesuai keinginan kamu. Setelah semuanya sudah kamu edit, klik "Next".

4. Setelah itu akan muncul tampilan seperti ini, yang menandakan kalau "Kamu Sudah Berhasil Membuat ID FeedBurner". Kotak yang berwarna "Biru" merupakan alamat "Feed Blog" kamu. Setelah itu, klik "Next".

NB : Simpan dan ingat alamat "Feed Blog" kamu.

5. Setelah itu, kamu akan diberikan beberapa pilihan, ikuti saja seperti gambar di bawah ini. Lalu, klik "Next".

6. Jika kamu mendapatkan pesan seperti gambar di bawah, berarti kamu sudah berhasil membuat Alamat FeedBurner.

7. Selesai!!

Sekarang kamu telah berhasil mendaftarkan Blog kamu ke FeedBurner. Jika kamu ingin melihat Alamat FeedBurner kamu, silahkan ketikkan URL seperti ini : http://feeds.feedburner.com/IntekBlog. Mudah bukan!

NB : Ganti "IntekBlog" dengan nama FeedBurner yang telah kamu daftarkan tadi.

Demikianlah yang dapat saya sampaikan mengenai Cara Mendaftarkan Blog Ke FeedBurner Google. Semoga bermanfaat.

Read More Add comment

Cara Mudah Cek Skor SEO Blog/Website

By Izzy Stradlin

Read

0 Comments

Cara Mudah Cek Skor SEO Blog/Website - Mengecek skor SEO sebuah blog memang sudah sering dilakukan oleh para Blogger. Kebanyakan para Blogger ini menjadikan hasil skor SEO sebagai acuan untuk membuat blognya menjadi lebih baik dan mendapatkan skor yang lebih sempurna lagi. Ada cara yang bisa dilakukan untuk mengecek skor SEO blog kamu, yaitu dengan cara online atau website yang menyediakan tool Cek Skor SEO.

Adanya banyak website yang menyediakan tool Cek SEO yang tersedia di internet, salah satunya website Chkme. Meskipun banyak website yang menyediakan tool SEO ini, namun Chkme masih menjadi kepercayaan para Blogger dalam mengecek Skor SEO blog mereka.

Hasil skor SEO sebuah blog yang dicek oleh Chkme disajikan dalam satuan persen, dimana angka 100% merupakan hasil yang tertinggi. Penilaiannya berdasarkan struktur dan unsur organisasi HTML pada blog, lengkap atau tidaknya satuan dalam blog, dan masih banyak lagi.

Lalu bagaimana cara mengecek Skor SEO blog di Chkme ini, yuk simak penjelasan berikut ini.

Cara Cek Skor SEO Blog/Website

1. Pertama, kamu kunjungi website chkme.com. Kira - kira tampilannya seperti gambar di bawah ini.

2. Kedua, isi alamat blog/website yang ingin kamu cek tanpa menggunakan "http://" pada kolom domain. Setelah kamu isi alamat blog kamu, silahkan kamu klik tombol "Check SEO Score" dan tunggu beberapa detik.

3. Jika sudah selesai, akan tampil informasi mengenai struktur dan informasi mengenai alamat blog/website yang kamu masukkan kamu tadi.

4. Dan dibagian bawah kamu akan melihat informasi skor SEO dari alamat blog/website yang kamu masukkan tadi.

Meskipun begitu, website Chkme ini hanyalah sebuah website yang menyediakan tool Skor SEO biasa. Jadi kamu juga harus tetap berusaha membuat artikel yang bermutu dan disukai Google. Mengapa? Karena kadang sebuah blog yang mendapatkan skor SEO 100% hanya karena templatenya saja yang SEO, tetapi artikel blognya sama sekali tidak bermutu. Membuat artikel yang disukai pengunjung dan search engine tetap menjadi cara yang terbaik untuk membuat sebuah blog ramai dikunjungi.

Demikian informasi yang dapat saya sampaikan mengenai Cara Mudah Cek Skor SEO Blog/Website. Semoga artikel ini bermanfaat ya. Wassalam...

Read More Add comment

Subscribe to: Posts ( Atom )

Niyuvs

Gunakan Fetch As Google Agar Artikel Cepat Terindex Oleh Google

Perbedaan Fetch dan Fetch and Render

Fetch (Ambil)

Fetch and Render

Cara Menggunakan Fetch As Google Di Google Webmaster Tools

Berapa Lama Waktu Yang Dibutuhkan Dalam Mengindex Artikel?

Cara Membuat Video YouTube Jadi Responsive di Blog

Cara Membuat Video YouTube Jadi Responsive di Blog

#1. Video YouTube Responsive Dengan Tampilan Standart

#2. Video YouTube Responsive Dengan Tampilan Standart Menggunakan CSS Saja

#3. Video YouTube Responsive Dengan Style

Cara Membuat Sitemap / Daftar Isi Blogger Yang Keren

Cara Membuat Sitemap / Daftar Isi Blogger Yang Keren

16 Tombol Back To Top Keren Untuk Blog

16 Tombol Back To Top Keren Untuk Blog

Cara Memasang Tombol 'Back To Top' di Blog

Cara Memasang Tombol Back To Top di Blog

Cara Ngeblog Via Aplikasi Blogger di Smartphone Android

Cara Membuat Artikel via Aplikasi Blogger di Android

Cara Membuat Kotak Berlangganan (Subscription Box) Responsive Di Sidebar Blog

Cara Membuat Kotak Berlangganan (Subscription Box)

Cara Terbaru Mendaftarkan Blog Ke Google FeedBurner

Cara Mendaftarkan Blog Ke Google FeedBurner

Cara Mudah Cek Skor SEO Blog/Website

Cara Cek Skor SEO Blog/Website

Recent Posts

Facebook