Post Game

Cara Membuat Like Box Facebook Valid HTML5

Cara Membuat Like Box Facebook Valid HTML5 - Alhadulillah setelah koneksi internet tadi malam saya erorr , sekarang sudah pulih lagi . kali ini saya akan membuat tutorial tentang bagaimana cara membuat like box / yang biasa disebut temukan kami di facebook valid html5. pada dasarnya like box yang asli pada script facebook , tidak valid HTML5 dan mengandung Iframe . Teentunya itu tidak baik untuk blog anda. serta dapat mengurangi nilai score seo anda ketika anda cek di chkme.com.

- data-show-faces="true"  // Tampilkan foto
- data-stream="false"  // Tampilkan artikel terbaru
- data-header="false"  // Tampilkan header "Temukan Kami di Facebook"

Go to link Download

Cara membuat Widget Follower Blog Valid HTML5

Cara membuat Widget Follower Blog Valid HTML5 - setelah lama kagak update postingan karena kemaren lagi UTS . sekarang di pagi hari minggu yang cerah ini ane mau update tentang bagaimana memodifikasi widget followers blog supaya valid html5 ..karena bahwa kita ketahui bahwasanya widget asli sangkeng blog itu tidak valid html5 terbukti salah satunya widget follower ini - dimana widget ini ada error nya sekawan ( 4 ) nah bagi yang newbie ( kayak ane ) pasti belum tau nih gimana apa sih itu widget folllower ..? tuk jelasnya liat aja gambar neng ngisor iki .



Nah gimana gan , selain valid nantinya agan bisa memodofikasinya sesuai selera agan . tuk lebih jelasnya simak dulu . Tutorial Cara membuat Widget Follower Blog Valid HTML5 di bawah ini :

1. Buat Widget Follower terlebih dahulu gan ..
( klik Tata Letak -> Tambahkan Gadget -> Gadget Lainnya -> Pengikut )
tapi jika agan sudah membuat widget ini , so lewati aja deh langkah pertama iki .

2. Buka blog sobat ..  Misalkan blog ane ahmadsuyadi.blogspot.com - maka buka ahamdsuyadi.blogspot.com di google . maka akan muncul gambar di bawah ini :

Go to link Download

Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML5

Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML5 - waduh ngomongin tentang valid html5 nih . bagi anda yang ingin menoptimalkan template blog sobat dalam validtor valid html5 dan masalah seo friendly . maka tutorial saya kali ini tentang bagaimana cara mudah Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML5 yang terindeks oleh google . Pada umumnya breadcrumbs hanya valid di home page saja , di postingan atau artikel masih ada error dan warning , maka dari itu perlu di ubah agar valid html5 di posting . dan yang pastinya akan menjadi lebih seo frendly .


OK . sob tanpa panjang lebar , mari kita Breadcrumbs SEO Friendly dan Valid HTML5 . are you readi kawan .?? yuk kita simak cara di bawah ini :

• Pada Edit HTML sobat cari kode <b:includable id=main var=top>
• Setelah ketemu kode tersebut , kemudian hapus kode diatas dan gantikan dengan kode dibawah ini :

<b:includable id=breadcrumb var=posts><b:if cond=data:blog.homepageUrl != data:blog.url>
<b:if cond=data:blog.pageType == &quot;static_page&quot;>
<div class=breadcrumbs><span><a expr_href=data:blog.homepageUrl rel=tag>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond=data:blog.pageType == &quot;item&quot;>
<!-- breadcrumb for the post page -->
<b:loop values=data:posts var=post>
<b:if cond=data:post.labels>
<div class=breadcrumbs>
<span itemscope= itemtype=http://data-vocabulary.org/Breadcrumb><a expr_href=data:blog.homepageUrl itemprop=url><span itemprop=title>Home</span></a></span>
<b:loop values=data:post.labels var=label>
  &#187; <span itemscope= itemtype=http://data-vocabulary.org/Breadcrumb><a expr_href=data:label.url itemprop=url><span itemprop=title><data:label.name/></span></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class=breadcrumbs><span><a expr_href=data:blog.homepageUrl rel=tag>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond=data:blog.pageType == &quot;archive&quot;>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class=breadcrumbs>
<span><a expr_href=data:blog.homepageUrl>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond=data:blog.pageType == &quot;index&quot;>
<div class=breadcrumbs>
<b:if cond=data:blog.pageName == &quot;&quot;>
<span><a expr_href=data:blog.homepageUrl>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr_href=data:blog.homepageUrl>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id=main var=top>
<b:include data=posts name=breadcrumb/>

• Langkah yang selanjutnya yaitu sobat tinggal memasang kode cssnya . cara memasang kode css nya yaitu sobat cari kode ]]></b:skin> . kemudian letakan kode css berikut diatas kode ]]></b:skin>

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

• Langkah yang terkahir simpan template dan lihat hasilnya
•  Done ( Taraaaa , sekarang sobat sudah bisa Membuat Breadcrumbs SEO Friendly dan Valid HTML5 , selamat ya  , heheheh )

Go to link Download