SEO Template

Entri Populer

Template blogger Tema windows 8

Template blogger Tema windows 8 - bisa di lihat deh ntar blognya  fresh banget pokonya.. responsive juga kok tentunya gratis buat para blogger. thanks tombak dian
Template blogger Tema windows 8
Template blogger Tema windows 8

Featured

Responsive Design -> Check
Valid HTML 5 Homepage -> Check
Valid HTML 5 Posting -> Check
Valid CSS 3 -> Check
SEO Score 100% -> Check
Threadead Cooments
Recent Comments Notif
Fast Loading
Etc...
Custom
DOWNLOAD | DEMO | DEMO HP
Edit pada bagian Recent Comments dan ganti dengan URL Anda.
var originalTitle = document.title; var dian_config = { home_page: "http://the-anarchyta.blogspot.com/", max_result: 18, t_w: 40, t_h: 40, summary: 9999, new_tab_link: false, ct_id: "comments-container", new_dian: " Komentar Baru!", interval: 30000, alert: true, alert: function (a) { .....................
jika anda sudah menambahkan widget cari kode berikut <b:include name='quickedit'/> dan hapuslah agar tetap menjaga ke SEO - an blog anda

Template blogger rasa windows 8 - by tutornesia

Template blogger rasa windows 8 - by tutornesia - ternyata template yang saya cari cari ketemu juga , kali ini kan saya share template tersebut. bagi anda para blogger anda bersyukurlah karena banyak orang baik yang mau berbagi.hargai karya cipta mereka

Template blogger rasa windows 8 - by tutornesia
Template blogger rasa windows 8 - by tutornesia
Fitur Template Moteor Shark

Threaded Comment Hack 3.
Responsive, Cek Disini.
Validasi Home, Cek Disini.
Validasi Postingan, Cek Disini.
Validasi CSS3, Cek Disini.
Chkme.com 100%, Cek Disini.
Kecepatan Loading, Cek Disini.
Postmeta di homepage dan postingan.
Email Subscribe Flat Ui.
Back to Top.
Breadcrumbs.
Dan masih banyak lagi.

DOWNLOAD | DEMO | DEMO HP | SETTINGAN

cara memperbaiki Eliminate render-blocking JavaScript and CSS in above-the-fold content

cara memperbaiki Eliminate render-blocking JavaScript and CSS in above-the-fold content - Beberapa para blogger pasti pernah mengalami hal seperti berikut. ketika di cek di pagespeed insight developer kepunyaan si google. nah berikut adalah cara untuk mengatasi hal tersebut, kalau sudah diperbaiki skornya tinggi kan otomatis blog kita menjadi banyak pengunjung

cara memperbaiki Eliminate render-blocking JavaScript and CSS in above-the-fold content
cara memperbaiki Eliminate render-blocking JavaScript and CSS in above-the-fold content

Tahap 1 - Mengganti Tag Header
Trik ini bertujuan untuk memblokir akses ke CSS dari blogger, sehingga kita bisa mengoptimalkan pengiriman kode CSSnya dengan cara kita pindah kodenya langsung di blog anda.
Ubah tag pembuka head

<head>
rubah menjadi
&lt;head&gt;

dan Tag penutup head
</head>
ubah menjadi
&lt;/head&gt;&lt;!--<head/>--&gt;

Sekarang simpan template anda. Kita bisa lihat apa yang terjadi setelah kita rubah kodenya seperti di atas. Kita buka blog melalui browser dan lihat layoutnya berubah tidak karuan. Tetapi jangan khawatir kita akan dapatkan kode CSSnya dan menyalinnya ke blog kita.
Sekarang tekan CTRL + U pada browser anda untuk melihat source codenya. Blog anda harus terdapat kode CSS seperti dibawah ini yang berwarna hijau:
cara memperbaiki Eliminate render-blocking JavaScript and CSS in above-the-fold content
cara memperbaiki Eliminate render-blocking JavaScript and CSS in above-the-fold content


Kode di atas menunjukkan bahwa tidak ada akses ke eksternal CSS

Sekarang salin urlnya seperti yang saya cantumkan di bawah ini dan buka melalui web browser, kemudian salin kode CSSnya.

https://www.blogger.com/static/v1/widgets/1247733060-widget_css_2_bundle.css

demikian juga untuk CSS Bundle mobile nya. kita akan dapatkan kode cssnya dengan cara mengetikkan url dibawah:

NAMABLOGANDA.blogspot.com?m=1

Dari url diatas dimaksudkan untuk melihat blog kita dalam tampilan Mobile. hanya dengan menambahkan ?m=1. Kemudian lakukan hal yang sama dengan menekan Ctrl + U dan dapatkan url CSS mobile Bundle, kemudian buka melalui web, dan Salin kode CSSnya. Contoh url mobile bundle:

https://www.blogger.com/static/v1/widgets/1247733060-widget_css_mobile_2_bundle.css

Tahap 2 - Meletakkan Kode CSS di blogger

Hati-hati jangan mencampur dua kode CSS yang kita salin tadi, karena layout akan konflik. Cara untuk meletakkannya di blog adalah dengan memisah akses mobile dan akses desktop. Misalkan jika kita akses dari desktop PC , Blog kita hanya akan mengakses ke CSS_2_Bundle.css saja. sedangkan jika kita membuka blog kita dari Smartphone atau HP, maka blog kita hanya mengakses CSS_Mobile_2_buundle.css. Caranya adalah seperti di bawah ini:

<b:if cond="data:blog.isMobile">
<style type="text/css">
------TempatkanCSS_Mobile_2_Bundle.css Di Sini --------------
</style>
<b:else/>
<style type="text/css">
------Tempatkan CSS_2_Bundle.css DI SIni--------------
</style>
</b:if>


Letakkan Masing-masing kode CSS seperti yang ditunjukkan pada contoh di atas. Kemudian simpan template. Jika diperlukan, kita bisa menambahkan padding=0 pada kelas CSS .content-inner:
.content-inner{padding:0}

Cara Membuat Related Post Valid HTML5 dan Fast Load di Bloger

Cara Membuat Related Post Valid HTML5 dan Fast Load di Blogger - kali ini saya akan share tips bagi anda yang kurang puas akan ilmu. related post standar juga unik tapi unik dan keren lagi jika related post tersebut valid html5 dan juga loading cepat.

Cara Membuat Related Post Valid HTML5 dan Fast Load di Bloger
Cara Membuat Related Post Valid HTML5 dan Fast Load di Bloger
berikut Cara Membuat Related Post Valid HTML5 dan Fast Load di Blog
Letakkan kode berikut tepat di atas </head>
<script type='text/javascript'>
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;}}}}
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];}}
    relatedTitles = tmp2;
    relatedUrls = tmp;}
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
    return false;}
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 20) {
    document.write('<li><a href="' + relatedUrls[r] + '">' +
    relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;}
    i++;}
    document.write('</ul>');}
    //]]>
    </script>

