Cara Mudah Mengambil Artikel Blog Lain Tanpa Copy Paste

Bagaimana cara mengambil artikel orang lain tanpa copy paste? Ini adalah pertanyaan sekaligus pernyataan iseng yang mungkin berguna bagi sobat yang malas membuat postingan artikel saat awal mulai blogging.

Faktanya memang benar, bagi blogger pemula seperti saya ini, tentunya berfikir untuk cepat mendapatkan artikel tanpa harus menulisnya. Diharapkan trik ini hanya sebatas sebagai pengetahuan saja.

Bagi yang penasaran ini dia caranya :
1. Cari blogspot sasaran yang akan diambil artikelnya, misal anekatips.blogspot.com
2. Kemudian tambah dengan url --> atom.xml?redirect=false&start-index=1&max-results=500
dan akhirnya jadi seperti ini --> tipsblogger.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

NB : atom.xml?redirect=false&start-index=1&max-results=500
artinya artikel yang akan di ambil mulai dari 1 (satu) sampai 500 konten artikel. Angka satu menunjukan konten artikel terbaru yang diposting diblogger.

Selanjutnya, download atom.xml menggunakan download manager,
add link download --> kemudian kita masukan link ini : anekatips.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

Apabila sudah terdownload, kita masuk ke blogger. Selanjutnya kita import atom.xml yang sudah didownload tadi. Jangan lupa sebelum import kita centang autopublis.

Cara Copy Paste Artikel di Situs atau Blog yang Terkunci

Kegiatan menyalin sebuah isi konten situs (copy paste) sudah menjadi hal biasa dilakukan di era internet saat ini. Hanya saja, belum semua orang sadar untuk menyantumkan sumber dari laman yang disalin.

Kegiatan ini jelas dipandang sebagai sebuah bentuk plagiarisme. Untuk itu, beberapa situs seperti blog, menyertakan alat khusus yang dapat mencegah konten sebuah tulisan disalin.

Namun, dalam beberapa kesempatan, kemampuan menyalin sebuah isi konten jelas dibutuhkan. Berikut ini beberapa cara yang dapat digunakan beberapa peramban untuk menyalin isi konten terproteksi atau terkunci.

Tapi perlu diingat bahwa cara ini harus dilakukan secara bertanggung jawab. Jadi, pengguna tidak diperkenankan untuk menyalin sebuah konten tanpa upaya untuk menghargai penulis konten.

Berikut ini adalah cara menyalin konten dari situs terproteksi di 3 (tiga) peramban:

Google Chrome
1. Buka Settings, Lalu pilih Privacy Settings
2. Setelah itu pilih Content Settings
3. Setelah terbuka, cari pilihan JavaScript dan pilih 'Do not allow any site to run JavaScript'.

Mozilla Firefox

1. Dalam seri Firefox terbaru yakni 31 ke atas, pengguna cukup mengetik 'about:config' di kolom addressbar.
2. Setelah itu lanjutkan dengan memilih 'I'll be carefull. I Promise'.
3. Lalu, pada kolom pencarian cari 'Javascript.enabled'.
4. Dan, pengguna tinggal meng-klik dua kali untuk menonaktifkan Javascript.

Internet Explorer

1. Klik Tools, lalu pilih Internet Option
2. Pilih Security dan klik Custom level
3. Setelah muncul tampilan Security Settings, cari dan pilih Scripting
4. Klik disable pada Active Scripting, allow pada Paste Operations via Scripting dan Scripting of Java Applets. Setelah itu pilih Yes dan OK

Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog

Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog
Cara Menghapus CSS Bundle Bawaan Blogger untuk Menambah Kecepatan Loading Blog

Cara menghapus CSS Bundle bawaan blogger untuk Menambah Kecepatan Loading Blog. Trik ini sudah diterapkan di NJW V3 Update. Terbukti, menambah kecepatan loading alias blog jadi makin ringan (fast loads).

UPDATE 2017 !
Cara Hapus Link CSS Bundle Bawaan Bogger

1. Ganti kode <head> dengan &lt;head&gt;
2. Ganti kode </head> dengan &lt;/head&gt;&lt;!--<head/>--&gt;
3. Save!

Cara Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog:


1. Template → Edit
2. Backup Your Template! Takut gagal, bisa dibalikin ke template lama.
3. Cari kode <b:skin><![CDATA[
4. Ganti (replace) dengan kode ini:

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>


5. Cari  kode ]]></b:skin>
7. Ganti dengan kode </style>
8. Save template!

Gampang 'kan menghapus CSS Bundle untuk Menambah Kecepatan Loading Blog?

TAPI.... ada tapinya.... itu LAYOUT (TATA LETAK) jadi acak-acakan, bagimana mengatasinya? Di NJW V3 ini, caranya menggunakan kode:

.outer-wrapper{width:970px}
.content-wrapper{width:970px}
#header{width:300px;float:left;margin-top:30px}
#header2{width:500px;float:right}
.main-wrapper{width:650px;float:left}
.sidebar-wrapper,.sidebar1-wrapper{width:300px;float:right}
#footer,.footer-wrapper{width:970px}
.footer{width:200px;float:left}
ul{display:none}
#navbar-iframe{height:0;visibility:hidden;display:none}

