Pertama kali kita mendaftarkan blog kita di google webmaster dan kita cek pada
Tampilan penelusuran -->Data Terstruktur kita temukan kalimat : Kami tidak mendeteksi adanya data terstruktur apapun di situs anda.





Untuk blog yang baru didaftarkan, gak usah terlalu risau, karena dalam beberapa hari, data terstruktur dalam blog kita akan terbaca oleh google webmaster.

Solusi untuk mengatasi kegalauan kita adalah dengan mengecek blog yang baru kita daftarkan itu apakah tervalidasi pada google developer tidak. Google Developer Testing Tool adalah aplikasi yang disediakan google untuk mengecek apakah data dalam blog kita sudah terstruktur sesuai dengan pedoman webmaster atau tidak. apabila data blog kita semua bagus, maka tentu terbaca dan juga ditandai dengan all good warna hijau. dan apabila ada yang tdak beres dengan struktur data kita, akan ditandai dengan warningwarna merah.
gambar dibawah mengilustrasikan bahwa struktur data pada blog yang baru didaftarkan tidak ada masalah.




Namun, untuk blog yang belum dilakukan modifikasi dengan struktur data schema.org, laporan hasil pada testing tool hanya menampilkan hatom, yaitu menampilkan artikel yang kita tulis, ditandai dengan kotak warna merah pada gambar diatas.

Jadi, untuk blog yang baru, dibuat dan didaftarkan di webmaster. Coba langsung cek struktur data blog dengan testing tool untuk menjawab kegalauan peringatan webmaster bahwa blog kita belum mempunyai data terstruktur.

Demikian sedikit sharing pengalaman untuk menjawab kegalauan peringatan data terstruktur yang tidak terdeteksi google webmaster. Semoga bermanfaat
01.17
Jika agan-agan  termasuk blogger "kepo" yang ingin tahu aja atau ingin tau banget pembaca/pengunjung yang sedang membuka ke blog Anda, pasang saja widget pemantau pengunjung blog dari Who Amung Us.

Cara pasangnya mudah banget. Tidak perlu daftar (registrasi) dan gratis (free!). Anda kita tinggal pilih model, lalu Copy kode HTML yang disediakan di gallery-nya, dan Paste ke sidebar blog Anda.

Di blogspot, tinggal klik Layout > Add Gadget dan paste kodenya di sana.

Widget ini akan menampilkan data jumlah pengunjung yang sedang online di blog Anda, juga data/asal negara mereka. 

Menurut Who Amung Us, widget kecilnya ini sudah digunakan oleh 17 juta blogger di tahun pertama dan meningkat drastis menjadi 100 juta blogger di tahun keduanya! WOW...!

Jika Anda "malas" membuka langsung Who Amung Us, mau tinggal pasang, ini dia kode html untuk memantau pembaca/pengunjung blog kita:

<script id="_wauomn">var _wau = _wau || []; _wau.push(["classic", "hrjumq8cdm31", "omn"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Situs pemantau pengunjung blog lainnya masih banyak, antara lain Histats. Situs ini menyajikan data pengunjung lebih detaill. Selain menampilkan data realtime dan jumlah pengunjung, juga menampilkan daftar posting (tulisan) apa saja yang sedang dan telah dibuka oleh pengunjung.

Google Analytic: Terbaik dan Terlengkap!
Who Among Us dan Histats bisa menjadi "pembanding" bagi pemantau utama blog, yakniGoogle Analytic.

Kita "wajib" memanfaatkan Google Analytic untuk mengetahui jumlah pembaca/pengunjung per bulan, per minggu, per hari, bahkan per jam dan per menit! Di Google Analytic kita juga bisa memantau secara real time posting yang sedang dibuka dan jumlah pengunjung.

Selain Google Analytic, Blogger sendiri sudah menyediakan menu "Stats" (Statistik) tentang jumlah pageviews, posting terbanyak dibaca, media atau perangkat yang digunakan pengunjung untuk membuka blog kita (klik menu "Audience"), dll. Wasalam. (www.romelteamedia.com).*
18.33
Bagi agan yang masih bingung untuk mengubah ukuran templatenya sekarang gak usah bingung-bingung lagi karena sudah banyak blog yang sudah memposting artikel tentang Cara merubah ukuran template,  Memang tidak semua template sama tapi ini contoh dari sebagian besar template yang anda gunakan serta letaknya ,ini letak kode-kode untuk mengatur lebar kolom template :
03.23
Menjelang Tahun Baru biasanya hal yang paling ditunggu-tunggu yaitu saat kita menghitung mundur waktu menjelang Tahun baru, detik demi detik kita menghitung waktu hingga akhirnya sampai pada puncak waktu peringatan tahun baru itu hadir , nah biasanya kita menghitung mundurnya melalui televesi atau jam di gedung atau pusat tertentu , ya fungsinya tidak lain sebagai mengingatkan detik detik menjelang tahun baru , nah bagaimana jika menampilkan hitung mundur atau countdown ini di blog ? nah berikut adalah tutorial Cara Membuat Widget Hitung Mundur Untuk Tahun Baru Pada Blog.

Copy Kode berikut pada Widget Blog sobat:



Tata Letak - Tambahkan gadget - HTML/JavaScript - lalu Paste Kode berikut :

<style type="text/css" scoped="scoped">
#tahunbaru2017 {background:black;color:#5CAAFF;font-family:Oswald, Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
  .teks {color:white}
</style>
<div id="tahunbaru2017">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("Jan 1, 2017").getTime();
// variables for time units
var days, hours, minutes, seconds;
// get tag element
var countdown = document.getElementById("countdown");
// update the tag with id "countdown" every 1 second
setInterval(function () {
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    // do some time calculations
    days = parseInt(seconds_left / 86400);
    seconds_left = seconds_left % 86400;
  
    hours = parseInt(seconds_left / 3600);
    seconds_left = seconds_left % 3600;
  
    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);
  
    // format countdown string + set tag value
  countdown.innerHTML = days + " <span class=\'teks\'>hari</span> " + hours + " <span class=\'teks\'>jam</span> "
  + minutes + " <span class=\'teks\'>menit</span> " + seconds + " <span class=\'teks\'>detik menuju Tahun</span> 2017";

}, 1000);
//]]>
</script>



Info :

1. new Date("Jan 1, 2017").getTime(); Ganti Tanggal Sesuai dengan Tahun Sekarang
2. Untuk Warna Dan Style Saya rasa sudah pada bisa semua hehe jadi sesuaikan saja dengan kreasi sobat


Nah Widget ini khusus untuk Menyambut tahun baru 2017 kalo tahun 2018 ya tinggal ganti style aja agan , oke sekian tutorialnya salam labeltutorialcom dan selamat tahun baru 2017 ya agan emoga agan semua bisa mencapai impian impian ditahun 2017 thanks happy blogging.
03.16
Agar blog agan tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. 



Dan bagi anda yang berminat blognya di pasang jam juga, silahkan ikuti langkah-langkah berikut :
1. Silahkan kunjungi situsnya disini

2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Gallery

3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll, Jika sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi

4. Klik tombol yang bertuliskan Accept

5. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00

6. Set ukuran jam yang anda sukai di samping tulisan size

7. Copy kode HTML yang di berikan pada notepad

8. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan

9. Selesai
03.06
langsung aja nih kali ini saya akan share tentang tutorial blogger mengenai cara membuat tombol search seperti google , sebenernya sih udah banyak yang share buat tutorial ini , tapi apa salahnya kan ditulis ulang secara lengkap lagi itung itung buat dokumentasi oke lanjut aja ya ke tutorialnya.

simak baik baik ya script berikut :
Copy kode css diberikut diatas kode ]]></b:skin>
#search {background: #fff;border-radius: 2px;}#search-form {color:gray;width:50%;padding:6px 70px 6px 10px;font:14px Arial;transition: all 0.2s linear 0s;margin:-10px 0 10px;border:1px solid #ccc;border-radius:2px;}.search-button,.search-button:hover{background-color:#4D90FE;width:60px;padding:2px 5px;margin:5px 0 0 -63px;top:4px;border-radius:0 2px 2px 0;font-size:13px;cursor:pointer;border:none;position:relative;}#search-form:hover{border:1px solid #aaa}#search-form:focus{border:1px solid #4D90FE;outline:none;color:black;}
Kemudian silahkan copy kode HTML dibawah ini dan taruh kodenya diwidget atau dimana anda ingin menampikannya :

<div id='search'>
<form id='searchform' action='/search' method='get' target='_blank'>
<input id='search-form' 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 ...'/>
<button type='submit' class='search-button' title='Search'><img alt='search button' height='21' src='http://2.bp.blogspot.com/-2jHjDZuQt-Q/Uluj1K7q-AI/AAAAAAAAaPE/k2uOoGDyrjw/s1600/search.png' title='Search' width='21'/>
</button>
</form>
</div>
Nah ini hanya dari segi tampilannya saja. jika anda ingin menambahkan dengan Fungsi Custom Google Search bisa saja, tapi lanjut nanti lain kali ya agan-agan semua hehehe.
03.02
Langganan: Postingan (Atom)
Copyright © 2013 an.pathti