Letakkan Kode berikut tepat di bawah <data:post.body/>

<b:if cond='data:post.labels'>    <b:loop values='data:post.labels' var='label'>    <b:if cond='data:blog.pageType == &quot;item&quot;'>    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=related_results_labels&amp;amp;max-results=5&quot;' type='text/javascript'/>    </b:if>    </b:loop>    </b:if>    <b:if cond='data:blog.pageType == &quot;item&quot;'><div id='rel-noval'>    <h3>Artikel Terkait</h3>    <script type='text/javascript'>    removeRelatedDuplicates();    printRelatedLabels();    </script>      </div>    </b:if>

Pastekan kode dibawah ini diatas ]]</b:skin>
#rel-noval {
line-height: 1.7em;
font-size: 13px;
margin: 6px 0 0;
padding: 0 5px;
background: #f8f8f8;
border: 1px solid #e2e2e2;
color: #333;
overflow: hidden;
}
#rel-noval h3 {
color: #fff;
background: #2c3e50;
padding: 5px;
border-bottom: 0px;
margin-top: 5px;
display: block;
}
LIHAT DEMO
Baca Juga tentang cara membuat permalink URL pada blogger agar blog dapat terdeteksi cepat oleh robot google

Cara memperbaiki error pada google rich snippets

Cara memperbaiki error pada google rich snippets - Terkadang blog anda terdapat error pada Warning: Missing required field "updated" and Warning: Missing required hCard "author" Begini solusinya :

