Top News

Tool Transpose Chord

Pilih Chord Kunci Gitar:
Demo Chord [Contoh]
   G        D     G
Indonesia Tanah Airku
G      C   G    D7 G   D
Tanah Tumpah  Da rah ku..
Am                  D
Di sanalah Aku Berdiri
   D       D7  G
Jadi Pandu  Ibuku

 G          D     G
Indonesia Kebangsaanku
G         Em   D  G   Am   B    C
Bangsa dan Tanah   A......ir....ku
C   Am   Am     B    C   Bm   C
Marilah  Ki....ta   Ber..se...ru
C       G  D    G
Indonesia  Bersatu

C                  G
Hiduplah Tanahku..Hiduplah Negeriku
Bm      D           G
Bangsaku Rakyatku Semuanya
C                            G
Bangunlah Jiwanya..Bangunlah Badannya
  D             G
Untuk Indonesia Raya

 C                       G
Indonesia Raya....Merdeka - Merdeka
 D7              G
Tanahku Negeriku Yang Kucinta

 C                       G
Indonesia Raya....Merdeka - Merdeka
 C           D        G
Hiduplah Indonesia Raya

C                       G
Indonesia Raya....Merdeka - Merdeka
D7                            G
Tanahku Negeriku Yang Kucinta

C                       G
Indonesia Raya....Merdeka - Merdeka
C           D        G
Hiduplah Indonesia Raya

Apa itu transpose Chord? 

Transpose Chord/Kunci gitar adalah alat untuk memindahkan chord kunci gitar (naik/turun) nada dasar/chord pada sebuah lagu menjadi lebih rendah maupun lebih tinggi. Ini difungsikan untuk mendapatkan nada dasar yang cocok dengan penyanyi mengikuti kesesuaian lagu yang kamu inginkan.

Detik Style - Template SEO Friendly Fast Loading Responsive untuk Blog Berita.

SEBELUMNYA CB pernah share template blog menyerupai detik.com, Detikcom Style Blogger Template. Banyak yang unduh dan gunakan, khususnya blog berita.

Kali ini CB hadirkan model terbaru template menyerupai situs gosip detik.com tampilan terkini. Namanya Detik Style. Sengaja tidak dibentuk menyerupai banget supata situs gosip Anda juga punya ciri khas.

 Template SEO Friendly Fast Loading Responsive untuk Blog Berita Detik Style - Template SEO Fast Responsive untuk Blog Berita

DEMO  | ORDER

Berbeda dengan Detikcom Style yang berat dan tidak reponsive, Detik Style ini fast loading dan responsive dan Full SEO Optimized.

 Template SEO Friendly Fast Loading Responsive untuk Blog Berita Detik Style - Template SEO Fast Responsive untuk Blog Berita

Dinamakan Detik Style, ya sebab "nyontek" tampilan detik.com. Template ini tiga kolom sehingga menyediakan ruang sangat leluasa untuk menampilkan posting atau iklan di mana saja.

Blog langsung juga dapat memakai template ini, namun dengan syarat banyak label atau variatif.

Features Detik Style Blogger Template:
  • Mirip situs ternama sehingga memenuhi User Experience (UX)
  • SEO Optimized
  • Responsive - Mobile Friendly
  • User Friendly
  • Fast Loading 
  • Mobile Friendly-test: Awesome!
  • Stuctured Data Testing Tools: All Good
  • Google PageSpeed is OK (Green)
  • Skor SEO Chkme 100%
  • Speed GT Metrix A (96%) B (82%)
  • Schema Microdata to More SEO Killer
  • Related Post with Thumbnail Image
  • Auto Readmore with Thumbs
  • Featured Post Widget Modification
  • 2 Responsive Menu
  • Simple Post Image Slider
  • Stylish Numbered Page Navigation
  • Blog Pager with Post Title
  • Social Share Button
  • Subscription Box to Boost Traffic
  • Anti-Spam Comments Code Included
  • Elegant Popular Posts Widget
  • ... more...
Skor SEO | Kecepatan Loading | PageSpeed


 Template SEO Friendly Fast Loading Responsive untuk Blog Berita Detik Style - Template SEO Fast Responsive untuk Blog Berita

 Template SEO Friendly Fast Loading Responsive untuk Blog Berita Detik Style - Template SEO Fast Responsive untuk Blog Berita

 Template SEO Friendly Fast Loading Responsive untuk Blog Berita Detik Style - Template SEO Fast Responsive untuk Blog Berita

 Template SEO Friendly Fast Loading Responsive untuk Blog Berita Detik Style - Template SEO Fast Responsive untuk Blog Berita

