Point-point penting tentang blog dan seo


 Berikut adalah beberapa poin penting tentang blog dan SEO:

1. Konten Berkualitas: Konten berkualitas adalah kunci dalam strategi SEO. Pastikan blog Anda menyediakan konten yang informatif, relevan, dan bermanfaat bagi pengguna. Tulis dengan baik, gunakan kata kunci yang relevan, dan berikan informasi yang mendalam.

2. Kata Kunci: Penelitian kata kunci merupakan langkah penting dalam SEO blog. Identifikasi kata kunci yang relevan dengan topik blog Anda dan gunakan kata kunci tersebut secara strategis dalam judul, paragraf awal, dan konten blog Anda. Hindari penggunaan kata kunci berlebihan (keyword stuffing), dan pastikan kata kunci terintegrasi secara alami dalam teks.

3. Struktur URL: Pastikan URL blog Anda memiliki struktur yang jelas dan berhubungan langsung dengan topik konten. Gunakan kata kunci dalam URL jika memungkinkan. Hindari URL yang panjang dan berantakan.

4. Meta Tag: Gunakan meta tag yang relevan, seperti meta tag deskripsi dan meta tag judul. Meta tag ini membantu mesin pencari memahami dan menampilkan informasi yang relevan dalam hasil pencarian. Pastikan deskripsi dan judul yang Anda gunakan menggambarkan dengan akurat isi blog Anda dan mendorong klik pengguna.

5. Tautan Internal: Buat tautan internal di blog Anda untuk menghubungkan konten yang terkait. Ini membantu mesin pencari memahami struktur situs Anda dan memudahkan pengguna untuk menavigasi di antara halaman-halaman blog Anda. Gunakan anchor text yang relevan dan deskriptif untuk tautan internal Anda.

6. Responsif dan Kecepatan: Pastikan blog Anda dioptimalkan untuk tampil dengan baik di perangkat mobile (responsif) dan memiliki waktu muat yang cepat. Pengalaman pengguna yang baik dan waktu muat yang cepat merupakan faktor penting dalam peringkat mesin pencari.

7. Social Media Sharing: Membagikan konten blog Anda melalui platform media sosial membantu meningkatkan eksposur dan jumlah tautan balik (backlink) ke blog Anda. Pastikan untuk menyediakan tombol berbagi sosial pada blog Anda untuk mempermudah pembaca untuk membagikan konten.

8. Analisis dan Pemantauan: Gunakan alat analisis web, seperti Google Analytics, untuk memantau kinerja blog Anda. Analisis ini memberikan wawasan tentang jumlah kunjungan, sumber lalu lintas, kata kunci yang efektif, dan perilaku pengguna. Gunakan data ini untuk membuat perubahan dan penyesuaian yang diperlukan untuk meningkatkan SEO blog Anda.

9. Backlink: Membangun tautan balik (backlink) dari situs web otoritatif dan relevan merupakan faktor penting dalam SEO blog. Carilah peluang untuk mendapatkan tautan balik berkualitas melalui guest posting, kolaborasi dengan blogger lain, atau berbagi konten yang menarik secara alami akan mendapatkan tautan balik.

10. Pengoptimalan Gambar: Gunakan atribut alt pada gambar untuk memberikan deskripsi yang relevan dan menggunakan nama file gambar yang jelas dan deskriptif. Ini membantu mesin pencari memahami konten gambar dan dapat meningkatkan visibilitas blog Anda melalui pencarian gambar.

Perhatikan bahwa SEO adalah usaha yang berkelanjutan. Teruslah memperbarui dan mengoptimalkan blog Anda secara teratur, serta tetap mengikuti tren dan perubahan dalam algoritma mesin pencari untuk memastikan keberhasilan jangka panjang dalam meningkatkan visibilitas dan lalu lintas blog Anda.


Cara Pasang SEO Smart Link 2023


 Untuk memasang SEO smart link, Anda dapat mengikuti langkah-langkah berikut:

1. Pilih dan pasang plugin SEO smart link: Ada beberapa plugin SEO smart link yang tersedia untuk platform blog yang berbeda, seperti WordPress. Cari dan pilih plugin yang sesuai dengan platform blog Anda, dan instal plugin tersebut.

2. Konfigurasi plugin: Setelah menginstal plugin SEO smart link, buka menu pengaturan plugin di dashboard blog Anda. Konfigurasikan pengaturan plugin sesuai dengan preferensi Anda. Ini mungkin melibatkan mengatur kata kunci, URL target, dan tindakan lainnya terkait tautan yang akan dihasilkan oleh plugin.

3. Buat daftar kata kunci dan URL target: Tentukan kata kunci yang akan dihubungkan dengan URL target. Misalnya, jika kata kunci adalah "SEO", URL target dapat menjadi halaman yang berisi informasi tentang SEO. Buat daftar kata kunci dan URL target yang relevan dengan konten blog Anda.

4. Tambahkan kata kunci dan URL target ke plugin: Buka pengaturan plugin SEO smart link di dashboard blog Anda dan tambahkan daftar kata kunci dan URL target yang telah Anda siapkan sebelumnya. Pastikan untuk memasukkan kata kunci dan URL target dengan benar untuk menghindari kesalahan tautan yang tidak sesuai.

5. Simpan pengaturan dan periksa hasilnya: Setelah Anda menambahkan kata kunci dan URL target ke plugin, simpan pengaturan dan buka halaman atau artikel yang memiliki kata kunci yang telah Anda tentukan. Periksa apakah kata kunci yang relevan telah otomatis diubah menjadi tautan yang mengarah ke URL target yang tepat sesuai dengan konfigurasi plugin.

Pastikan untuk memeriksa dokumentasi plugin dan petunjuk yang disediakan oleh pengembang plugin SEO smart link yang Anda gunakan untuk mendapatkan panduan yang lebih rinci dan informasi spesifik tentang penggunaan plugin tersebut.

Perlu diingat bahwa penggunaan plugin SEO smart link adalah salah satu aspek dari optimasi mesin pencari. Selain menggunakan plugin, pastikan untuk menyediakan konten berkualitas tinggi, mengoptimalkan penggunaan kata kunci, dan mengikuti praktik SEO lainnya untuk meningkatkan visibilitas dan peringkat blog Anda dalam hasil pencarian.


Cara Pasang meta tag blog seo friendly 2023

 

Untuk membuat blog menjadi SEO friendly, Anda dapat menggunakan meta tag yang relevan dalam kode HTML blog Anda. Berikut adalah beberapa langkah untuk memasang meta tag SEO friendly di blog Anda:

1. Tentukan meta tag yang akan Anda gunakan: Ada beberapa meta tag yang umumnya digunakan untuk meningkatkan optimasi mesin pencari. Beberapa di antaranya termasuk meta tag deskripsi, meta tag kata kunci, meta tag judul, dan meta tag robot.

2. Buka file HTML blog Anda menggunakan editor teks.

3. Letakkan meta tag di antara elemen <head> dan </head>. Berikut adalah contoh penggunaan meta tag yang umum:

• Meta Tag Deskripsi: Meta tag ini memberikan deskripsi singkat tentang isi blog Anda.

<meta name="description" content="Deskripsi singkat tentang blog Anda">

• Meta Tag Kata Kunci: Meta tag ini berisi kata kunci yang relevan dengan konten blog Anda.

<meta name="keywords" content="kata kunci, kata kunci lain, kata kunci terkait">

• Meta Tag Judul: Meta tag ini menentukan judul blog Anda.

<title>Judul Blog Anda</title>

•Meta Tag Robot: Meta tag ini memberitahu mesin pencari apakah halaman tersebut dapat diindeks atau tidak.

<meta name="robots" content="index,follow">

