Cara Mengatasi Missing required pada Template Johny Wusss

Posted Nov 25, 2013
Sudahkah anda melakukan analisa data pada Blog anda..? kalau saja belum, segera-lah melakukan analisa struktur data pada Blog anda di Google Web Master Tools pada fitur richsnippets nah hasilnya bagaimana apakah ada yang Error..? jika kebetulan anda pengguna template Johny Wusss maka saya rasa pasti ada yang Error di bagian Author dan Update-nya, kelemahan pada template itu terletak pada sebuah Postingan dimana Google tidak dapat menganalisa atau mengetahui siapa dan Kapan sebuah Artikel di Poskan maka sang mbah menyatakan Postingan itu Error.
Mungkin hal ini tidak terjadi pada semua pengguna Template Johny Wusss hanya sebagian kecil saja yang mengalami itu dan itu termasuk pada Blog ini yang selalu mengalami error pada saat melakukan Uji struktur data di Google rich snippets.
kembali pada Judul Artikel ini maka lansung aja Sobat simak cara cara berikut ini

1. Login ke Blogger dengan ID anda
2. Pilih Template
3. Edit HTML
4. Jangan lupa centang kotak Expand Widget Templates

5. Cari kode seperti di bawah ini kemudian hapus

<div class='postmeta'>
<span class='author'>Posted by <data:post.author/> </span>
<span class='clock'> Posted on <data:post.timestamp/> <b:if cond='data:post.allowComments'> with <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></span>
</div>

6. Setelah anda menghapus kode yang seperti diatas Maka silahkan Sobat Ganti dengan Kode di bawah ini

<div class='postmeta'>
<div class='post-author vcard'>
<span class='fn'>Posted by <data:post.author/> </span>
<span class='updated'>on <a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> <b:if cond='data:post.allowComments'> with <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></span>
  </div></div>

Jika berhasil maka silahkan di SAVE dan buka kembali Google richsnippets kemudian kembali lakukan Uji struktur data.
Jika masih kurang silahkan sobat baca Artikel tentang 1001 cara mengatasi missing required Semoga berhasil.

Read more »
Labels:

Cara Mengatasi Warning Page Contains Pada Blog

Posted Jun 16, 2013
Warning: page contains property "amage_url" wich is not part of the schema. Warning: Page contains property "blogid" wich is not part of the schema. Warning: Page contains property "postid" wich is not part of the schema. itulah beberapa pesan peringatan  yang saya jumpai ketika saya melakukan analisa blog di google rich snippets hal itu terjadi ketika saya memutuskan untuk menggunakan template hasil Editan sendiri, walau berat hati meniggalkan template keren nan cantik hasil karya para master kode pembuat template tapi apa boleh buat, mereka jarang memberi izin kepada pengguna templatenya untuk merubah catatan kaki atau credit yang ada pada template itu apa lagi menghapusnya.. ha.ha.. walau sebenarnya gampang untuk menghilangkan semua itu akan tetapi bagi saya pribadi itu sama saja dengan menghianati para master pembuat template atau dengan kata lain TIDAK MENGHARGAI nya akhir intro, saya lebih memilih kembali menggunakan template bawaan Blogger


setelah sukses mengatasi peringatan missing required field updated dan missing required hCard sebagaimana pada pembahasan di postingan saya yang sebelumnya tentang 1001 Cara Mengatasi Missing required maka berikut langkah-langkah yang saya tempuh untuk mengatasi ke tiga peringatan diatas.

1. Login ke Blooger
2. Pilih Template
3. Edit HTML

temukan satu demi satu ke tiga kode penyebab pesan peringatan itu muncul gunakan Ctrl+F untuk modus pencarian cepat

 Kode 1
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>

Kode 2
<meta expr:content='data:blog.blogId' itemprop='blogId'/>

 Kode 3
<meta expr:content='data:post.id' itemprop='postId'/>

Urutan ketiga kode diatas kurang lebih seperti ini

- Contoh Ukuran Letak Kode

<div class='post hentry'
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>
    <a expr:name='data:post.id'/>
</div>

jika sobat sudah menemukan ketiga kode yang saya sebutkan diatas maka silahkan sobat menghapus ketiga kode itu kemudian lakukan partinjau sebelum di Save jika tidak terjadi error dan sudah di Save maka silahkan sobat melakukan test analisa blog di google rich snippets semoga berhasil