Excellent, Is'nt it? Skor SEO 100%. Kecepatan Loading GT Metrix A (91%) B (80%) dengan durasi tampilan satu detik saja! Tes lain mengatakan data loading A (96%) B (82%).

Google PageSpeed Insight is GREEN. Hijau: Desktop (91/100) dan Mobile (86/100).

Detik Style - Template SEO Fast Responsive untuk Blog Berita ini masih dapat Anda modif lagi terutama dari sisi penampilan/warna. SEO-nya sudah killer banget!

Tren Blog Berita

Blog gosip menjadi salah satu tren blogging di Indonesia. Pemberitaan yang dinilai tidak berimbang di media-media mainstream (arus utama, media besar, media pers) memunculkan "tandingan" dari para blogger yang menciptakan situs gosip dengan platform blogger atau CMS WordPress untuk menciptakan blog berita.

Blog gosip yaitu blog dengan niche blog berupa informasi kasatmata (berita, news), umumnya repos atau mengutip dari gosip mainstream yang dilengkapi dengan sumber lain, bahkan ada juga yang dicampur opini.

Anda dapat menciptakan situs gosip atau situs lembaga, instansi, organisasi, dengan memakai blogger, di-custom domain (nama domain sendiri dengan hosting tetap di blogger), kemudian gunakan template blog gosip SEO Friendly menyerupai DetikStyle di atas.

Good Luck & Happy Blogging! (http://www.idtutorial.com).*

Cara Membuat / MemasangNavigasi Menu Responsive Dropdown Statis Melayang - Simple & Fast Loading di Blogger.

NAVIGASI sajian blog responsive merupakan widget yang wajib dipasang di kala mobile user kini ini. Demikian juga sajian statis (static menu) atau sajian melayang (floating menu) alias sajian tetap ada kalau halaman discroll ke bawah (fixed menu).

 MemasangNavigasi Menu Responsive Dropdown Statis Melayang  Navigasi Menu Responsive Dropdown Statis Melayang - Simple & Fast Loading

Lihat DEMO

 MemasangNavigasi Menu Responsive Dropdown Statis Melayang  Navigasi Menu Responsive Dropdown Statis Melayang - Simple & Fast Loading

Kode-kode navigasi sajian di bawah memenuhi semuanya --responsive aka mobile friendly, statis, floating, fixed alias tetap muncul ketika halaman discroll ke bawah. Plus... DROPDOWN!

Jadi, ini navigasi sajian untuk blogger lengkap banget, simple, dan fast loading alasannya ialah javascript hanya untuk menjadikannya 'floating menu'. Sorry, ada Mika Tembayong ikutan mejeng :)

Cara Pasang Navigasi Menu Responsive Dropdown Statis Melayang 

KODE CSS
Simpan di atas arahan ]]</b:skin> atau </style>
Bisa juga di pasang di atas arahan </head>, tapi awali dengan arahan pembuka css <style> dan akhiri dengan arahan epilog css </style>

#menu {background:#333;color:#eee;height: 40px;border-bottom: 5px solid #ddd;width:100%;max-width:960px;margin:0 auto;}
#menu ul,#menu li{margin:0 0;padding:0 0;list-style:none}
#menu ul{height:40px}
#menu li{float:left;display:inline;position:relative;font:bold 12px Arial;text-shadow: 0 -1px 0 #000;border-right: 1px solid #444;border-left: 1px solid #111;text-transform:uppercase}
#menu li:first-child{border-left: none}
#menu a{display:block;line-height:40px;padding:0 14px;text-decoration:none;color:#eee;}
#menu li:hover > a,#menu li a:hover{background:#c00}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:40px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:12px;position:absolute;left:40px}
#menu ul.menus{height:auto;overflow:hidden;width:180px;background:#c00;position:absolute;z-index:99;display:none;border:0;}
#menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;}
#menu li:hover ul.menus{display:block}
#menu a.home {background-color:#c00;}
#menu a.prett{padding:0 27px 0 14px}
#menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:15px;right:9px}
#menu ul.menus a:hover{background:#48d;}
@media screen and (max-width: 768px){
  #menu{position:relative}
  #menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
  #menu ul.menus{width:100%;position:static;padding-left:20px}
  #menu li{display:block;float:none;width:auto}
  #menu input,#menu label{position:absolute;top:0;left:0;display:block}
  #menu input{z-index:4}
  #menu input:checked + label{color:white}
  #menu input:checked ul{display:block}
}