4. Sesuaikan isi meta tag sesuai dengan konten blog Anda. Pastikan untuk menyertakan deskripsi yang informatif dan kata kunci yang relevan dengan topik blog Anda.
5. Selain meta tag di atas, Anda juga dapat menggunakan meta tag lainnya sesuai kebutuhan, seperti meta tag untuk mengatur bahasa dan karakter set:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Language" content="id-ID">


6. Setelah Anda menambahkan atau memperbarui meta tag di blog Anda, simpan perubahan dan unggah kembali ke server atau platform blog yang Anda gunakan.

Pastikan untuk memeriksa dan memvalidasi kode XHTML Anda secara keseluruhan menggunakan alat validasi XHTML untuk memastikan bahwa meta tag dan kode lainnya valid.
Meta tag yang baik dan relevan dapat membantu mesin pencari memahami konten blog Anda dan meningkatkan kemungkinan munculnya blog Anda dalam hasil pencarian yang relevan. Selain itu, pastikan untuk menyediakan konten berkualitas tinggi dan mengikuti praktik SEO lainnya untuk meningkatkan visibilitas blog Anda dalam mesin pencari.

Tambahkan/Uji Peta Situs 2023



Berikut adalah contoh peta situs sederhana untuk sebuah blog:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Judul Blog Anda</title>
</head>
<body>
    <h1>Judul Blog Anda</h1>

    <h2>Menu Utama</h2>
    <ul>
        <li><a href="index.html">Beranda</a></li>
        <li><a href="artikel.html">Artikel</a></li>
        <li><a href="kontak.html">Kontak</a></li>
    </ul>

    <h2>Kategori</h2>
    <ul>
        <li><a href="kategori1.html">Kategori 1</a></li>
        <li><a href="kategori2.html">Kategori 2</a></li>
        <li><a href="kategori3.html">Kategori 3</a></li>
    </ul>

    <h2>Artikel Terbaru</h2>
    <ul>
        <li><a href="artikel1.html">Judul Artikel 1</a></li>
        <li><a href="artikel2.html">Judul Artikel 2</a></li>
        <li><a href="artikel3.html">Judul Artikel 3</a></li>
    </ul>

    <h2>Halaman Statis</h2>
    <ul>
        <li><a href="tentang.html">Tentang Kami</a></li>
        <li><a href="bantuan.html">Bantuan</a></li>
        <li><a href="kebijakan.html">Kebijakan Privasi</a></li>
    </ul>

    <h2>Tag</h2>
    <ul>
        <li><a href="tag1.html">Tag 1</a></li>
        <li><a href="tag2.html">Tag 2</a></li>
        <li><a href="tag3.html">Tag 3</a></li>
    </ul>

    <h2>Archives</h2>
    <ul>
        <li><a href="archive1.html">Arsip 1</a></li>
        <li><a href="archive2.html">Arsip 2</a></li>
        <li><a href="archive3.html">Arsip 3</a></li>
    </ul>

    <h2>Footer</h2>
    <p>Teks footer blog Anda.</p>
</body>
</html>

Peta situs ini menggunakan elemen <h2> untuk judul setiap bagian, dan elemen <ul> dan <li> untuk membuat daftar tautan. Anda dapat mengganti tautan dan teks yang relevan dengan blog Anda sendiri.

Pastikan untuk menyimpan file ini dengan nama "sitemap.html" atau sesuai dengan preferensi Anda. Kemudian, unggah file tersebut ke server atau platform blog Anda.

Peta situs ini memberikan struktur yang jelas tentang halaman-halaman yang ada dalam blog Anda. Pengunjung dapat dengan mudah menavigasi antara beranda, artikel, halaman statis, kategori, tag, dan arsip. Footer juga memberikan tempat untuk informasi tambahan atau tautan yang relevan.

Setelah Anda menguji peta situs ini, pastikan untuk memeriksanya menggunakan alat validasi XHTML untuk memastikan validitas kode XHTML Anda.

