KTC PARTY BLOGGER

Sunday, April 6, 2014

Cara Mengatasi Error Ampersand Pada Validasi HTML5

Artikel masih berhubungan dengan Validasi HTML5, kali ini Saya mencoba berbagi tips validasi HTML5 pada error ampersand. Error ampersand adalah error yang terjadi pada kode &. Untuk mengatasi error tersebut hanya tinggal menggantinya menjadi &. Pada error ini ada beberapa masalah yang muncul, oleh karena itu Saya akan jelaskan satu - per satu.

Error Ampersand Pertama

Biasanya error ini terjadi pada kode &. Untuk contohnya seperti dibawah ini.

<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ></script>

Perhatikan kode yang Saya tandai, maka kita harus ganti kode tersebut & menjadi &. Maka akan menjadi seperti kode dibawah ini.

<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999" ></script>

Error Ampersand Kedua

Setelah mengganti kode tersebut ternyata masih error, oleh karena itu untuk mengatasinya tinggal menambahkan kode amp; di belakang kode &. Contohnya kode dibawah ini.

<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999" ></script>

Perhatikan kode yang Saya tandai, Anda hanya tinggal menambahkan kode amp; di belakang kode & sehingga menajadi seperti kode dibawah ini.

<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&amp;amp;callback=showpageCount2&amp;amp;max-results=99999" ></script>

Error Ampersand Ketiga

Untuk masalah error ketiga masih sama dengan mengatasi error kedua, Anda hanya tinggal menambahkan kode amp; di belakang kode & . Masalah ini akan muncul apabila cara mengatasi error pertama dan kedua masih gagal di lakukan.

Saturday, April 5, 2014

Gila +25.883 Dalam Satu Pos

Artikel ini telah usang, karena permasalah yang terjadi sudah selesai. Namun, untuk penyebab utama muncul masalah tersebut sampai saat ini belum di ketahui.

Artikel ini tidak hubungannya dengan tema yang Saya bahas pada blog ini. Ini hanya sebuah catatan Saya di blog ini. Kali ini Saya hanya ingin berbagi cerita unik dan aneh yang mengalami blog dummy Saya.

Pagi ini Saya membuka blog tersebut hanya sekedar untuk menyalurkan hobby desain template, hari ini Saya membuka halaman pos pada blog tersebut betapa terkejutnya Saya melihat salah satu pos dengan jumlah orang yang memberi +1 yaitu 25.883. Jumlah ini terus mengurang seiring dengan bertambahnya waktu.

Kemudian Saya selidiki dengan melihat pos tersebut langsung dan memang kenyataannya benar, dari data Google Plus Button tercatat orang yang memberi +1 adalah > 10.000. Saya inisiatif untuk mencari masalah tersebut di mesin pencari google, namun hasilnya tidak menemukan yang Saya harapkan.

Padahal Saya tidak pernah membagikan pos dalam blog tersebut ataupun menggunakan teknik bot google plus +1 semacam itu. Jumlah follower dan teman Google Plus Saya sendiri hanya 35 orang saat ini, jadi tidak mungkin sebagai penyumbang bom +1 tersebut. Muncul dalam benak Saya kenapa error ini tidak di alami pada blog Saya Kang Mousir, tentunya ini akan menjadi nilai plus untuk SEO dari blog ini. Dengan +1 sebanyak itu akan membuat blog ini berjaya di mesin pencari google :D.

Jadi, apakah ini memang kesalahan dari blogger atau penyebab lain ? Saya sendiri tidak tahu harus menjawab apa. Oleh karena itu Saya mengundang +Kang Ismet, +Adhy Suryadi dan Sobat blogger yang sekiranya dapat membantu permasalahan yang Saya alami.

Sampai sini Anda belum percaya ? Sebagai bukti bahwa Saya tidak berbohong, Saya sertakan dengan screenshoot.

Bagaimana ? Apa Anda masih belum percaya, Saya beri bukti kedua.

Cara Membuat Flash Banner Valid HTML5

Mencoba untuk berbagi tips dan trik Validasi HTML5, kali ini Saya akan coba berbagi tips bagaimana cara membuat flash banner valid HTML5. Sebenarnya artikel mirip dengan artikel Saya berjudul Cara Membuat Iklan IdBlogNetwork Valid HTML5. Biasanya flash banner sering menggunakan iframe dan ini sangat tidak baik untuk SEO. Oleh karena itu Saya akan memberikan alternatif agar flash banner tersebut SEO Friendly dan tentunya Valid HTML5.

Mengambil URL Flash Banner

Silakan Anda ambil URL Flash Banner yang di inginkan. Contohnya seperti ini.

<iframe src="http://namadomain.com/Fbdevhxxxx.swf"/>

Anda ambil URL yang Saya tandai diatas.

Memasang jQuery

Kemudian tambahkan jQuery Libary dibawah ini dan simpab diatas kode </head>.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

Lalu simpan jQuery ini diatas kode </body>.

<script type='text/javascript'>
//<![CDATA[
        $(this).replaceWith('<iframe class="banner loader" src="' + $(this).data('src') + '" allowfullscreen="allowfullscreen" width="738px" height="100px" marginwidth=0 marginheight=0 ></iframe>');
    });
//]]>
</script>

Memasang Banner

Selanjutnya simpan kode dibawah ini pada widget Anda HTML/JavaScript.

<div class="banner loader" data-src="URL Flash Banner"></div>

Itulah cara Cara Membuat Flash Banner Valid HTML5 .Semoga atrikel ini dapat membantu Anda mengatasi error Validasi HTML5 pada flash banner.

Friday, April 4, 2014

DroidPluss Responsive Blogger Template

Demo

Download

Pada kesempatan kali ini Saya mencoba berbagi Template Blogger yang cukup fenomenal di tahun 2013 kemarin bahkan sampai sekarang. Template buatan salah satu blogger ternama Indonesia yaitu Kang Ismet ini dibagikan secara gratis, walaupun gratis fitur - fitur pada template ini bisa dibilang seperti Template Premium.

Fitur Template

Responsive
Valid HTML5 ( Home Page and Post Page )
Valid CSS3
SEO Friendly
Sticky Widget
Back To Top
Breadcrumbs
Page Navigation
Smooth Scroll To Comment Hash
Customized Deleted Comment
Costumized Error Page
Cool Threaded Comment
Emoticon In Comment
and more.

Pengaturan Template

Untuk merubah sticky widget ( Sosial media yang melayang ) silahkan cari kode seperti dibawah ini kemudian edit.

<div id='stickywidget'>
<h3>Sosial Media</h3>
.....
.....
.....
</div>

Untuk membuat widget Artikel Terbaru, tambah widget HTML/JavaScript dan simpan kode ini pada widget Anda.

<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
</script>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://droidpluss.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>

Silakan cari dan hapus kode dibawah ini agar blog Anda tetap Valid HTML5.

<b:include name='quickedit'/>