Read more »
Labels:

1001 Cara Mengatasi Missing Required Field Updated

Posted May 29, 2013
Sipa sangka kalau Blog kita ternyata terkadang dianggap tidak sehat oleh google 'so What..?' ya itu menurut gue aja, Missing required field updated bukan masalah..? jika iyya, buat apa mbah google memberi peringatan..? keputusan di tangan anda, baiklah bagi Sobat blogger yang merasa terganggu dengan masalah ini silahkan peraktekkan beberapa trik dibawah ini siapa tau aja ada yang manjur menyelesaikan hal itu, lompat cerita.. beberapa hari yang lalu pandangan saya merasa terganggu ketika melakukan Uji Url Blog di google tools dengan munculnya tulisan berwarna merah yang bersufat peringatan, langsung aja gue googling dengan kata kunci Mengatasi missing required field updated Alhasil saya menemukan beberapa blog yang membahas tentang cara penyelesaiannya mulai dari Merubah ataupun menambahkan kode-kode tertentu pada halamn Edit HTML template, tapi sayangnya masalah pada Blog saya tidak terselesaikan, akhirnya gue ambil resiko dengan mengganti template bawaan blogspot, masalah pun selesai (jangan melakukan hal seperti itu) saya beranggapan template yang saya gunakan tidak Bagus, Masa iyya sih..? akh tidak mungkin, template yang saya gunakan kan hasil rancangan para Master desainer Template, akhirnya gue pasang kembali template semula dan kembali melakukan Uji, pesan Missing required pun kembali hadir kemudian dengan rasa bingung gua kembali googling dengan kata kunci yang berbeda dari sebelumnya Penyebab Missing required field updated  Alhasil ternyata penyebabnya hanya karena google tidak dapat membaca kapan tanggal atau waktu sebuah Postingan  nah dari hasil curhat saya diatas tercipta sebuah kalimat ''kalu begitu kita tinggal ngasih tau mbah google dong'' kapan waktu dan tanggal artikel itu di publikasikan, caranya..? ya udah,, simak aja langkah-langkah berikut ini.

- Cara Pertama

Login dulu Mbak/Bro  kemudian dari dashbor blog sobat klik Template kemudian Edit HTML selanjutnya cari kode seperti ini, atau paling tidak mirip lah

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

kemudian ganti tulisan yang berwarna merah dengan kata updated
kemudian klik Simpan Template dan lihat hasilnya.. What..!! masih error..? baiklah kita coba cara berikutnya.

- Cara Kedua

cara yang kedua ini hanya berlaku jika seandainya dari halamn Edit HTML template sobat tidak menemukan kode yang seperti diatas (kode cara pertama) maka silahkan cari kode yang seperti ini

<b:if cond='data:post.hasJumpLink'>

kemudian Copy kode berikut ini dan Paste tepat di atas kode yang tadi

<div class='vcard' id='hcard- NAMA ANDA'>
<span class='fn n'>
<span class='given-name'></span>
</span>
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</div>

setelah menambahkan kode dengan benar silahkan sobat klik Simpan template dan Lihat hasilnya
dengan melakukan Uji pada google tools richsnippets masihkah ada peringatan dari mbah google..?
jika iyya berarti kedua cara diatas masih belum cukup sebagai pemberitahuan kepada google tentang waktu dan tanggal sebuah postingan, baiklah mari kita lanjutkan dengan cara yang berikut.

 - Cara Ketiga

silahkan sobat melakukan edit untuk postingan melalui halaman tata letak

kemudian sobat beri tanda centang pada kolom yang di beri tanda lingkaran berwarna merah


dan yang terakhir, ketika sobat menulis sebuah artikel sebaiknya sebelum di publikasikan terlebih dahlu sobat memilih waktu otomatis dengan memberi tanda pada jadwal yang berada disisi kanan pada halaman New entri


Nah setelah melakukan semua cara diatas (1-3) silahkan sobat kembali melakukan analisa Blog di google tools richsnippets dan lihat apakah usaha anda membuahkan hasil..? jika tidak, saya harap sobat jangan kecewa karena artikel ini adalah buah karya blogger kacangan, akhir kata saya ucapkan terimakasih Atas kunjungannya.. Salam Blogger
Read more »
Labels:

Kelemahan Artikel Yang Di Proteksi Script Anti Copas

Posted May 29, 2013
Haruskah sebuah  Blog di proteksi dengan script anti Klik kanan dan Ctrl+U..? agar aman dari Copas..? atau supaya pengunjung kesulitan untuk mengambil sesuatu yang ada di dalam artikel itu, iyya gitu..? saya pribadi tidak setuju dengan hal itu dengan sebuah alasan, buat apa sebuah artikel di Publikasikan kalau tidak sepenuhnyna di ikhlaskan kepada pembaca namun meski demikian bukan berarti bahwa saya mendukung Author tukang Copas alias pencuri Artikel, lalu buat apa postingan ini..? bebrapa hari yang lalu ponakan saya minta dicariin materi tentang sejarah, singkat kata, pas ketemu dengan halaman yang dicari aku segera minggat dari hadapan layar namun selang beberapa saat ponakan gue manggil oOm...! sini, aku menghampiri dan berkata ada apa..? Mouse punya Oom rusak yah..? gak bisa klik, aku coba klik sana klik sini eh, bagus ternyata tapi kok gak berfungsi yah di halaman itu.. akhir cerita Aku dan Dia sama-sama bingung
percuma ceritanya disambung naluri saya berkata pembaca tak akan percaya.. ha..ha..


Berikut triknya agar sobat tidak mengalami hal yang memalukan seperti saya sesuai cerita diatas

1. View Source
jika sobat ketemu dengan Blog yang artikelnya tidak bisa di Highlight untuk di Copy coba tekan Ctrl+U jika masih tidak bisa maka coba lakukan seperti berikut ini

- Buka tab baru (jendela baru) pada web browser
- Copy  URL halaman yang mau dilihat source-nya
- dan Paste di kolom pencarian web browser yang tadi di buka
- tambahkan kata view-source: di depan URL yang sudah di paste

2. Contoh
seandainya Blog http://bungaeja.blogspot.com ini diproteksi dengan script anti Klik kanan dan Ctrl+U kemudian sobat ingin melihat source-nya maka sobat tinggal menmbahkan kata view-source: maka jadinya akan seperti ini view-source:http//bungaeja.blogspot.com lalu search maka sobat akan melihat source Blog ini

3. Cara meng-Copy dari view source
-misalnya artikel yang ingin sobat Copy berbunyi
Pasukan belanda yang bersenjata berhasil di kalahkan oleh pasukan pejuang  RI yang hanya bermodalkan Bambu runcing walau sulit dipercaya tapi itu adalah fakta, kecerdikan pasukan RI yang menyerang pasukan belanda di waktu pasukan belanda sedang keasyikan maen fezbuk ternyata membuahkan berhasil........

- tekan Ctr+F (akan muncul kolom pencarian) di halaman view-source dan masukkan kalimat Pasukan belanda yang bersenjata lalu enter.. maka hasilnya ..???
Read more »
Labels:

Code Beautiful Button Download For Blog Part II

Posted Apr 27, 2013
Para sahabat Blogger yang masih pemula kalian gak usah susah payah kesana kemari hanya untuk mencari Button yang keren sebab pada postingan kali ini saya akan kembali membagikan kode kode tombol atau button Download dengan gaya tampilan yang keren berbeda dengan postingan saya yang sebelumnya tentang Kode Button Download Keren 2013 kali ini Bungaeja blog kembali berbagi button Download yang tampilannya agak lebih besar dari yang sebelumnya.
Bagi agan yang berminat untuk menggunakan Code Beautiful Button Download For Blog silahkan lihat kode kode  berikut ini sesuai dengan nomor urutnya


1. Button A


2. Button B


3. Button C


4. Button D


5. Button E


6. Button F


7. Button G


8. Button H


9. Button I


- Tulisan URL agan di ganti dengan alamat URL file yang akan di download

Naha saya kira cukup sekian dari postingan ini semoga dapat menambah koleksi button agan kemudian untuk Button yang lebih keren silahkan agan berkunjung ke Blog yang ada di luar sana.. he..he..
Selamat berselancar di dunia Net..
Read more »
Labels:

Cara Membuat Daftar isi Blog Hide Show Melayang