Cara Membuat Blog Valid XHTML 2023


 Untuk membuat blog dengan valid XHTML, Anda dapat mengikuti langkah-langkah berikut:

1. Persiapkan editor teks: Gunakan editor teks yang handal, seperti Notepad++, Sublime Text, atau Visual Studio Code. Pastikan editor teks tersebut mampu menyimpan file dalam format UTF-8.
2. Buat file HTML baru: Buat file baru dengan ekstensi ".html" menggunakan editor teks pilihan Anda.
3. Tentukan versi XHTML: Tentukan versi XHTML yang akan Anda gunakan. Misalnya, XHTML 1.0 Strict atau XHTML 1.1.
4. Buat struktur dasar XHTML: Mulailah dengan menulis struktur dasar XHTML. Berikut adalah contoh struktur dasar untuk XHTML 1.0 Strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Judul Blog Anda</title>
</head>
<body>
    <!-- Konten blog Anda akan ditempatkan di sini -->
</body>
</html>

Pastikan untuk mengganti "Judul Blog Anda" dengan judul sesuai dengan blog Anda.
5. Validasi struktur XHTML: Setelah menulis struktur dasar XHTML, Anda dapat memvalidasi kode Anda menggunakan alat validasi XHTML yang tersedia secara online, seperti W3C Markup Validation Service (https://validator.w3.org/). Salin dan tempelkan kode XHTML Anda ke alat validasi dan periksa apakah ada kesalahan atau peringatan yang perlu diperbaiki.
6. Tulis konten blog: Setelah struktur dasar XHTML divalidasi, Anda dapat mulai menulis konten blog Anda di dalam elemen <body>.
7. Gunakan elemen XHTML yang valid: Pastikan menggunakan elemen XHTML yang valid, menghindari penggunaan elemen yang dianggap usang atau tidak dianjurkan dalam XHTML. Perhatikan penggunaan atribut dan penutup elemen yang benar.
8. Periksa validitas setiap perubahan: Setiap kali Anda membuat perubahan pada kode XHTML, pastikan untuk memvalidasinya kembali menggunakan alat validasi XHTML.
9. Simpan dan unggah blog: Setelah Anda selesai menulis konten blog Anda dan memvalidasi kode XHTML secara keseluruhan, simpan file HTML Anda dan unggah ke server atau platform blog yang Anda gunakan.
Dengan mengikuti langkah-langkah di atas, Anda dapat membuat blog dengan kode XHTML yang valid. Pastikan untuk memeriksa dan memvalidasi kode Anda secara berkala saat Anda membuat perubahan atau menambahkan konten baru ke blog Anda.




Cara Membuat Blog Valid XHTML


Cara Membuat Template Blog Valid XHTML


Template Blog Valid XHTML berpengaruh besar dengan SEO blog kita.

 Kunjungi Validator W3C  untuk menetahui  Error dan warning blog

To the point:

-Login ke Blogger.

-Masuk pada Edit HTML, jangan lupa Centang "Expand template".

-Cari Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Dan ganti dengan Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

-Cari lagi Kode

<b:skin><![CDATA[/*

--------------------------

Blogger Template Style Olala

Name : NN

Updated by: Blogger Team

------------------------- */

Dan Hapus tanda (-----) Sehingga hasilnya seperti  ini:

<b:skin><![CDATA[/*

Blogger Template Style Olala

Name : NN

Updated by: Blogger Team

*/

-Hapus semua Kode  <b:include name='quickedit'/>  utk tidak menampilkan Icon Tang dan Obeng dan kalau menambahkan Widget baru maka kode tersebut akan muncul kambali, dan jangan lupa untuk menghapusnya lagi.

-Hapus kode  <b:include data='blog' name='all-head-content'/>  Untuk menghilangkan photo Profil pada komentar blog dan ganti dengan Kode di bawah ini lalu buat keterangan sesuai dengan Blog mu pada kata yg bertulis merah!!!

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<link expr:href='data:blog.url' rel='canonical'/>

<link href='http://www.blogger.com/profile/Id Profile Blog Kamu' rel='me'/>

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>

<link href='http://www.blogger.com/rsd.g?blogID=Id Profile Blog Kamu' rel='EditURI' title='RSD' type='application/rsd xml'/>

<link href='http://www.blogger.com/feeds/Id Profile Blog Kamu/posts/default' rel='service.post' title='Nama Blog Kamu - Atom' type='application/atom+xml'/>

<link href='http://NamaBlog.blogspot.com/feeds/posts/default' rel='alternate' title='Nama Blog Kamu - Atom' type='application/atom+xml'/>

-Cari kode </head> dan letakkan Kode <!-- <body><div></div> --> di bawah </head>.

-Cari kode  <Meta Content="INDEX, FOLLOW" name="Robots"> Dan ganti dengan Kode  <meta content="index, follow" name="robots">

-Tambahkan Jenis type="text/javascript" pada semua Kode JavaScript yang ada pada template atau Widget Blog. Contoh : <script type="text/javascript" src="http://b-l-o-g.googlecode.com/files/Script-Label.js"></script>

-Cari kode ini : <b:include name='nextprev'/> Lalu kamu Ganti dengan Kode di bawah ini.

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

<b:include name='nextprev'/>

</b:if>

untuk menyembunyikan Page Navigation di Halaman Utama Blog.

Dan masih ada lagi kode yang di cari mungkin tidak ketemu pada kebanyakan Template, juga tidak menjamin kalau Blog bisa Valid 100%

Baca Juga Cara membuat auto readmore

Tambahkan/Uji Peta Situs

Peta Situs
Tambahkan/Uji Peta Situs

  1. Pastikan anda sudah memiliki akun di .
  2. Masuk ke akun milik anda.
  3. Klik pada nama blog yang sudah anda daftarkan sebelumnya
  4. Pada “Site Configuration”. Klik “SITEMAP”
  5. Klik “Submit a Sitemap”
  6. Lalu akan diminta untuk men-submit sitemap blog anda ke dalam box. Kode inilah yang kelak akan anda masukkan di sana :
Masukkan kode berikut ini :

/atom.xml?redirect=false&start-index=1&max-results=500

/atom.xml?redirect=false&start-index=1001&max-results=1500
/atom.xml?redirect=false&start-index=501&max-results=1000
/atom.xml?redirect=false

/feeds/posts/default

/feeds/posts/default?max-results=9999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc
    
/feeds/posts/default?orderby=updated


Ba

Cara Pasang meta tag blog seo friendly

Meta Tag
Cara Pasang meta tag blog seo friendly
>Login ke Blogger dengan Akun sobat.
>Masuk ke Rancangan > Edit HTML. Centang "Expand Widget Template".
>Cari kode ; <b:include data='blog' name='all-head-content'/> lalu hapus kode di bawahnya sampai di atas kode ; <b:skin><![CDATA[
>Setelah itu Copy-paste kode di bawah ini di bawah kode ;


<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='Rattling Impressive Diamond' name='DESCRIPTION'/>
<meta content='Jewelery,Diamond,Diamond Store' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='http://diamondssstore.blogspot.com/' name='author'/>
<meta content='Diamond Store' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>




>Lihat dulu Template, kalau tidak ada masalah baru save



Baca Juga

Cara Pasang SEO Smart Link

SEO
Cara Pasang SEO Smart Link
 *Login ke Blogger
 *Klik Rancangan Lalu ke Edit HTML.
 *Cari kode </body>, Tekan Ctrl + F pada Keyboard untuk mempercepat.
 *Copy Paste Script Berikut ini tepat di Atas kode </body>.


    <b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
    function autoLink(){
        this.keywdHref = new Object();
        this.add = function(keyword, href){
            if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
            this.keywdHref[keyword] =  href;
        }
        this.createAnchor = function(){
            var objs = document.getElementsByTagName(&quot;div&quot;);
            for(var i=0; i&lt;objs.length; i++){
                var obj = objs[i];
                if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                    var content = obj.innerHTML;
                    for(var keyword in this.keywdHref){
                        var href = this.keywdHref[keyword];
                        var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                        obj.innerHTML = newstr;
                        content = newstr;
                    }
                }
            }
        }
        this.startScript = function(){
            var onLoad = window.onload;
            window.onload = function(){
                if(onLoad){onLoad();}
                setTimeout(&quot;f.createAnchor()&quot;, 100);
            }
        }
    }
    </script>
    <script type='text/javascript'>
    var f = new autoLink();
    f.add(&quot;Semoga Bermanfaat&quot;, &quot;http://tothepointtopoint.blogspot.com/&quot;);
    f.startScript();
    </script></b:if>


*Setelah Selesai, Lihat dulu baru Simpan Template.

* Pada kata Semoga Bermanfaat, Ganti dengan Kata Kunci yang di Pilih.
* Pada URL http://tothepointtopoint.blogspot.com/, Ganti dengan URL yang dituju.

Baca Juga
Cara Pasang meta tag blog seo friendly

Cara menghilangkan navigasi bar


Cara menghilangkan navigasi bar

Copas kode ini dibawah kode <head>

#navbar-iframe {
display: none !important;
}



Sehingga seperti ini

*/-----------------------------------------------
Blogger Template Style
Name:     Awesome Inc.
Designer: Tina Chen
URL:      tinachen.org
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}

Cara Membuat Permalink Gaya To The Point

Permalink

Cara Membuat Permalink

Cara Membuatnya:
Letakkan kode dibawah ini diatas ]]></b:skin>

/* Permalink
    ----------------------------------------------- */
    .buatpermalinkblogger{
      border: 1px solid #77ccee;
      padding: 5px;
      background: #77ccee;-moz-border-radius:5px;
    }


    .buatpermalinkblogger a{
      background:none;
    }


    img.float-right {
      margin: 5px 0px 0 10px;
    }


    img.float-left {
      margin: 5px 10px 0 0px;
    }


Kemudian Tambahkan kode ini dibawah kode <data:post.body/> yang kedua dan </b:if> yang kedua






<div class='buatpermalinkblogger'>
    <center><small>Semoga artikel ini <u><b><a expr:href='data:post.url'><data:post.title/></a></b></u> berguna bagi anda dan silahkan menyalin artikel ini tanpa memasukkan link di bawah ini sebagai sumber juga tidak apa-apa.
    <br/><strong><data:post.url/></strong><br/>
    </small></center>
    <textarea cols='65' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>
    <a expr:href='data:post.url'><data:blog.pageName/></a></textarea>


    <!-- Facebook Button BEGIN -->
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
    <!-- Twitter Button END -->


    <!-- Twitter Button BEGIN -->
    <a class='twitter-share-button' data-via='Yan Prawibawa' href='https://twitter.com/share'>Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
    <!-- Twitter Button END -->


    <!-- Google+ Button BEGIN -->
    <g:plusone annotation='inline' size='medium'/>
    <script type='text/javascript'>
      (function() {
        var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
        po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
        var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>
    <!-- Google+ Button END -->
    </div>

Preview
Kalau sudah bisa baru di save

Baca Juga Cara menghilangkan navigasi bar

Cara membuat auto readmore

auto readmore 
Cara membuat auto readmore

Login ke Blogger.
Masuk pada Edit HTML, jangan lupa Centang "Expand template".
Cari Kode </head>

Kemudian letakan script dibawah ini di atas kode </head>

 <script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>



Cari Kode <data:post.body/>
Ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>




Baca Juga Cara Membuat Permalink