KODE HTML
Simpan di atas <div class='outer-wrapper'> atau    <div class='main-wrapper'> atau di bawah arahan              <div class='header-wrapper'> .... </div>

<nav id='menu'>
<input type='checkbox'/>
<label>&#8801;<span>Navigation</span></label>
<ul>
<li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#' title='Template'>Template</a></li>
<li><a href='#' title='Tips SEO'>Tips SEO</a></li>
<li><a href='#' title='Google AdSense'>Google AdSense</a></li>
<li><a href='http://www.idtutorial.com' target='_blank' title='CB'>Link</a></li>
<li><a class='prett' href='#'>Dropmenu</a>
<ul class='menus'>
 <li><a href='#' title='CSS'>CSS</a></li>
 <li><a href='#' title='HTML'>HTML</a></li>
 <li><a href='#' title='Javascript'>Javascript</a></li>
 <li><a href='#' title='Google'>Google</a></li>
</ul>
</li>
       </ul>
    </nav>

Sampai di sini, sebetulnya sajian navigasi responsive plus dropdown sudah terpasang. Anda tinggal mengedit nama-nama sajian dan mengganti tanda pagar (#) dengan link menu.

Namun, sajian di atas belum fixed atau melayang ketika discroll, gres responsive doang. Jika ingin menjadikannya floating menu, lanjutkan dengan tahap terakhir berikut ini.

PASANG KODE JAVASCRIPT Fixed Menu
Kode berikut ini untuk mengakibatkan navigasi sajian yang dipasang tadi static, floating, atau fixed, tetap muncul di pecahan atas layar kalau halaman blog discroll ke bawah.

Simpan atas </body> atau </head>


<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    var stickyNavTop = $('#menu').offset().top;
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop();
        if (scrollTop > stickyNavTop) {
            $('#menu').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
        } else {
            $('#menu').css({ 'position': 'relative' });
        }
    };
    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});
//]]>
</script>

SAVE!

Demikian Navigasi Menu Responsive Dropdown Statis Melayang - Simple & Fast Loading. Anda dapat memadukan navigasi sajian ini dengan Top Menu Responsive Blogger plus Media Sosial untuk di atas header blog.

Kode sajian di atas Kang Ismet.

Good Lukc & Happy Blogging! (http://www.idtutorial.com).*

Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren Berdasarkan Label/Kategori.

DAFTAR ISI, Table of Content (ToC), atau Peta Situs Sitemap ialah halaman blog berisi indeks atau daftar posting. Contohnya dapat dilihat di Sitemap.

Fungsi widget daftar isi ini sebagai internal link dan navigasi blog yang memudahkan pembaca mencari goresan pena yang dibutuhkan. Halaman statis sitemap ini dapat meningkatkan pageviews.

Banyak sekali jenis desan tampilan sitemap/daftar isi blogger, salah satunya dari DTE bernama daftar isi akordion (accordion table of content) menyerupai ini:

 atau Peta Situs Sitemap ialah halaman blog berisi indeks atau daftar posting Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren
Tampilan Daftar Isi (Sitemap) Blog Gaya Accordion  | Live Demo

Anda masih dapat utak-atik atau edit warnanya di instruksi css. Model sitemap blogger ini dinamakan 'Tabel Konten Akordion dengan Sortir Label' alasannya ialah disortir menurut kategori posting.

Cara Membuat Daftar Isi (Sitemap) Blog Accordion

1. Buat halaman baru: Page > New Page

 atau Peta Situs Sitemap ialah halaman blog berisi indeks atau daftar posting Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren


2. Klik mode HTML

 atau Peta Situs Sitemap ialah halaman blog berisi indeks atau daftar posting Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren


3. Copas instruksi berikut ini:

<link rel="stylesheet" href="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-skin.css"/>
<div id="table-of-content" class="table-of-content"><span class="loading">Memuat...</span></div>
<div class="credit-link"><a href="//www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren">&#9654; Accordion TOC</a></div>
<script>
var toc_config = {
    url: 'http://idtutorialnih.blogspot.com',
    containerId: 'table-of-content',
    showNew: 10,
    newText: ' &ndash; <strong style="font-weight:bold;font-style:italic;color:red;">Baru!</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-1.js"></script>

Catatan: Pastikan di template blog Anda sudah ada link ke instruksi jQuery menyerupai ini:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Jika belum ada, pasang di atas instruksi </head>

4. Ubah alamat blognya.
5. Save! Beres.

Cara Menampilkan Link Sitemap Blogger di Menu

Untuk menampilkan di Navigasi Menu silakan ikuti panduan ini: Cara Menampilkan Link Halaman Statis di Navigas Menu Blog.

Demikian Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren. Good Luck & Happy Blogging! Jenis tampilan daftar isi lainnya lihat Widget Daftar Isi Blog. (http://www.idtutorial.com).*

 navigasi halaman untuk blogger dengan gaya navigasi halaman blog Cara Membuat Navigasi Halaman Nomor (Angka) di Blogger Terbaru
Cara terbaru memasang atau menciptakan Navigasi Halaman Nomor atau Angka (Numbered Page Bavigation) di blogger.

Diistilahkan dengan Page Navigation with WP-PageNavi style, navigasi halaman untuk blogger dengan gaya navigasi halaman blog CMS WordPress.

Disebut terbaru alasannya isyarat scriptnya tidak ngelink ke Google Code dan Google Drive yang sudah dilarang Google, sehingga semua isyarat script yang disimpan (di-hosting) di sana tidak work lagi.

Jika isyarat navigasi halaman nomor blog Anda ngelink ke Google Code, dipastikan tidakan muncul. Satu lagi yang baru: navigasi jalaman angka/nomor ini responsive (mobile friendly).

Cara Membuat Navigasi Halaman Nomor (Angka)

1. Install CSS style
Buka isyarat template Anda dengan klik Template > Edit HTML
Temukan isyarat  ]]></b:skin>

Masukan salah satu isyarat css berikut ini. Ada dua model, hitam putih dan berwarna.

STYLE-1

/* Page Navigation Model Hitam Putih */
.pagenavi{clear:both;margin:10px auto;text-align:center}
.pagenavi span,.pagenavi a{padding:3px;margin-right:5px;background:#fff;border:1px solid #c20c0c}
.pagenavi a:visited{color:#c20c0c}
.pagenavi a:hover,.pagenavi .current{background:#c20c0c;color:#fff;text-decoration:none}
.pagenavi .pages,.pagenavi .current{font-weight:bold}
.pagenavi .pages{border:none}
@media screen and (max-width:384px) {
pagenavi{clear:both;margin:15px 0 10px;text-align:center;font-weight:bold;color:#fff !important;text-transform:uppercase}
.pagenavi span,.pagenavi a{padding:5px;}
}

STYLE-2

/* Page Navigasi Nomor/Angka model Warna */
.pagenavi{clear:both;margin:15px 0 10px;text-align:center;font-weight:bold;color:#000!important;text-transform:uppercase}
.pagenavi span,.pagenavi a{padding:5px 10px;margin-right:3px;display:inline-block;color:#000!important;background-color:#fff;border:1px solid #e5e5e5}
.pagenavi .current{color:#000!important;border:1px solid #222}
.pagenavi .current,.pagenavi .pages,.pagenavi a:hover{color:#000!important;border:1px solid #222}
.pagenavi .pages {display:none}
@media screen and (max-width:384px) {
pagenavi{clear:both;margin:15px 0 10px;text-align:center;font-weight:bold;color:#fff !important;text-transform:uppercase}
.pagenavi span,.pagenavi a{padding:5px;}
}

2.  Install script
Temukan isyarat <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Masukkan isyarat berikut ini sesudah atau di bawah isyarat tersebut:

<b:includable id='page-navi'>
    <div class="pagenavi">
        <script type="text/javascript">
        var pageNaviConf = {
            perPage: 5,
            numPages: 9,
            firstText: "First",
            lastText: "Last",
            nextText: "Next",
            prevText: "Prev"
        }
        </script>
<script type='text/javascript'>
//<![CDATA[
function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
//]]>
</script>
        <div class="clear" />
    </div>
</b:includable>

3. Langkah Berikutnya: Tahap Akhir
Temukan isyarat berikut ini:

<!-- navigation -->
<b:include name='nextprev'/>

Hapus dan Ganti dengan isyarat ini:

<b:if cond='data:blog.pageType == "index"'>
    <b:include name='page-navi' />
    <b:else/>
    <b:if cond='data:blog.pageType == "archive"'>
        <b:include name='page-navi' />
    </b:if>
</b:if>

Tidak Ada?
Jika tidak menemukan isyarat <b:include name='nextprev'/>, maka temukan isyarat berikut ini:

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
...
<b:includable id='main' var='top'>
...
</b:includable>
</b:widget>
</b:section>

Copas isyarat berikut ini sempurna di atas tag epilog  </b:includable> :

<b:if cond='data:blog.pageType == "index"'>
    <b:include name='page-navi' />
    <b:else/>
    <b:if cond='data:blog.pageType == "archive"'>
        <b:include name='page-navi' />
    </b:if>
</b:if>

Save Template!
Kini widget Navigasi Halaman Nomor/Angka (Numbered Page Navigation) sudah muncul di blog Anda.  

Configuration

Perhatikan isyarat berikut ini:

var pageNaviConf = {
    perPage: 5,
    numPages: 9,
    firstText: "First",
    lastText: "Last",
    nextText: "Next",
    prevText: "Prev"
}

Arti kode:
perPage: jumlah posting tiap halaman
numPages: jumlah nomor halaman navigasi
firstText, lastText, nextText, prevText: teks yang muncul “First”, “Last”, “Next”, “Prev” 

Demikian cara menciptakan navigasi halaman nomor atau angka (numbered page navigation) di blogger terbaru.

Sumber Delux Blog Tips dengan modifikasi script Google Code yang error by CB Blogger. Good Luck & Happy Blogging! (www.idtutorial.com).*

Cara Mengatasi / Memperbaiki Layout Blogger yang Acak-Acakan.

TAMPILAN Layout (Tata Letak) Blog di Dashboard Blogger, untuk mengatur widget, mestinya normal, rapi, tidak acak-acakan, tidak ada titik-titik, juga tidak menumpuk dan tidak rapi, serta widget tidak saling menghalangi, melebar ke bawah semua, dan error lainnya

Biasanya, minimal muncul titik-titik sesudah kita ganti navigasi hidangan atau pasang suplemen menu, contohnya menambah Top Menu Navigasi.

titik sesudah kita ganti navigasi hidangan atau pasang suplemen hidangan Cara Memperbaiki Layout (Tata Letak) Blogger yang Acak-Acakan

Cara Memperbaiki Layout (Tata Letak) Blogger yang Acak-Acakan

#1. Mengatasi Titik-Titik
Cara memperbaiki layout yang awut-awutan berupa titik-titik saja: 

1. Template > Edit HTML
2. Simpan arahan berikut ini di atas arahan ]]</b:skin> 
body#layout ul {display:none;}

atau

#layout ul { display: none; }

#2. Mengatasi Layout Bertumpuk

Untuk memperbaiki tata letak widget yang hanya bertumpu dan ada saling menghalangi, maka coba gunakan "kode pemisah" antar-elemen div class atau div id berikut ini, di bawah tiap arahan epilog </div>

<div class='clear'/>

Contohnya:

<div id="header">
.......................
.......................
</div>
<div class='clear'/>
<nav id='menu'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Sitemap</a></li>
</ul>
</nav>
<div class='clear'/><div class='content-wrapper'>


#3. Mengatasi Layout Widget Berjejer ke Bawah
Jika widget/gadget berjejer ke bawah semua, gunakan tips dari Kang Ismet ini. 

Copy kode:

#header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}
#header-left {width:200px;float:left}
#header-right {width:729px;float:right}
#main-wrapper {width:650px;float:left}
#sidebar-wrapper {width:300px;float:right}
.footer {width:315px;float:left}

Simpan (Copas) di posisi teks warna merah:

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[ simpan arahan CSS di sini*/]]></b:skin>

Contoh:

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[
#header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}
#header-left {width:200px;float:left}
#header-right {width:729px;float:right}
#main-wrapper {width:650px;float:left}
#sidebar-wrapper {width:300px;float:right}
.footer {width:315px;float:left}
*/]]></b:skin>

Jika di tata letak acak-ackan cuma ada titik-tiki doang, ibarat gambar di atas, copy arahan berikut ini dan Simpan di atas kode ]]></b:skin>

body#layout ul {display: none;}


CARA LAIN
Dalalam Solution for Page Elements “Layout Mode” Broken problem disebutkan, cara memperbaiki layout awut-awutan yakni sebagai berikut:

1. Copy (Ctrl+C) Kode Berikut ini:

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none} 
body#layout #outer-wrapper{overflow:visible;width:1000px} 
body#layout #header{float:left;width:240px} body#layout #header2{float:right;width:240px} body#layout .add_widget{width:240px} body#layout div.widget{width:240px} 
body#layout #sidebar-wrapper{overflow:visible;width:240px} 
body#layout #lsidebar-wrapper{overflow:visible;float:left;width:240px;margin-right:50px;} body#layout #main-wrapper{overflow:visible;float:left;width:240px} 
body#layout #rsidebar-wrapper{overflow:visible;float:right;width:240px} 
body#layout #myGallery{display:none} body#layout .featuredposts{display:none} 
body#layout .fp-slider{display:none} body#layout #navcontainer{display:none} 
body#layout .menu-secondary-wrap{display:none} 
body#layout .menu-secondary-container{display:none} 
body#layout #skiplinks{display:none} 
body#layout .feedtwitter{display:none} 
body#layout div.section{font-family:sans-serif;margin:0 auto 2px;padding:0 0 10px 0;position:relative;overflow:visible} 
body#layout .section-columns{margin:0} .section{width:100%}

2. Simpan atau Paste (Ctrl+V) di bawah arahan ibarat ini:

/* 
Blogger Template Style
Name
Author st
*/

atau di atas kode:

/* Variable Definitions 
bla bla.....
*/

Jika arahan di atas tidak cocok, masih belum dapat mengatasi layout acak-acakan, coba gunakan arahan berokut ini di bawah arahan <b:skin><![CDATA[

body#layout .outer-wrapper {width:970px}
body#layout .content-wrapper {width:970px}
body#layout #header {width:300px;float:left;margin-top:30px}
body#layout #header2 {width:500px;float:right}
body#layout .main-wrapper {width:550px}
body#layout .sidebar-wrapper,.sidebar1-wrapper {width:300px;float:right}
body#layout #footer {width:970px}
.footer {width:215px;float:left}
body#layout ul {display: none}

Notes!
Kode mengatasi layaot blogger yang awut-awutan di atas, belum tentu cocok dengan template blog Anda. 

Jika masih gagal juga, bahwasanya tidaka masalah, asalkan masih dapat edit widget, sebab tata letak tersebut hanya muncul di dashboard, tidak muncul di tampilan blog sebenarnya.

Demikian Cara Mengatasi Tata Letak Blogger yang Acak-Acakan. Good Luck & Happy Blogging! (www.idtutorial.com).*

 Template SEO Friendly untuk Blog Berita MotoGP  MotoGP Crash - Template SEO Friendly untuk Blog Berita MotoGP & Bola
MotoGP Crash - Template SEO Friendly untuk Blog Berita Olahraga MotoGP & Sepakbola. Fast Loading dan Responsive. Keren. Terbaru.

niche blog motogp selain sepakbola.

Jika Anda berminat membuat blog baru yang fokus ke konten sport sepakbola dan motogp, juga jenis olahraga lainnnya, template ini cocok banget. Demonya sih khusus konten MotoGP, sesuai dengan nama templatenya: motogp crash.

Tentu saja, template ini juga cocok untuk niche blog lainnya, termasuk blog pribadi, blog kesehatan, bahkan blog toko online atau untuk AdSense.

Kenapa MotoGP dan Sepakbola, alasannya dua jenis olahraga ini paling digemari di seluruh dunia, tanpa mengecilkan cabang olahraga lainnya. Eh, sudah disebutkan tadi ya :)

Berikut ini penampakan dan data template responsive MotoGP Crash:

 Template SEO Friendly untuk Blog Berita MotoGP  MotoGP Crash - Template SEO Friendly untuk Blog Berita MotoGP & Bola



Mobile-Friendly Test
Awesome! This page is mobile-friendly.

 Template SEO Friendly untuk Blog Berita MotoGP  MotoGP Crash - Template SEO Friendly untuk Blog Berita MotoGP & Bola


Structured Data
No Error | No Warning | All Good.

Skor SEO 100%

 Template SEO Friendly untuk Blog Berita MotoGP  MotoGP Crash - Template SEO Friendly untuk Blog Berita MotoGP & Bola

Fitur Template MotoGP Crash:
  • SEO Optimized
  • Responsive - Mobile Friendly
  • User Friendly & Fast Loads
  • Related Post with Thumbnail
  • Blog Pager Navigasi Judul Posting
  • Komentar Blogger & Facebook
  • Modern & Elegant Design
  • Featured Post Image Otomatis
  • AdSense Ready
  • Structured Data All Good
  • Skor SEO Chkme 100%
  • and more....

VIDEO: MotoGP Crash

Kode Related Posts Keren dengan Gambar Thumbnail Kode Related Posts Keren dengan Gambar Thumbnail & Cara Memasangnya di Blog
Cara Memasang Kode Related Posts dengan Gambar Thumbnail di Bawah Posting Blog.

POSTING ini "sekadar" menyimpan arahan Related Posts Keren dengan Gambar Thumbnail yang dipasang di blog CB.

Kode Posting Terkait untuk Blogger ini bersumber dari arahan related post yang CB share sebelumnya di posting Membuat Sendiri Related Post plus Gambar Thumbnail di Blog.

Kode entry terkait atau artikel terkait berikut ini sudah dimodifikasi sampai tampil ibarat di ada di bawah tiap posting.

Anda yang blognya belum memasang widget Related Posts, dapat gunakan yang ini. Yang sudah ada, dan mau ganti, hapus dan replace saja arahan related postnya dengan yang di bawah ini.

Hanya ada tiga kelompok kode, ialah CSS, HTML, dan Javascript.  CB share dua jenis tampilan related post dengan gambar thumbnail: vertikal dan horizontal.

1. Related Post Gambar Vertikal

Contohnya ibarat di blog CB ini dan gambar di atas.

KODE CSS:
Disimpan di atas arahan ]]></b:skin> atau </style>

#related_posts{margin-top:15px}
#related_posts h4 {color:#FD4646;margin: 0px 0px 5px;font-size: 130%;font-family:Arial;font-weight:700;}
#related_img{margin:0;padding:0;}
#related_img:hover{background:0}
#related_img ul{list-style-type:none;margin:0;padding:0}
#related_img li{min-height:62px;border-bottom:1px dashed #f1f1f1;list-style:none;margin:0 0 5px;padding:5px;}
#related_img li a{color:#2672a0;}
#related_img li a:hover{text-decoration:underline}
#related_img .news-title{display:block;font-weight:bold!important;margin-bottom:5px;font-size:14px;}
#related_img .news-text{display:block;text-align:left;font-weight:400;text-transform:none;color:#333;font-size:12px;line-height:16px}
#related_img img{float:left;margin-right:7px;padding:2px;width:60px;height:60px;max-width:100%;background:#fff}

KODE HTML/XML
Simpan di bawah arahan <data:post.body/> yang kedua atau ketiga. Bisa juga di bawah arahan Social Share Button plus WhatsApp.

      <div id='related_posts'>
        <h4>Related Posts:</h4>
        <b:loop values='data:post.labels' var='label'>
          <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/>
        </b:loop>
        <ul id='related_img'>
          <script type='text/javascript'>relatpost();</script>
        </ul>
      </div>

KODE JAVASCRIPT
Simpan di atas arahan </head> atau </body>

<script type='text/javascript'>
/*<![CDATA[*
/var relnum=0;var relmaxposts=5;var numchars=230;var morelink=" ";function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgthum(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnum]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnum]=saringtags(postcontent,numchars),postimg="media$thumbnail"in e?e.media$thumbnail.url:"http://lh3.ggpht.com/_xcD4JK_dIjU/SnamIh0KTCI/AAAAAAAADMA/hLjqmEbdtkw/d/noimagethumb.gif",relgambar[relnum]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnum]=e.link[n].href;break}relnum++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function relatpost(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],s=relurls[t],i=relcuplikan[t],o=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=s,relcuplikan[a]=i,relgambar[a]=o}for(var g,m=0,h=Math.floor((reljudul.length-1)*Math.random()),c=h,d=document.URL;m<relmaxposts&&(relurls[h]==d||(g="<li class='news-title clearfix'>",g+="<a href='"+relurls[h]+"' rel='nofollow' target='_top' title='"+reljudul[h]+"'><img src='"+relgambar[h]+"' /></a>",g+="<a href='"+relurls[h]+"' target='_top'>"+reljudul[h]+"</a>",g+="<span class='news-text'>"+relcuplikan[h]+" ... <a href='"+relurls[h]+"' target='_top'>"+morelink+"</a><span class='news-text'>",g+="</li>",document.write(g),m++,m!=relmaxposts))&&(h<reljudul.length-1?h++:h=0,h!=c););}var reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array;
/*]]>*
/</script>

Save Template! 


2. Related Post Gambar Horizontal

Contohnya ibarat gambar di bawah ini:

Kode Related Posts Keren dengan Gambar Thumbnail Kode Related Posts Keren dengan Gambar Thumbnail & Cara Memasangnya di Blog

CARA PASANG:
1. Template > Edit HTML
2. Copas arahan berikyt ini di atas arahan </head>

<!--Related Posts with thumbnails Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts h4{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;object-fit: cover;width:110px;height:100px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
#related-title {color:#333;text-align:center;text-transform:capitalize;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h4>'+relatedpoststitle+'</h4>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
</b:if>
<!--Related Posts with thumbnails End-->


3. Copas di atas arahan <div class='post-footer'>

<!-- Related Posts with Thumbnails Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<div class='clear'/>
</b:if>
<!-- Related Posts with Thumbnails End-->


Save Template!!!

Kode Related Post Gambar Lainnya

Kode Related Posts Keren dengan Gambar Thumbnail Kode Related Posts Keren dengan Gambar Thumbnail & Cara Memasangnya di Blog



1. Tema > Edit HTML
2. Simpan arahan berikut ini di atas arahan </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related-posts {float: left;width: 650px;border-bottom: 1px solid #ddd;height: 290px;}
#related-posts h2 {margin-top: 50px;border-bottom: 0px;border-top: 1px solid #ddd;padding-top: 20px;margin-bottom: 10px;margin-left: 3px;color: #666;font-size: 16px;}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;;
var maxresults=3;
var splittercolor=&quot;#fff&quot;;
var relatedpoststitle=&quot;Related Articles:&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}
catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))
{thumburl[relatedTitlesNum]=d;} else {if(typeof(defaultnoimage) !== 'undefined') thumburl[relatedTitlesNum]=defaultnoimage; else thumburl[relatedTitlesNum]="http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg";}
}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;
}
function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs(current) {
var splitbarcolor;
if(typeof(splittercolor) !== 'undefined') splitbarcolor=splittercolor; else splitbarcolor="#DDDDDD";
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==current)||(!relatedTitles[i]))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);
i--;
}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {
document.write('<a style="text-decoration:none;padding:5px;float:left;');
if(i!=0) document.write('border-left:solid 0.5px '+splitbarcolor+';"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:200px;height:120px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');
i++;
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
}
document.write('</div>');
relatedUrls.splice(0,relatedUrls.length);
thumburl.splice(0,thumburl.length);
relatedTitles.splice(0,relatedTitles.length);
}
//]]>
</script>
</b:if>

3. Simpan arahan berikut ini di bawah arahan <data:post.body/> yang kedua atau di bawah arahan <div class='post-footer-line post-footer-line-1'></div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div></b:if>

4. Simpan template!

Demikian cara memasang Related Posts dengan Gambar Thumbnail di Blogger. Muncul di bawah Postingan Blog.

Good Luck & Happy Blogging! (http://www.idtutorial.com).*

Mengatasi Error datePublished Structured Data Blogger Mengatasi Error datePublished Structured Data Blogger
Cara Mengatasi Error datePublished Structured Data Blogger.

Error datePublished merupakan salah satu kesalahan micro data template blog dikala dites di Structured Data Testing Tool Google.

Penyebab utama error datePublished (tanggal publikasi), meski template blog dinyatakan "bebas error", ialah setting format tanggal dan waktu di dashboard blogger. Jadi, bukan templatenya yang error, tapi settingan waktu.

Cara Mengatasi Error datePublished Structured Data Blogger

Perhatikan error berikut ini dikala CB ngetes blog demo CB Theme --template modifikasi bawaan blogger jadi responsive dan seo friendly.

Mengatasi Error datePublished Structured Data Blogger Mengatasi Error datePublished Structured Data Blogger

Dari gambar di atas, Google tidak mengenali format waktu 00:00:00 PM. Maka untuk mengatasinya, kita ke Dashboard Blogger:

1. Klik "Setting" > klik "Language and formatting?
2. Lakukan Setting menyerupai ini:

Mengatasi Error datePublished Structured Data Blogger Mengatasi Error datePublished Structured Data Blogger

3. Save!

Saat diuji kembali di Structured Data Testing Tool, alhasil 0 Error dan 0 Warning alias "All good".

Mengatasi Error datePublished Structured Data Blogger Mengatasi Error datePublished Structured Data Blogger

Demikian sekilas Mengatasi Error datePublished Structured Data Blogger.

Jika cara di atas tidak berhasil, artinya kesalahan ada di template blog. Silakan simak: Mengatasi Error dateModified & datePublished di Structured Data.

Good Luck & Happy Blogging! (www.idtutorial.com).*