Posted Apr 23, 2013

Sahabat Blogger yang saya hormati pada kesempatan kali ini saya akan berbagi sebuah postingan yang bertuliskan beberapa kalimat yang menjelaskan tentang Cara Menbuat Daftar isi Otomatis dengan tampilan  Hide Show melayang namun sebelum menulis panjang lebar terlebih dahulu saya mohon maaf atas sumber kode kode scrip yang saya tidak ikut sertakan sumbernya disini, bukannya tidak mau tapi sehubungan kode kode berikut ini adalah gabungan tiga kode yang langkah awalnya adalah saya mencari kode script untuk melayang kemudian script untuk Daftar isi otomatis terakhir saya mencari kode untuk Hide show kemudian saya gabung menjadi satu dan jadilah seperti berikut ini.
Bagi yang berminat membuat Daftar isi otomatis di blog dengan tampilan Hide Show melayang silahkan ikuti langkah langkah berikut ini

1. Login ke Blogger
2. Dari halamat tata letak pilih Add Widget
3. Pilih tambahkan HTML
4. Copy kode berikut ini dan Paste di Blog agan


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:190px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkgS9za3H3Yd_jhHWJreq1ZFQ4LvSMjPPFW6NrfSsWN1fHXfU-sX7YnVeBLUjInQJ9XCi9cmDhhafo_Hkk8PJ8HXHBidOLjRr5XwqNCbidyc-u6pyY-H-5e9MkYSAjxFeOBJfRpOhKIYI/s1600/img2.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="background:#000000; no-repeat scroll 0 0; border:3px solid #000000;height:500px; overflow:auto; padding:10px; width:300px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="https://trikdantips.googlecode.com/files/Bungaeja.js">
</script>
<script src="http://blogagannnn.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

- warna kuning adalah gambar yang tampil untuk di klik silahkan lihat di sudut kanan atas pada blog ini dapat saudara ganti dengan URL gambar  dengan ukuran width 30px Hight (terserah)
- warna merah di ganti dengan alamat blog saudara
-warna biru jumlah yang di tampilkan
- warna pink adalah kode warna yang dapat saudara ganti

Saya kira cukup sekian dari postingan ini untuk kodenya silahkan anda utak atik sendiri agar sesuai dengan tampilan Blog anda akhir kata saya ucapkan Selamat Mencoba..
Read more »
Labels:

Cara Membuat Kotak Geser atau Scroll Box di Blog

Posted Jan 10, 2013
Para sobat blogger yang masih pemula khususnya yang ilmunya masih kayak gua mungkin pernah bertanya tanya gemana sih caranya membuat postingan yang make kotak geser atau scroll box nah kalau saja iyya maka kali ini saya rasa kebingungan itu cukup sampai hari ini saja karena setelah sobat membaca artikel ini maka saya yakin kebingungan itu akan segera lenyap sehubungan postingan ini di khususkan untuk blogger yang jurusnya masih setingkat dengan penulis, maka hal ini akan kita bahas dengan sangat rinci baiklah berikut langkah langkah yang boleh sobat peraktekkan sebagai pembelajaran awala membuat kotak geser dan selanjutnya silahkan sobat kembangkan sendiri seperti biasa untuk menguji cara ini sobat harus dalam
keadaan login tentunya kemudian dari homepage pilih

 - Entri atau post
- New entri
- Letakkan kode dari tab HTML no Compose


kemudian letakkan kodenya dari halamn HTML
nah berikut akan saya bagikat dua jenis kotak geser

- Contoh .1

kotak geser atau scroll box dengan tombol block diatasnya yang fungsinya apabila di klik maka keseluruhan teks yang berada di dalam kotak geser akan terblok atau tertandai dan siap untuk di copy



- Contoh .2

Kotak geser tanpa tombol untuk menandai keseluruhan teks yang berada di dalam kotak


nah berikut adalah kode yang harus anda letakkan pada postingan sobat yang ingin menggunakan kotak geser sesuai petunjuk penggunaan yang saya sebutkan di atas
Kode contoh .1

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" style="background-color: black; color: yellow; width: 150px;" type="button" value="Tandai Kode" /></div>
<div align="center">
<textarea cols="20" name="txt" rows="5" style="height: 80px; width: 300px;" wrap="VIRTUAL">Masukkan teks di sini </textarea><br />
<br />