Cara memperbaiki error pada google rich snippets
Cara memperbaiki error pada google rich snippets

jika elemen blog anda seperti dibawah ini :
<data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>  
    <div class='post-footer'>
maka sisipilah ditengah kode tersebut seperti conth dibawah ini :

<data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
<div class='vcard' id='hcard-Aufa-Maya'>
 <span class='fn n'>
    <span class='given-name'>Posted by: Maya</span>
   </span>
  </div>
<a class='updated' href='http://seotemplate-adsense.blogspot.com/' rel='bookmark'>SeoTemplate, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
    <div class='post-footer'> 

Dan lihalah hasilnya :D mungkin beberapa blog memiliki elemen yang berbeda cobalah untuk menaruh kode
<div class='vcard' id='hcard-Aufa-Maya'> <span class='fn n'>    <span class='given-name'>Posted by: Maya</span>   </span>  </div><a class='updated' href='http://seotemplate-adsense.blogspot.com/' rel='bookmark'>SeoTemplate, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
Cara memperbaiki error pada google rich snippets

Cara membuat tombol blogger rasa windows 8

Cara membuat tombol blogger rasa windows 8 - Seperti yang kita ketahui bahwa memiliki desain yang lebih profesional dari sebuah blog di perlukan waktu ini karena memberikan beberapa manfaat.terkadang tombol yang seperti itu digunakan untuk model tombol download pada blogger

Cara membuat tombol blogger rasa windows 8
Cara membuat tombol blogger rasa windows 8

Cara membuat tombol blogger rasa windows 8 yaitu

  1. login ke blogger
  2. cari kode </head>
  3. pastekan kode dibawah ini pas sebelum </head>
<!-- Flat UI Buttons By Www.BloggerYard.Com Start -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,
600,700,800" rel="stylesheet" type="text/css"></link>
<style type="text/css">
.button {color:white!important; font-family:open sans; margin:10px 10px
10px 0;text-decoration:none!important; font-weight:700;border-radius:5px;
-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;
-oborder-radius:5px; transition:all .4s;-webkit-transition:all .4s;-moz-transition:
all .4s;-ms-transition:all .4s;-o-transition:all .4s;}
.blue {background: #3498db;border-bottom: 3px solid #226693;}
.blue:hover {background:#2980b9;}
.green {background: #2ecc71;border-bottom: 3px solid #1F8C4C;}
.green:hover {background: #27ae60;}
.red {background: #e74c3c;border-bottom: 3px solid #922C20;}
.red:hover {background:#c0392b;}
.purple {background: #9b59b6; border-bottom: 3px solid #74398E;}
.purple:hover {background:#8e44ad;}
.seagreen {background: #1abc9c;border-bottom: 3px solid #127F69;}
.seagreen:hover {background: #16a085;}
.big {font-size:18px; padding:15px 20px;}
.medium {font-size:15px; padding: 10px 15px;}
.small {font-size:12px; padding:8px 10px;}
</style>
<!-- Flat UI Buttons By Www.BloggerYard.Com End -->
  1. klik add widget pada blogger
Big Size Buttons
<a class="button blue big" href="#">Blue Button</a>
<a class="button green big" href="#">Green Button</a>
<a class="button red big" href="#">Red Button</a>
<a class="button purple big" href="#">Purple Button</a>
<a class="button seagreen big" href="#">SeaGreen </a>
Medium Size Buttons
<a class="button blue medium" href="#">Blue Button</a>
<a class="button green medium" href="#">Green Button</a>
<a class="button red medium" href="#">Red Button</a>
<a class="button purple medium" href="#">Purple Button</a>
<a class="button seagreen medium" href="#">SeaGreen</a>
Small Size Buttons
<a class="button blue small" href="#">Blue Button</a>
<a class="button green small" href="#">Green Button</a>
<a class="button red small" href="#">Red Button</a>
<a class="button purple small" href="#">Purple Button</a>
<a class="button seagreen small" href="#">SeaGreen </a>

Klik save dan lihat hasilnya


Demikianlah posting Cara membuat tombol blogger rasa windows 8 semoga bermanfaat,Apa pendapat Anda tentang indikasi Saya ? atau ada metode blog indikasi yang Anda tahu ? mohon berbagi dengan kami dibagian komentar, Salam Blogger.

Alat untuk optimasi SEO blogger

Alat untuk optimasi SEO blogger - Silahkan dipergunakan dengan sebaik - baiknya
baca artikel tentang tiap generator

Alat untuk optimasi SEO blogger
Alat untuk optimasi SEO blogger

Blogger Sitemap Generator (XML Sitemap for Blogger / Blogspot) 
This tool will generate a complete XML sitemap of your Blogger blog that mentions all your blog posts and not just the recently published blog posts. XML Sitemaps help search engines better index your blog. Sitemaps are supported by all major search engines including Google and Bing. (Credit PHPFunction to labnol.org)




Meta Tag analysis for Blogger / Site
The <meta> tag provides metadata about the HTML document. Title, keywords and description tags are considered as the most important from all meta tags in search engine optimization. (Credit PHPFunction to caraganti.com)




Google PageRank (PR) Checker
Google pagerank is the webpage rating given by google (between 0 to 10). Pagerank is an important factor in Search engine ranking higher pagerank will get higher SERP (search engine results page) position. Pagerank depends on numbers of relative backlinks to website. (Credit PHPFunction to mmncs.com)



Get Favicon From Blog or Site
A favicon is the little icon that browsers display next to a page's title on a browser tab, or in the address bar next to its URL. It also is used when you bookmark a page. (Credit JSFunction to bloggerjateng.com)



CSS Compression Tool (CSS Compressor)

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Use this Cascading Style Sheets, CSS Compressor to compress CSS to reduce CSS code size and make your web pages load faster. It is quick, easy and free! (Credit JSFunction to dte.web.id)



CSS Decompression Tools (CSS Decompressor)

You can use this utility to uncompress your CSS files, in other words make them nicely formatted again. This tool will decompress the compressed and optimized Cascading Style Sheet (CSS) code to make it easier to read and to edit. (Credit JSFunction to dte.web.id)



JavaScript Compressor (JavaScript Packer)

This javascript compressor that allows you to compress and minify your javascript files. Compressed javascript files are ideal for production environments since they typically reduce the size of the file by 30-90%. Most of the filesize reduction is achieved by removing comments and extra whitespace characters that are not needed by web browsers or visitors. (Credit JSFunction to joliclic.free.fr)



JavaScript Decompressor (JavaScript Unpacker)

This tool will unpack decompress and reformat the packed JavaScript to make the notations readable and editable. It can also unpack scripts packed by the popular Dean Edward's packer, and can deobfuscate scripts that are obfuscated and protected by software's and online obfuscating tools. (Credit JSFunction to jsbeautifier.org)



Ad Code Converter Tool for AdSense, AdBrite and Chitika

This Ad converter tool is the most important for the all the bloggers and it helps the bloggers to convert the Ads ad code to put the ads in your Blogger post. It automatically converts javascript ad code into the correct format so you can embed it directly into your new xml Blogger template. It’s perfect for converting AdSense, AdBrite, Chitika or any other javascript ad code you may have. (Credit JSFunction to bloggerjateng.com)



Html Color Codes Generator (HTML Color Picker)

Color Picker is the best online tool for choosing colors in hexadecimal , RGB, HSV and CMYK value and you can change the styling of many aspects to suit your Blog or Website!
Move the vertical slider to chose color and then click into color square on the left to get HTML color code for desired color cast. (Credit JSFunction to html-color-codes.info)



Online Code Beautifier for HTML, CSS, JavaScript and PHP

With Code Beautifier, you can deobfuscate and reformat your source code with a click. The beautifier is compatible with most popular languages including JavaScript, HTML, XML, CSS, and PHP. (Credit JSFunction to labnol.org)


 

Cara membuat url permalinks Blogger

Cara membuat url permalinks Blogger - agar lebih SEO friendly Sebelumnya pengguna Blogger platform merasa kecewa karena banyak kekurangan yang ada pada tubuh Blogger khususnya pada SEO, berbeda dengan Wordpress yang banyak option dan plugin untuk menunjang SEO. Tetapi sekarang kekecewaan pengguna Blogspot sudah sedikit terobati setelah Blogger melakukan banyak perubahan dan update pengguna Blogspot sekarang sudah bisa menggunakan option yang diberikan untuk menunjang SEO dan yang lainnya, seperti meng-edit robot.txt, meta description, threaded comments, fitur blogger custom permalink, dll.

Cara membuat url permalinks Blogger
Cara membuat url permalinks Blogger

Apalagi sekarang ini saya sudah banyak melihat teman-teman yang berhasil membuat breadcrumbs terindex Google yang membuat blog terlihat lebih profesional. Nah sekarang kita akan bahas cara membuat custom url permalink blogger, silahkan ikuti tips & trik blogger dibawah ini.
Cara Membuat Custom URL Permalink Blogspot

Contoh URL permalink

Judul post "Cara Membuat Backlink dengan mudah"

Jika menggunakan Automatic Permalink maka URL permalink dari judul post diatas akan terpotong karena standard blogger tidak lebih dari 38 karakter termasuk spasi,dan ini kurang baik untuk SEO sehingga akan menjadi

http://seotemplate-adsense.blogspot.com/2014/04/cara-membuat-baclink-dengan-.html

Jika menggunakan Custom Permalink maka URL Permalink akan terbentuk tanpa ada potongan kata dan tentunya ini akan sangat baik bagi SEO, sehingga akan menjadi

http://seotemplate-adsense.blogspot.com/2014/04/cara-membuat-baclink-dengan-mudah.html

Nah sekarang terserah anda karena pilihan terakhir ada di tangan anda untuk membuat URL Permalin,

Cara mengecek template responsive

Cara mengecek template responsive - Tingginya tingkat pengguna tablet, smartphone ataupun hp yang telah bisa digunakan untuk browsing di internet, maka menambah visitor blog dari para pengguna Gadget tersebut akan semakin besar peluangnya. Akan tetapi sebagai pemilik blog tentunya kita harus terlebih dahulu membuat visitor bisa merasa nyaman pada saat berada di blog dan caranya adalah dengan menggunakan template yang responsive.
Cara mengecek template responsive
Cara mengecek template responsive

Apa itu template yang Responsive? singkatnya adalah istilah yang digunakan dalam konsep design template yang memungkinkan tata letak bisa berubah tergantung pada resolusi layar saat tampil sesuai dengan jenis Gadget / Mobile yang digunakan untuk mengakses sebuah blog. Untuk menguji apakah template yang sobat gunakan sudah responsive atau tidak silahkan kunjungi link dibawah ini:

http://www.responsinator.com/atau
http://www.namablog-anda.blogspot.com/?m=1/
Untuk menguji responsive atau tidaknya sebuah template, setelah memasukan link pada form yang tersedia (tanpa http://) silahkan klik pada ikon yang ada setelah tulisan Auto dan contohnya bisa sobat lihat pada screenshot diatas. Jadi sobat tidak perlu khawatir lagi akan penampilan blog sobat pada saat diakses melalui mobile apabila telah menggunakan yang responsive, happy blogging.

Cara membuat Baclink dengan mudah

Cara membuat Baclink dengan mudah - Referensi diambil dari sebuah forum indonesia yang menjelaskan tentang backlink terbaru oleh fasilitas google yaitu menggunakan file penitipan google drive. pada intinya backlink ini kita di minta untuk membuat sebuah halaman dengan  dengan kostumisasi meta tag dan robot yang bisa di search lebih dahulu oleh si search engine. jika halaman yang kita buat tersebut sudah di index oleh search engine maka otomatis halaman tersebut bisa jadi jalur link ke halaman blog kita.

Cara membuat Baclink dengan mudah
Cara membuat Baclink dengan mudah

berikut adalah cara membuat sebuah backli dengan mudah menggunakan google drive
  1. login ke akun google
  2. menuju ke google drive
  3. buat sebuah halaman di notepad dan save dengan format .html
  4. paste kode dibawah ini dan menjadikannya sebuah artikel 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Disini Judul Dokumen/artikel</title>
    <meta content='Cara membuat Baclink dengan mudah' name='description'/>
    <meta content='membuat backlink, backlink gratis, backlink berkualitas, seo,keyword backlink,backlink,2014,' name='keywords'/>
    <meta content='Aufa Maya' name='Author'/>
    <meta content='document' name='resource-type'/>
    <meta content='all,INDEX,FOLLOW' name='Robots'/>
    <meta content='follow, all' name='Googlebot'/>
    <meta content='follow, all' name='Googlebot-Image'/>
    <meta content='follow, all' name='Scooter'/>
    <meta content='follow, all' name='msnbot'/>
    <meta content='follow, all' name='alexabot'/>
    <meta content='follow, all' name='Slurp'/>
    <meta content='follow, all' name='ZyBorg'/>
    <meta content='follow, all' name='Scooter'/>
    <meta content='follow, all' name='yahoobot'/>
    <meta content='follow, all' name='bingbot'/>
    <meta content='never' name='expires'/>
    <meta content='general' name='rating'/>
    <meta content='30 day' name='revisit-after'/>
    <meta content='all' name='audience'/>
    <meta content='global' name='distribution'/>
    <meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <style type="text/css">
    body{background: #ccc;font: normal 14px Arial, Helvetica, sans-serif}
    #wrapper{border: 1px solid #444;margin: 0 auto;padding:0; width: 600px;background:#fff}
    .header{border-top: 2px solid #006666;text-align: center;padding:30px 10px;background: #99CC99}
    .header h1{color:#330066;font: bold 35px Arial, Helvetica, sans-serif}
    .post {line-height:1.7em;padding: 10px;font: 14px Arial,helvetica,Sans-serif}
    .post img{margin-right: 10px}
    .post h2{color:#444;font-size: 25px}
    .post h3{color:#444;font-size: 17px}
    .footer{margin:0 auto;padding:0;background:#99CC99}
    .footer p{margin:0;padding:10px 0;background:#99CC99}
    </style>
    </head>

    <body>
    <div id="wrapper">
    <div class="header">
    <h1> Disini judul Artikel</h1>
    </div>
    <div id="content">
    <div class="post">

    <p>
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD3Vu0EOx4JRAyie3bqUXv9Lbowfqw7McJpm3Z9FysRyl1VdqvzzcQZBNVj5ubxHHBbIiJa5lZ-43ItWsVwBKDSVoqcBPs9pj6wwbjSaN-ypcJj7rFFToXjQ5yx_u98tmASKjGIx2YRk4/s400/kambing-kacang4%255B1%255D.jpg" style="float: left;width="250" height="300" alt="gambar alt" />
    Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content
     disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan
     content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini
     isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content
     disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan
     content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini
     isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content
     disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini
     isi dengan content disini </p>

    <h2>Sub judul h2 </h2>
    Disini isi dengan content disini Disini isi <a href="#">dengan anchor kw</a> disini Disini isi dengan content disini
    Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content
     disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi

    <h3>Judul h3</h3>
    Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan
     content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini
     isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi

    <h3>Judul h3</h3>
    Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content
     disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content
    disini Disini isi dengan content disini Disini isi dengan content disini Disini isi

    <h3>Judul h3</h3>
    Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content
     disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content disini Disini isi dengan content
     disini Disini isi dengan content disini Disini isi dengan content disini Disini isi

    <p>Paragraf akhir Paragraf akhir Paragraf akhir Paragraf akhir Paragraf akhir Paragraf
    akhir Paragraf akhir <a href="/#">Disini Backlink</a></p>
    </div>
    </div>
    <div class="footer">
    <p align="center">
    <a href="#">Footer Link</a>
    </p>
    </div>
    </div>
    </body>
    </html>
  5. Atur judul dan keyword
  6. Share dan ganti mode ke public atau share ke backlink lainya tunggu berumur untuk submit ke backlink - backlink lainnya
  7. Jika Sudah Berhasil anda dapat buat backlink yang mengarah ke tiap postingan blogger anda sebagai contoh
Demo Halaman Backlink
Selamat berputar dengan backlink yang anda buat - Cara membuat Baclink dengan mudah
Powered by Blogger.