Simpan di bawah <b:skin><![CDATA[  sehingga menjadi seperti ini:

<b:skin><![CDATA[
.outer-wrapper{width:970px}
.content-wrapper{width:970px}
#header{width:300px;float:left;margin-top:30px}
#header2{width:500px;float:right}
.main-wrapper{width:650px;float:left}
.sidebar-wrapper,.sidebar1-wrapper{width:300px;float:right}
#footer,.footer-wrapper{width:970px}
.footer{width:200px;float:left}
ul{display:none}
#navbar-iframe{height:0;visibility:hidden;display:none}
*/]]></b:skin>

Intinya, agar Hapus CSS Bundle untuk Menambah Kecepatan Loading Blog tidak membuat LAYOUT ACAK-ACAKAN, maka tambahkan elemen seperti di atas yang tiap template beda-beda, terutama awalannya, ada yang pake titik (.) ada yang pake pagar (#). (http://newjohnywussv3.blogspot.com).*

Cara Agar Artikel Blog Cepat Terindex Google - Yahoo - Bing

Cara Agar Artikel/Postingan Cepat Terindex Google, Yahoo dan Bing, banyak pertanyaan dari pengunjung tentang bagaimana cara agar artikel atau postingan di blog cepat terindex Google atau di indeks oleh mesin pencari (search engine) yang lainnya pada blog/website, sebenarnya tips SEO agar postingan/artikel blog cepat muncul di Google index ini sudah banyak diulas oleh para Blogger maupun pakar SEO, tapi disini saya akan mengulas kembali dengan pengalaman yang saya ketahui.

Cara Cepat Terindex Search Engine Google

Terindeks oleh search engine adalah hal yang sangat penting bagi kemajuan dan perkembangan blog/website anda, tanpa di indeks blog anda akan kesepian pengunjung dan terlihat mati meskipun anda menulis konten yang fresh dan berkualitas tapi tetap konten anda akan seperti terkubur, nah disinilah pengetahuan SEO itu berfungsi agar konten pada blog anda dikenali dan terindex oleh mesin pencari seperti Google, Yahoo, Bing maupun search engine lainnya karena hampir 60% pengunjung akan datang dari mesin pencari, Ada beberapa teknik atau strategi yang harus anda terapkan agar cepat terindex.

Konten
Submit Sitemap ke Search Engine Google/Bing
Link Building Agar Postingan Cepat Terindex Mesin Pencari
Cara Cepat Terdeteksi Google Dengan Social Bookmarking/Social Media
Internal Linking Dalam Halaman Blog/Website
Ping website/blog untuk memanggil Google/Bing spider
Komentar Pada Blog Agar Cepat Terindex Search Engine
Update Konten Artikel Blog/Website Secara Teratur
Mobile Friendly dan Responsive Design

Submit Sitemap ke Search Engine Google/Bing

Sitemap adalah sebuah daftar isi yang menerangkan tentang apa yang ada pada blog/website anda, sitemap disini bukan daftar isi yang seperti ada pada halaman melainkan sitemap yang berupa XML, XML adalah sebuah bahasa yang hanya dimengerti oleh search engine. Untuk pengguna Wordpress bisa membuat sitemap dengan plugin, dan untuk pengguna Blogspot biasanya sudah terintegrasi, seperti pada contoh dibawah.


  • http://bloggerpeer.blogspot.com/sitemap.xml
  • http://bloggerpeer.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
  • http://bloggerpeer.blogspot.com/feeds/posts/default?orderby=updated

Silahkan submit sitemap anda pada Google Webmaster Tools, untuk Bing/Yahoo silahkan submit ke Bing Webmaster Tools

Link Building Agar Postingan Cepat Terindex Mesin Pencari

Untuk cepat terindex anda harus membangun link ke halaman post anda, jangan hanya mencari link mengarah ke homepage saja, carilah link dofollow yang mengarah ke konten anda. Hal ini juga akan membuat blog anda menjadi populer dan terpercaya di mata search engine, mesin pencari seperti Google sangat senang dengan blog/web yang mempunyai link dofollow yang relevan yang mengarah ke halaman blog anda dan Google Pagerank pun bisa anda dapatkan.

Cara Cepat Terdeteksi Google Dengan Social Bookmarking/Social Media

Salah satu cara yang sangat cepat agar blog anda terindex mesin pencari adalah dengan membagikan (share) konten anda pada situs social media atau social bookmark yang banyak di jumpai sekarang ini seperti Google+, Twitter, Facebook, Linkedin, Pinterest, dll. Selain itu blog anda juga akan mendapatkan traffic dari situs social media tersebut.

Internal Linking Dalam Halaman Blog/Website

Jika anda ingin halaman baru pada situs anda diindeks cepat maka internal linking akan menjadi sangat berguna. Sebutkan halaman baru anda dengan anchor text link, dan perbarui (update) halaman yang sudah terindeks sebelumnya dengan menyertakan link ke halaman baru anda (pastikan pembahasan pada konten anda sebelumnya cocok dengan konten anda yang baru).

Linking halaman situs anda bukan hanya tentang membangun external backlink. Hal yang sangat penting juga adalah membangun link dalam website anda (internal linking) yang akan mengingatkan mesin pencari tentang kehadiran konten baru pada situs anda.

Ping website/blog untuk memanggil Google/Bing spider

Ping pada mulanya merupakan metode untuk blogger untuk memperingatkan mesin pencari pada konten baru di blog mereka. Namun, telah berkembang di mana setiap orang dapat menggunakannya untuk memperbarui (update) bukan hanya blog tapi juga website tradisional

Ping adalah sarana yang sangat berguna memperingatkan mesin pencari dan direktori untuk pembaruan dalam konten anda.
Ada banyak situs layanan ping online yang tersedia. Beberapa yang terbaik yang saya ketahui adalah:

pingoat.com

pingler.com

pingomatic.com

Komentar Pada Blog Agar Cepat Terindex Search Engine

Blog dengan pembaca yang aktif dan banyak konten baru akan di crawled secara teratur oleh search engine, dengan berkomentar pada blog seperti itu maka anda akan mendapatkan imbas dari popularitasnya dan akan mendapatkan halaman sendiri diindeks dengan cepat. Cobalah mengomentari posting terakhir pada blog-blog yang sudah terkenal dan mempunyai ranking tinggi, ini adalah cara yang sangat efektif untuk mendapatkan halaman baru diindeks cepat dan pastikan bahwa anda menggunakan halaman yang ingin diindeks sebagai URL website anda ketika berkomentar tidak hanya halaman muka (homepage) saja.

Update Konten Artikel Blog/Website Secara Teratur

Pastikan anda memperbarui situs anda secara teratur, konten atau artikel yang fresh adalah penting untuk mendapatkan halaman baru diindeks. Jika konten/postingan yang ada pada blog anda sudah basi maka search engine tidak akan menjelajahi (crawl) blog anda secara teratur, Di sisi lain, jika anda menjaga blog anda segar dan diperbarui (meskipun memperbarui halaman indeks) maka spider mesin pencari akan terus datang kembali. Sebagai alasan kenapa banyak blog mempunyai peringkat baik dan artikel nya terindeks cepat tidak lain adalah karena si pemilik blog sering memperbarui situs mereka dengan konten atau postingan baru yang segar.

Mobile Friendly dan Responsive Design

Tidak bisa dipungkiri lagi, pengguna gadget smartphone dan tablet sekarang sudah melebihi dari pengguna komputer PC dan laptop, maka wajib bagi kita sekarang untuk mengubah template lama kita agar responsive dan mobile friendly agar visitor yang berkunjung ke situs/blog kita tidak kesusahan untuk membaca konten yang ada di blog kita, apalagi sekarang Google sudah menerapkan algoritma MOBILEGEDDON yang meharuskan kita untuk membuat website/blog yang mobile friendly dan tentu saja ini akan berpengaruh besar pada SEO Onpage dan ranking kita di Google search khususnya mobile search. Jadi buat anda yang masih menggunakan template lama silahkan di-upgrade agar bisa mobile friendly dan agar cepat terindeks Google, beberapa hari yang lalu saya pernah me-review premium responsive dan SEO friendly Blogger template yang saya pakai di blog saya ini, dan untuk tampilannya lumayan bagus dan elegan.

Itulah beberapa tips seo tentang cara agar blog terindex cepat oleh search engine/mesin pencari sesuai dengan pengalaman saya, kalau ada kekurangan dan saran lain bisa disampaikan melalui komentar

Happy Blogging..!

Cara Memasang Navigasi Halaman Nomor (Angka) di NJW V3

Cara Mudah Membuat atau Memasang Navigasi Halaman Nomor (Angka) di New Johny Wuss V3.

BANYAK pengguna NJW V3 menanyakan cara memasang navigasi halaman bernomor atau menggunakan angka (number page navigation blogger). Ini penampakannya:

Navigasi Halaman Nomor

Sebenarnya banyak sekali tutorial tentang navigasi halaman nomor ini. Tapi, baiklah, berikut ini CB share tentang cara termudah memasangnya.

Gak pake ribet dan sukses terpasang di blog demo NJW V3 ini.

Cara Memasang Navigasi Halaman Nomor (Angka) di NJW V3

1. Klik "Template" > "Edit HTML"
2. Simpan kode berikut ini di atas kode </body> (kode </body> ada di bagian paling bawah)

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
#blog-pager{clear:both;margin:12px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}
</style>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=5;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
<script>
  /*<![CDATA[*/
    if (typeof firstText == "undefined") firstText = "First";
    if (typeof lastText == "undefined") lastText = "Last";
    var noPage;
    var currentPage;
    var currentPageNo;
    var postLabel;
    pagecurrentg();
    function looppagecurrentg(pageInfo) {
        var html = '';
        pageNumber = parseInt(numPages / 2);
        if (pageNumber == numPages - pageNumber) {
            numPages = pageNumber * 2 + 1
        }
        pageStart = currentPageNo - pageNumber;
        if (pageStart < 1) pageStart = 1;
        lastPageNo = parseInt(pageInfo / perPage) + 1;
        if (lastPageNo - 1 == pageInfo / perPage) lastPageNo = lastPageNo - 1;
        pageEnd = pageStart + numPages - 1;
        if (pageEnd > lastPageNo) pageEnd = lastPageNo;
        html += "<span class='showpageOf'>Page " + currentPageNo + ' of ' + lastPageNo + "</span>";
        var prevNumber = parseInt(currentPageNo) - 1;
        //Iccsi was here, doing magic  
        if (currentPageNo > 1) {
   if (currentPage == "page") {
     html += '<span class="showpage firstpage"><a href="' + home_page + '">' + firstText + '</a></span>'
   } else {
     html += '<span class="displaypageNum firstpage"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + firstText + '</a></span>'
   }
  }
    if (currentPageNo > 2) {
            if (currentPageNo == 3) {
                if (currentPage == "page") {
                    html += '<span class="showpage"><a href="' + home_page + '">' + prevText + '</a></span>'
                } else {
                    html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + prevText + '</a></span>'
                }
            } else {
                if (currentPage == "page") {
                    html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + prevNumber + ');return false">' + prevText + '</a></span>'
                } else {
                    html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + prevNumber + ');return false">' + prevText + '</a></span>'
                }
            }
        }
        if (pageStart > 1) {
            if (currentPage == "page") {
                html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'
            } else {
                html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'
            }
        }
        if (pageStart > 2) {
            html += ' ... '
        }
        for (var jj = pageStart; jj <= pageEnd; jj++) {
            if (currentPageNo == jj) {
                html += '<span class="pagecurrent">' + jj + '</span>'
            } else if (jj == 1) {
                if (currentPage == "page") {
                    html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'
                } else {
                    html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'
                }
            } else {
                if (currentPage == "page") {
                    html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + jj + ');return false">' + jj + '</a></span>'
                } else {
                    html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + jj + ');return false">' + jj + '</a></span>'
                }
            }
        }
        if (pageEnd < lastPageNo - 1) {
  html += '...'
        }
        if (pageEnd < lastPageNo) {
            if (currentPage == "page") {
                html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'
            } else {
                html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'
            }
        }
        var nextnumber = parseInt(currentPageNo) + 1;
        if (currentPageNo < (lastPageNo - 1)) {
            if (currentPage == "page") {
                html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + nextnumber + ');return false">' + nextText + '</a></span>'
            } else {
                html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + nextnumber + ');return false">' + nextText + '</a></span>'
            }
  }
  if (currentPageNo < lastPageNo) {
   //Iccsi was here, doing magic
   if (currentPage == "page") {
     html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastText + '</a></span>'
   } else {
     html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastText + '</a></span>'
   }
        }
        var pageArea = document.getElementsByName("pageArea");
        var blogPager = document.getElementById("blog-pager");
        for (var p = 0; p < pageArea.length; p++) {
            pageArea[p].innerHTML = html
        }
        if (pageArea && pageArea.length > 0) {
            html = ''
        }
        if (blogPager) {
            blogPager.innerHTML = html
        }
    }

    function totalcountdata(root) {
        var feed = root.feed;
        var totaldata = parseInt(feed.openSearch$totalResults.$t, 10);
        looppagecurrentg(totaldata)
    }
    function pagecurrentg() {
        var thisUrl = urlactivepage;
        if (thisUrl.indexOf("/search/label/") != -1) {
            if (thisUrl.indexOf("?updated-max") != -1) {
                postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?updated-max"))
            } else {
                postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?&max"))
            }
        }
        if (thisUrl.indexOf("?q=") == -1 && thisUrl.indexOf(".html") == -1) {
            if (thisUrl.indexOf("/search/label/") == -1) {
                currentPage = "page";
                if (urlactivepage.indexOf("#PageNo=") != -1) {
                    currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
                } else {
                    currentPageNo = 1
                }
                document.write("<script src=\"" + home_page + "feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")
            } else {
                currentPage = "label";
                if (thisUrl.indexOf("&max-results=") == -1) {
                    perPage = 20
                }
                if (urlactivepage.indexOf("#PageNo=") != -1) {
                    currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
                } else {
                    currentPageNo = 1
                }
                document.write('<script src="' + home_page + 'feeds/posts/summary/-/' + postLabel + '?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')
            }
        }
    }
    function redirectpage(numberpage) {
        jsonstart = (numberpage - 1) * perPage;
        noPage = numberpage;
        var nameBody = document.getElementsByTagName('head')[0];
        var newInclude = document.createElement('script');
        newInclude.type = 'text/javascript';
        newInclude.setAttribute("src", home_page + "feeds/posts/summary?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
        nameBody.appendChild(newInclude)
    }

    function redirectlabel(numberpage) {
        jsonstart = (numberpage - 1) * perPage;
        noPage = numberpage;
        var nameBody = document.getElementsByTagName('head')[0];
        var newInclude = document.createElement('script');
        newInclude.type = 'text/javascript';
        newInclude.setAttribute("src", home_page + "feeds/posts/summary/-/" + postLabel + "?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
        nameBody.appendChild(newInclude)
    }

    function finddatepost(root) {
        post = root.feed.entry[0];
        var timestamp1 = post.published.$t.substring(0, 19) + post.published.$t.substring(23, 29);
        var timestamp = encodeURIComponent(timestamp1);
        if (currentPage == "page") {
            var pAddress = "/search?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage
        } else {
            var pAddress = "/search/label/" + postLabel + "?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage
        }
        location.href = pAddress
    }
  /*]]>*/
</script>
</b:if>
</b:if>


3. Cari (Ctrl+F) kode <b:includable id='nextprev'>. Di bawahnya ada blog-pager seperti ini:

  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>

  <div class='clear'/>

5. Hapus semua kode tersebut dan ganti (replace) dengan kode berikut ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
  <div class='clear'/>
</b:if>
</b:if>

CATATAN:
Intinya sih, cuma nambahkan kode tag kondisional yang warna merah di posisi seperti di atas.

6. Save Template!

Jika ingin tampilan navigasi halaman yang lainnya, silakan ke sumber berikut ini:
Tapi, yang aman, lakukan tutorial di atas saja. Good Luck!

Mantap, NJW V3 Bisa Ngalahin Blog Admin di SERP Google!

Template New Johny Wuss V3 Membantu Blog Anda Masuk Peringkat Atas di SERP Google. CB aja bisa kalah lho!

SAAT mengecek data soal "mengatasi data autor error" di Google, ternyata peringkat posting CB di template demo New Johny Wuss V3 ini mengalahkan posting di blog CB sendiri! Artinya, ini template SEO banget! Blog adminnya aja kalah di SERP Google! Cekidot:

serp google njw v3

Posting yang bisa nangkring di peringkat satu Google itu adalah Mengatasi Error Missing Update Author.

Padahal itu, tulisan "sekadar" mengisi template demo. Bisa dikatakan "asal tulis", tapi ternyata bisa mengalahkan "posting beneran" di blog CB: Cara Mengatasi Error: Missing "Updated" Struktur Data Blog.

Kok bisa? Ya... bisa lah! Secara, NJW V3 ini 'kan SEO friendly banget dan dari sisi kecepatan loading lebih OK daripada template yang digunakan CB (NJW V2). Blog CB sendiri loadingnya agak lambat karena banyak skrip dan elemen yang digunakan, sebagai "risiko" blog contoh.

So, kesimpulan posting ini adalah... template NJW V3 ini terbukti dan teruji SEO. Lebih penting lagi, gratis!!!

CB sertakan link download terbarunya, template NJW V3 yang sesuai dengan demonya ini. Monggo disedoooottttt.

DOWNLOAD


WARNING!!!
  1. Anda hanya boleh mengubah link footer sebelah kanan.
  2. Yang sebelah kiri, credit link maskolis & cb blogger TIDAK BOLEH DIUBAH!
  3. NO Support for FREE TEMPLATE!
New Johny Wuss V3

New Johny Wuss V3 SEO Friendly dan Fast Loading Responsive untuk Indeks Google
Good Luck & Happy Blogging!

Top 5 Situs yang Wajib Digunakan Blogger

Top 5 Situs yang Wajib Digunakan Blogger
SETIDAKNYA ada 5 Situs Web atau Laman yang wajib dikunjungi dan dimanfaatkan para blogger untuk kebaikan dan kesuksesan blognya. 

Bahkan, tiga di antaranya harus dibuka sebelum memilih template blog SEO Friendly yang bagus buat indeks Google.

Kelima situs yang harus digunakan para blogger itu bisa kita sebut sebagai Online Blogging Tools. 

Di situs-situs inilah kita bisa melihat skor SEO sebuah template blog, kecepatan tampilannya (loading speed), dan struktur datanya.

Top 5 Blogging Tools Sites
  1. Chkme
  2. GT Metrix
  3. Structured Data Testing Tool
  4. Google Webmaster
  5. Feedburner 
CHKME - Uji Skor SEO 
Chkme adalah situs untuk mengetes ke-SEO-an blog atau template. Jadi, sebelum Anda menggunakan atau menentukan template yang akan digunakan, cek dulu skor SEO-nya di sana. Standar Skor SEO yang baik adalah minimal 80.  

Banyak situs lain yang juga menilai SEO blog, tapi yang paling populer CHKME karena simple dan panduan perbaikannya mudah diikuti newbie sekalipun.

GT Metrix - Uji Fast Loading
GT Metrix adalah situs untuk menguji kecepatan loading template. Skor standar yang bagus buat SEO dalah B (80), yang terbaik tentu saja nilai (A), yaitu 90% ke atas.

Structured Data Testing Tools
Laman  ini disediakan Google untuk mengetes apakah blog Anda bisa dibaca (diindeks) oleh Google atau tidak. Struktur data blog yang baik tidak ada warning/error. Artinya, template blog sudah baik dan akan mudah dan cepat diindeks Google.

Banyak blogger mengeluh blognya sepi pengunjung. Kemungkinan salah satu penyebabnya adalah struktur data blognya error.

Google Webmaster
Begitu Anda membuat blog, segera buka Google Webmaster agar blog Anda terdaftar dengan cepat di mesin pencari Google. Nanti ada panduan optimisasi SEO lebih lanjut.

Lebih baik lagi daftar pula ke Google Analytic.

Feedburner
Masih milik Google, Feedburner adalah layanan pembuatan RSS Feed sehingga konten blog kita tersebar atau terdistribusikan via email dan media sosial (Twitter) secara otomatis. Di Feedburner pula ada kode untuk membuat Kotak Berlangganan (Subscribe Box).

Nah, itulah ulasan ringkas tentang Top 5 Situs yang Wajib Digunakan Blogger. Good Luck!

Panduan Google: Cara Mengisi Blog dengan Konten Berkualitas

Panduan Google: Cara Mengisi Blog dengan Konten Berkualitas
BLOG Anda sepi pengunjung? Salah satu sebabnya, konten blog Anda tidak berkualitas! Algoritma Google dan mesin pencari lain mengutamakan isi, tulisan,  atau posting berkualitas (quality content).

Apa saja ciri-ciri konten blog berkualitas sehingga mudah dan cepat diindeks Google? Berikut ini Panduan Resmi Google tentang Cara Mengisi Blog dengan Konten Berkualitas.

Pedoman Kualitas - Prinsip Dasar
  1. Buat laman (konten, posting, tulisan) yang utamanya untuk pengguna, bukan untuk mesin telusur.
  2. Jangan menipu pengguna Anda!
  3. Hindari trik yang dimaksudkan untuk meningkatkan peringkat mesin telusur. Yang paling penting adalah apakah Anda merasa nyaman menjelaskan apa yang telah Anda lakukan ke laman web pesaing Anda, atau kepada karyawan Google. Pengujian berguna lainnya adalah menanyakan, "Apakah ini membantu pengguna saya? Akankah saya melakukan ini jika tidak ada mesin telusur?"
  4. Pikirkan tentang apa yang membuat situs web Anda unik, berharga, atau menarik. Buat situs web Anda menonjol dari yang lain di bidang Anda.
Panduan konten berkaulitas selengkapnya ada di Design and Content Guidelaine. Good Luck!

Panduan Instal & Setting Template New Johny Wuss V3

Panduan Instal & Setting Template New Johny Wuss V3
Panduan Instal & Setting Template New Johny Wuss V3 - Newest SEO Friendly Blogger Template 2015. Versi terbaru hasil modifikasi Johny Wuss karya Maskolis.

Hasil modifikasi Johny Wusss sebelumnya adalah New Johny Wuss V1 dan New Johny Wuss V2.

UPDATE!!!
Link Download Terbaru NJW V3 (Sesuai Demo) 

Berikut ini cara setttingnya, setelah Anda upload menjadi template blog terbaru Anda. (Yang belum bisa cara ganti template, silakan ke TKP: Ganti Template Blog.)

Panduan Instal & Setting Template New Johny Wuss V3
  1. Klik "Template" > "Edit HTML" > Cari (Ctrl+F) kode <div id='homepage'> 
  2. Ganti siteUrl   = "http://newjohnywussv3.blogspot.com/p/sitemap.html" dengan Url Sitemap/Daftar Isi Blog Anda!
1. FEATURED POST!
Tambahkan LABEL Featured pada posting yang akan ditampilkan di "Featured Post" halaman depan paling atas.

2. UBAH juga dengan versi Anda:
Template > Edit HTML > temukan kode  <span class='fn author'> . Lihat di bawahnya dan ganti yang berwarna merah dengan versi Anda.

<span class='fn author'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'>Contoh Blog - Tips SEO, Desain, Free Template! </span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn author'><span itemprop='name'>Contoh Blog - Tips SEO, Desain, Free Template!</span></span>
                  </b:if>
                </b:if>
              </span>
               
3. Ubah <!-- Title Tags -->

<title><data:blog.pageTitle/> | Best SEO Friendly Blogger Template</title>
<meta content='new johny wuss, seo template, responsive theme, fast loading' name='keywords'/>

4. Ubah juga Link di <div class='right'>.
Link yang di atasnya (credit link footer) TIDAK BOLEH DIUBAH!!!
Hanya bagian ini yang boleh diubah:

<div class='right'>
Links: <a href='#'>Your Link1 Here</a>. <a href='#'>Your Link2 Here</a>. <a href='#'>Your Link3</a>. <a href='#'>Your Link4</a><br/>

<!-- Yang di bawah ini boleh diubah, boleh juga dibiarkan saja -->

Powered by <a href='http://www.blogger.com' target='_blank'>Blogger</a> &amp; <a href='http://www.google.com' target='_blank'>Google</a>. <a href='http://www.sepakbolamagz.com' target='_blank'>Football Mania</a>

5. KODE KOTAK PENCARIAN
1. Layout > Add a Gadget > Pilih "Javascript/HTML"
2. Masukkan kode berikut ini di "content"

<style>
#search-box {position: relative;width: 100%;margin: 0;}
#search-form{height: 40px;border: 1px solid #999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;overflow: hidden;}
#search-text{font-size: 14px;color: #ddd;border-width: 0;background: transparent;}
#search-box input[type="text"]{width: 90%;padding: 11px 0 12px 1em;color: #333;outline: none;}
#search-button {position: absolute;top: 0;right: 0;height: 42px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 42px;border-width: 0;background-color: #4d90fe;-webkit-border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;cursor: pointer;} <div style='display:none'><a href='http://contohblognih.blogspot.com' target='_blank'>CB Desain Seacr Box</a></div></style><div id='search-box'><form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search here...' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button></form></div>
<br/>


6. HAPUS KODE IKLAN GOOGLE!

Cari kode <div class='post-footer-line post-footer-line-3'>
di bawahnya ada kode iklan Google seperti ini dan HAPUS semuanya atau ganti dengan kode Adsense Anda!

<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-99362565352XXXX";
/* 300x250 Teks &amp; Gambar */
google_ad_slot = "9008658208";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>


UPDATE!
Jika tampilan "Layout" di Dashboar tampak tidak rapi alias acak-acakan, tambahkan kode berikut ini:

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}

di atas  kode


#navbar-iframe{height:0;visibility:hidden;display:none}


MEMUNCULKAN BLOG PAGER 
Di halaman depan demo template lama, ada menu See All Posts yang mengarah ke Daftar Isi.
Anda bisa menggantinya dengan Blog Pager atau Menu Halaman Biasa (Older Posts) dengan mengganti kode antara

<b:includable id='nextprev'>  dan  <div class='clear'/>

dengan kode berikut ini:

<b:includable id='nextprev'>

  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
<b:if cond='data:blog.pageType == "item"'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>

  <div class='clear'/>

Demikian Panduan Instal & Setting Template New Johny Wuss V3. Good Luck!!!

Link: DOWNLOAD NJW V3

UPDATE!!!
Link Download Terbaru NJW V3 (Sesuai Demo) 

WARNING!!!! 
Jangan Hapus atau Ubah Credit Link maskolis & cb blogger di Footer. Jika menghapus atau mengubahnya, Google DMCA akan memasukkan blog Anda ke Google SandBox !!!

*** NO FREE SUPPORT for FREE TEMPLATES ***

New from CB !!!

NJW Simple - New Seo Friendly Blogger Template


Good Luck and Happy Blogging! (Admin).***

25 Cara Promosi Posting Blog untuk Menambah Jumlah Pengunjung

25 Cara Promosi Posting Blog untuk Menambah Jumlah Pengunjung
BAGAIMANA cara mempromosikan posting blog untuk menambah jumlah pengunjung (trafik)? Mari kita intip bagaima tips dan pengalaman para blogger di luar sana mempromosikan blognya untuk menarik pembaca.

Setidaknya ada 25 cara mempromosi posting blog untuk menambah jumlah pengunjung dan menaikkan popularitas blog kita.

Tips berikut ini ada di forum blogger Quora.
  1. Post to Twitter
  2. Post to Facebook
  3. Post to Google+
  4. Comment on a bunch of commentluv blogs so people can see your recent post
  5. Submit it to blog voting sites like http://Bizsugar.com orhttp://blogengage.com or Hacker News
  6. Deep link to other bloggers posts so they will be sent trackback notifications, getting them to your site might get it mentioned elsewhere - engaging with other bloggers is the best way to get your content promoted.
  7. Mention other people and products in your post and send out tweets letting them know they were mentioned.
  8. Get guest bloggers who will often promote the post to their audience (ex / current journalists have a healthy audience)
  9. Send an email newsletter to your list with a personalised intro and a link to the blog post (I use MailChimp it's great).
  10. Go into forums that are are active in and look for threads that your post relates to, if rules permit reply with a link to the post.
  11. Update your forum signature every time you release a new post.
  12. Use WiseStamp so your email signature always shows your latest post.
  13. Comment on Other blogs
  14. Comment on forums in your niche market
  15. Print out business cards and hand them out
  16. Link your blog in your email signature
  17. Link your blog in your forum signature
  18. Submit your blog to Google
  19. Submit your blog to Yahoo!
  20. Build your links through relationships with other bloggers
  21. Build authority on your niche market
  22. Submit to website directories
  23. Create iPhone App for your website
  24. Do something that has never been done
  25. Create joint ventures with other bloggers
Nah lho, banyak bangiiit...!!! Silakan coba.

Mengatasi Error Missing "Updated" & "Author" Blog di Google Richsnippets

Google Richsnippets
SALAH satu penyebab blog sulit atau tidak terindeks Google adalah adanya Error: Missing required field "updated" dan Error: Missing required hCard “author” . Itu artinya struktur data blog kita tidak bisa dibaca mesin pencari, terutama Google.

Structrured Data sangat penting buat index blog kita. Percuma 'kan templatenya responsive dan fast loading, tapi Structrured Data buruk alias error?

Berikut ini tips atau cara mengatasi Warning Error: Missing required field "updated" dan Error: Missing required hCard “author” Blog saat dicek Structrured Data di Google Richsnippets.

1. Mengatasi Error: Missing required field "updated"

- Template > Edit HTML
- Temukan kode  <data:post.timestamp/>
- Ganti kode code tersebut dengan kode:
<span class='updated'><data:post.timestamp/></span>
- Save Template!

2. Mengatasi Error: Missing required hCard “author”
- Template > "Edit HTML"
-  Cari kode berikut ini:

<span class='post-author vcard' > 
<b:if cond='data:top.showAuthor'> 
<b:if cond='data:post.authorProfileUrl'> 
<span class='fn'> 
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> 
<data:post.author/> 
</a> 
</span> 
<b:else/> 
<span class='fn'><data:post.author/></span> 
</b:if> 
</b:if> 
</span>

- Ganti SEMUANYA dengan kode berikut ini:

<span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'> 
<b:if cond='data:top.showAuthor'> 
<b:if cond='data:post.authorProfileUrl'> 
<span class='fn author'> 
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> 
<span itemprop='name'><data:post.author/></span> 
</a> 
</span> 
<b:else/> 
<span class='fn author'><span itemprop='name'><data:post.author/></span></span> 
</b:if> 
</b:if> 
</span>


JIKA MASIH ERROR, mungkin ada yang kurang! 
Cek kode <div class='post-footer-line post-footer-line-1'> dan pastikan di bawahnya ada kode seperti ini. Jika tidak ada, Copas kode berwarna biru tepat di bawahnya:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>

Demikian Mengatasi Error: Missing required field "updated" Blog di Google Richsnippets agar blog kita cepat dan mudah diindeks Google.

Sumber:
http://www.wikihow.com/Fix-Errors-on-Google-Webmaster-Tools-Structured-Data
http://www.mybloggertricks.com/2014/04/fix-structured-data-hatom-errors-in.html
Plus Pengalaman (Utak-Atik Sendiri)

Gunakan Kode Warna HTML Biru untuk Link Blog

Kode Warna HTML Biru Facebook & Twitter
BIRU (blue) adalah link (tautan). Itulah rumus dasar blog dan situs website pada umumnya. Biru adalah warana link di situs-situs terkemuka di dunia, seperti Facebook, Google, Bing, Twitter, Yahoo, Wikipedia, dan Alexa.

Maka, jangan pernah menggunakan warna lain untuk link selain biru.

Jika warna biru link diganti dengan warna lain, maka akan mencederai UX (User Experience) yang menjadikan blog tidak user friendly!

Berikut ini kode Kode Warna HTML Biru Facebook & Twitter dll. untuk digunakan di blog.

Cara mengubahnya, cari kode link di template Anda. Jika sudah biru, biarkan. Jika warna lain, ini dia koleksi KODE WARNA BIRU HTML:

Biru Facebook: #3b5998
Biru Twitter: #55acee
Biru Harian Terbit: #0E62AA
Biru Persib: #03C
Biru Detikcom: #284296
Biru oxford: #09223e

Biru NN Group: visited #639
link #03c
font-color: #2b2828

Biru Top Background FB: #3a5795

Mengatur Tampilan Sidebar Widget di Homepage & Single Post

Mengatur Tampilan Sidebar Widget
KITA bisa mengatur tampilan Sidebar Widget hanya muncul di Homepage (halaman depan) atau hanya muncul di Single Post saja. Defaultnya, ketika kita menambahkan widget, maka akan muncul di HOME dan di Halalaman Dalam (Single Post).

Bagaimana agar widget hanya muncul di depan saja atau di halaman dalam saja? Ini dia trik & trik dan kode HTML-nya:

CARA MENGATAR POSISI SIDEBAR WIDGET

1. Kode untuk Widget yang Hanya dimunculkan di homepage (halaman depan):

Tambahkan kode
<b:if cond='data:blog.url == data:blog.homepageUrl'> 

setelah <b:includable id='main'>

dan tambahkan kode
</b:if> sebelum kode penutup widget

sebelum kode </b:includable>

2. Untuk widget yang hanya muncul di halaman dalam/halaman posting saja:

Tambahkan kode
<b:if cond='data:blog.pageType == "item"'>

setelah <b:includable id='main'>
dan kode

</b:if> sebelum kode penutup widget (</b:includable>)

That's it!

Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi Blogger

Berikut ini Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi Blogger.

Komentar spam yaitu komentar yang berisi link aktif atau link hidup. Gambar pensil yaitu "quickedit" yang ternyata tidak seo friendly. Navigasi Bar itu bawaan blogger, jarang digunakan.

Atribusi blogger yaitu tulisan "Power by Blogger" atau "Diberdayakan oleh Blogger". Boleh dihilangkan.

Kode-kode berikut ini akan menyembunyikan dan menghapus link hidup, menghilanhkan gambar pensil (quickedit), dan atribusi blogger, dan navbar:

.comment-content a {display: none;}
.quickedit{display:none;}
#Attribution1 {display: none;}
#navbar { height: 0px; visibility: hidden; display: none;}

COPAS saja dan simpan di atas kode </b:skin> di template Anda!

Caranya:
1. Template > klik "Customize"
2. Klik Advance > Add CSS
3. Copas kode di atas
4. Klik "Apply" di kanan atas!

Kode Anti Komentar Spam, Gambar Pensil, Navbar, dan Atribusi Blogger

Cara Membuat Kotak Kode HTML di Posting Blog

JIKA ingin berbagi kode, sebaiknya gunakan Kotak Kode HTML agar kodenya tidak acak-acakan dan mengganggu tampilan posting.

Ini dia Cara Membuat Kotak Kode HTML di Posting Blog
1. Klik Mode "HTML"
2. Copy & Paste lode berikut ini:

<div style="border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; text-align: left;">
Kode Script Anda Di Sini
</div>

3. Klik Mode "Compose"
4. Maka akan muncul tampilan seperti ini:

<div style="border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; text-align: left;">
Kode Script Anda Di Sini
</div>

Nah, masukkan saja kode HTML/Javascript di bagian Kode Script Anda Di Sini

Cara Membuat Kotak Kode HTML di Posting Blog