Kode contoh .2

<p align="center"><textarea name="code" rows="2" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>

 nah saya rasa cara diatas sudah cukup untuk di jadikan sebagai bahan pembelajaran awal dalam membuat kotak geser atau scroll box pada postingan mohon maaf atas segala kekurangan akhir kata saya ucapkan selamat berkarya semoga sobat tidak seperti pemilik blog ini yang hanya dapat berbagi hasil karya orang lain ''berbagi itu indah asal jangan Copas"


Blog iseng-iseng
mencari mencoba dan berbagi
Read more »
Labels:

Cara Mudah Meletakkan Share Button di Blog

Posted Jan 8, 2013
Pada kesempatan kali ini gue lagi bingung pengen ngepost tapi gak punya bahan jadi yah gue asal-asalan saja membuat postingan ini siapa tau secara kebetulan ada diantara blogger yang masih dalam tahap pemula dan ilmunya masih selevel dengan gue nah kalo demikian berarti kita masih senasib alias sama-sama masih bingung untuk membuat atu meletakkan tombol berbagi alias share button pada blog yang mana memiliki fungsi untuk memungkinkan kepada pengunjung dapat membagikan artikel atau blog yang mereka kunjungi ke social network seperti twitter, facebook, dll.
daripada banyak bacot sebaiknya kita liat aja langkah-langkah berikut ini tentang cara mudah untuk meletakkan share button diblog

Share Button
- Login blogger
- Template
- Edit HTML jangan lupa centang expand buat antisipasi

 Tahap .1

 Cari kode yang seperti ini </head>
jika sudah menemukan kodenya maka letakkan kode berikut ini tepat di atas kode yang tadi
<script type="text/javascript">var switchTo5x=false;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "4fd53c38-3a92-41f1-b0f6-0b89a48761bb"});</script>

- Lakukan pratinjau kalau berhasil teruskan ketahap berikut
- Catatan: tombol berbagi belum keliatan

 Tahap .2

 Tahap ini adalah tahap pemunculan tombol berbagi atau share button pada Blog, kode di bawah ini dapat di letakkan sesuai keninginan tergantung dimana share button itu ingin di munculkan misalnya pada bagian atas maka cari kode yang seperti ini
<div id='content-wrapper'> kemudian letakkan kode berikut tepat diatas kode yang tadi
<span class='st_sharethis_hcount' displayText='ShareThis'></span>
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_googleplus_hcount' displayText='Google +'></span>
<span class='st_email_hcount' displayText='Email'></span>

 -Kemudian lakukan pratinjau dan lihat hasilnya muncul gak yah..?

 jika muncul berarti cara ini berhasil dan anda dapat memindah mindahkan kodenya sesuai di area mana share button ingin di tampilkan

 Jika ingin di tampilkan pada widget maka letakkan kodenya pada kolom widget dari halaman tata letak pilih

 - Add widget
- tambahkan HTML/Japascript
- Paste kode tahap dua lalu simpan

 Catatan: 
untuk penempatan share button di widget cukup dengan menyelesaikan tahap pertama dan lanjutkan tahap kedua dari halaman tata letak

 saya rasa cukup sekian postingan ini untuk dapat di mengerti dan di coba jika ternyata ada kesamaan artikel maka itu bukan berarti hasil Copas tapi itulah sebuah script berpatokan pada rumus yang sama jadi mungkin saja kode diatas mirip atau bahkan sama persis dengan kode yang ada di Blog lain akhir kata saya ucapkan selamat mencoba




Blog iseng iseng
mencari mencoba dan berbagi
Read more »
Labels:

Modifikasi Tampilan Blog

Posted Sep 25, 2012
Sebagi pemula dalam urusan blog yang tanpa dibekali pengetahuan dasar tentang kode-kode bahasa pemerograman seperti saya ini ketika ingin melakukan modifikasi pada tampilan Blog tentu akan menemui kesulitan malah selalu timbul pertnyaan-pertanyan kecil seperti bagaimana sih cara meletkkan ini diatas itu..? bagai mana sih cara memindahkan ini kesamping sana..? atau merubah ini menjadi itu atau kadang-kadanng termenung
Read more »
Next »
Labels: