TECHNO-BLOG: Tips SEO

Percepat Loading Blog Dengan Compress Template

<div style="text-align: left;">
<br />
<div class="" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrjTxg9kxWTpwe6dt3jToFT8Wm1fS-Vk-I8dkKVtM80PDYrIyIUsPvNXiJuONEHdTsHuNQ4hwVzhfq79X8YUmhnBYs0cVgvKCTVDVHq6yMZprmmfZ-GJSgLVsMfkauCV9SclNfPj40Ukw/s1600/compress_html_js.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrjTxg9kxWTpwe6dt3jToFT8Wm1fS-Vk-I8dkKVtM80PDYrIyIUsPvNXiJuONEHdTsHuNQ4hwVzhfq79X8YUmhnBYs0cVgvKCTVDVHq6yMZprmmfZ-GJSgLVsMfkauCV9SclNfPj40Ukw/s320/compress_html_js.jpg" width="320" /></a>Hi kawan, kali ini My-Techno akan share Tips/Cara untuk meringankan loading blog dengan Compress beberapa bagian dari template, seperti CSS, Script, Image, dan HTML.</div>
</div>
Tujuan Compress beberapa bagian yang telah MY-Techno sebutkan tadi adalah mengurangi jumlah byte yang dimuat dalam loading pengaksesan blog.<br />
Sebenarnya Pengompressan ini hanya menghapus Spasi, Tab, Enter, karna di pemrosesan sebuah website/blog adalah hitungan per huruf/per kata, jadi pengurangan spasi pun itu dapat mengurangi ukuran loadingnya.<br />
Sekarang kita bahas saja apa yang harus di Compress di dalam template sobat.<br />
<br />
<h4>
Compress CSS</h4>
Untuk mempercepat loading blog yang pertama yang harus dilakukan adalah dengan meng-Compress CSS, sebelum sobat melakukan proses peng-Compressan sebaiknya sobat membuat salinan tentang CSS yang mau sobat edit, agar nanti kalo terjadi kesalahan atau kerusakan pada tampilan bisa mengatasinya.<br />
My-Techno rekomendasikan umtuk tool Compress CSS-nya, sobat kunjungi <a href="http://www.cssdrive.com/index.php/main/csscompressor">CSS Drive</a>  dan pilih mana opsi yang Anda inginkan untuk kompresi (saya sarankan Super compact, dan strip all comments). Masukan dan submit CSS ke dalam style sheet (kotak CSS) yang ada, lalu akan terbuka halaman baru berisi CSS yang telah di kompresi.<br />
<br />
Untuk CSS biasanya berada di antara tag <b:skin> dan </b:skin>, Copy-kan semua kode nya untuk dikompresi, Alhamdulillah My-Techno juga menggunakan cara tersebut dan berhasil.<br />
Namun untuk blogger pemula mungkin agak bingung dengan hasil compressan tersebut. LIhatlah perbedaan kode CSS hasil kompresi.<br />
<br />
<blockquote class="tr_bq">
#header h1{<br />
margin:0 5px 0;<br />
padding:0px 0 0 0px;<br />
font-family:Arial,Helvetica,Sans-serif;<br />
font-weight:bold;<br />
font-size:41px;<br />
color:#003B7A;<br />
text-shadow:0 1px 0 #fff<br />
}<br />
#header .description{<br />
padding-left:5px; color:#003B7A; font-size:12px;<br />
}<br />
#header h1 a, #header h1 a:visited{<br />
color:#003B7A; text-decoration:none<br />
}</blockquote>
 Setelah di Kompress hasilnya akan menjadi<br />
<blockquote class="tr_bq">
#header h1{margin:0 5px 0;padding:0px 0 0 0px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;font-size:41px;color:#003B7A;text-shadow:0 1px 0 #fff}#header .description{padding-left:5px;color:#003B7A;font-size:12px}#header h1 a,#header h1 a:visited{color:#003B7A;text-decoration:none}</blockquote>
<br />
<h4>
Compress HTML </h4>
Langkah kedua adalah meng-Compress kode HTML di dalam template sobat, biasanya kode HTML itu berada di antara kode <body> dan </body>, tetapi ada banyak kode yang terselip di sana. untuk mencari biasanya kode HTML itu seperti <div id='body-wrapper'> dan diakhiri </div>.<br />
<br />
Untuk compress HTML, kunjungi <a href="http://www.textfixer.com/html/compress-html-compression.php">Text Fixer</a> dan masukan semua kode HTML di Kolom yang di sediakan dan tekan Compress HTML<br />
<br />
<h4>
Compress Image</h4>
Langkah ke-tiga adalah meng-compress image/gambar. Simpan semua gambar blog Anda ke dalam satu folder, buat dua folder lagi dan pisahkan kumpulan gambar blog anda dengan ekstensi png dan jpg. Masuk ke <a href="http://compresspng.com/">compresspng</a> untuk kompres gambar berekstensi png. Dan masuk ke <a href="http://compressjpg.com/">compressjpg</a> untuk kompres gambar berekstensi jpg. itu. Layanan tool kompresi gambar ini dibuat oleh Mediafox Marketing.  Pilih gambar yang akan anda kompres dengan menekan select files. Lalu tekan tombol Upload Queue untuk mengupload gambar. Tunggu proses upload sampai selesai yang ditandai tanda ceklis pada gambar. Pilih gambar dan akan muncul option pengeditan di bagian bawah. Atur terserah anda optionnya. Tekan tombol selesai dan gambar akan otomatis terdownload.<br />
<br />
<h4>
Compress JavaScript</h4>
Langkah terakhir adalah meng-compress javascript, biasanya seperti <script src='//www.google.com/jsapi' type='text/javascript'/> dan diakhiri dengan tag </script>.<br />
Nah kode seperti diataslah yang perlu di compress di <a href="http://jscompress.com/">JS Compress</a>. tapi saya ingatkan lagi backup template anda sebelum di compress terutama untuk javascript, karena tidak semua code javascript akan berjalan dengan benar setelah di kompres<br />
<h4>
</h4>

Percepat Loading Blog Dengan Compress Template

Hi kawan, kali ini My-Techno akan share Tips/Cara untuk meringankan loading blog dengan Compress beberapa bagian dari template, seperti C...

Cara Membuat Blog SEO Friendly Dengan Mudah

Hy kawan, apa kabarnya nih ? semoga baik saja seperti My-Techno. Kali ini yang akan dibagikan ke kawan semu adalah Cara Membuat Blog SEO Friendly Dengan Mudah - Kenapa My-Techno sebut "Dengan Mudah" karena hanya tips SEO yang mudah yang baru saya bisa, hehehe :D<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXcQBvSUVMPLsVKE2uGqAf3CIF-jhQRfX6CfNK1mZ6CyoQbd2cgbySP0TAW8UKiQ0CsezSkBpckECXPC86nk4KR_RtOq6x3icdo4sj1SoeS0xuvu_llrwi1v9HnxN4yKmlFYdY_LLk7ew/s1600/lomba+seo+2013_min.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXcQBvSUVMPLsVKE2uGqAf3CIF-jhQRfX6CfNK1mZ6CyoQbd2cgbySP0TAW8UKiQ0CsezSkBpckECXPC86nk4KR_RtOq6x3icdo4sj1SoeS0xuvu_llrwi1v9HnxN4yKmlFYdY_LLk7ew/s320/lomba+seo+2013_min.jpg" width="320" /></a></div>
<br />
<br />
Manfaat SEO (Search Engine Optimization)<br />
Search Engine Optimization - atau yang lebih dikenal dengan SEO adalah usaha untuk mengoptimalkan mesin pencari agar mudah terindeks search engine.<br />
Cara ini cocok untuk mempopulerkan blog kita kepada blogwalking atau pembaca, percuma saja jika mempunyai blog yang bagus tapi tidak mendapatkan pengunjung, maka apa yang kita posting akan sia-sia.<br />
<br />
Sebenarnya My-Techno juga baru belajar tentang SEO ( sebutan populernya Newbie ) tapi My-Techno akan memberikan sedikit tips agar blog terlihat SEO Friendly. Cara ini adalah membuat template kita menjadi SEO Friendly.<br />
<br />
1. <b>Membuat Blog SEO Friendly Dengan Mengubah Page Title</b><br />
Format page title default dari blogger kan seperti ini “JUDUL BLOG : JUDUL POSTING”, nah supaya blog kita lebih disukai oleh search, kita harus merubah format page title standar itu menjadi seperti ini “JUDUL POSTING | JUDUL BLOG”. Berikut langkah-langkahnya :<br />
<ul>
<li>Login ke blog sobat</li>
<li>Pilih Template kemudian pilih edit HTML</li>
<li>Kemudian cari kode berikut <b><title><data:blog.pageTitle/></title> </b>( untuk mempermudah tekan ctrl + f )</li>
<li>Kalau sudah ketemu ganti dengan code dibawah ini.</li>
</ul>
<blockquote class="tr_bq">
<title><br />
<b:if cond='data:blog.homepageUrl == data:blog.url'><br />
<data:blog.title/><br />
<b:else/><br />
<data:blog.pageName/><br />
</b:if><br />
</title></blockquote>
<ul>
<li>Kemudian klik save</li>
</ul>
<br />
2. <b>Membuat Blog SEO Friendly dengan Menambahkan Meta Tag </b><br />
Mesin pencari sangat menyukai web/blog yang jelas tema dan isi content-nya. Jadi, sobat harus nambahin suatu tag yang namanya meta tag. Berikut langkah-langkahnya :<br />
<ul>
<li>Login ke blog sobat</li>
<li>Pilih Template kemudian pilih edit HTML</li>
<li>Kemudian cari kode berikut <b><b:skin><![CDATA[ </b>( untuk mempermudah tekan ctrl + f )</li>
<li>Copy code dibawah ini diatas kode dia atas</li>
</ul>
<blockquote class="tr_bq">
<b:if cond='data:blog.url == data:blog.homepageUrl'><br />
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/><br />
<meta name='Author' content='<span style="color: red;">Nama Sobat'</span>/><br />
<meta name='description' content='<span style="color: lime;">Deskripsi singkat tentang blog sobat</span>'/><br />
<meta name='keywords' content=<span style="color: cyan;">'keyword1, keyword2, keyword3, dst</span>'/><br />
<meta name='language' content='id'/><br />
<meta name='geo.position' content='-5;120'/><br />
<meta name='geo.country' content='id' /><br />
</b:if></blockquote>
<ul>
<li>Edit yang berwarna</li>
<li><span style="color: red;">Merah</span> : dengan nama sobat</li>
<li><span style="color: lime;">Hijau</span> : dengan diskripsi singkat blog sobat</li>
<li><span style="color: cyan;">Biru</span> : dengan kata kunci yang menggambarkan blog sobat</li>
<li>Kemudian tekan save</li>
</ul>

Cara Membuat Blog SEO Friendly Dengan Mudah

Hy kawan, apa kabarnya nih ? semoga baik saja seperti My-Techno. Kali ini yang akan dibagikan ke kawan semu adalah Cara Membuat Blog SEO Fri...

Cara Membuat Breadcrumb di Blog Agar Lebih SEO

Cara Membuat Breadcrumb di Blog Agar Lebih SEO - Cara ini merupakan cara yang di rekomendasi para webmaster untuk membuat blog lebih SEO Frendly. <br />
Membuat Breadcrumb di Blog Agar Lebih SEO -  Adalah cara untuk cepat terindeks Search Engine dan dapat meningkatkan posisi blog<br />
<br />
Yang Dimaksud Dengan Breadcrumb - Breadcrumb adalah menu navigasi penunjuk asal - muasal artikel yang di baca dan juga dapat mempermudah pembaca untuk menemukan artikel yang mepunyai label sama, langsung saja My-Techno tunjukan yang dimaksud breadcrumb<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj4dXLC3Q9GDgTJbLBeaH-TfXHrMwcY5S5aJ1pw6QrvSoM0dBXAwiyX_7YvOuN3WPtbQuObD6swgxmxiSxYzDnIt_kzGoP_Z1xLYhwAa6xg-rd1twpCHbuydO0OqOsk2c7XeYI9-csFQ0/s1600/Breadcrumbs_min.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj4dXLC3Q9GDgTJbLBeaH-TfXHrMwcY5S5aJ1pw6QrvSoM0dBXAwiyX_7YvOuN3WPtbQuObD6swgxmxiSxYzDnIt_kzGoP_Z1xLYhwAa6xg-rd1twpCHbuydO0OqOsk2c7XeYI9-csFQ0/s320/Breadcrumbs_min.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHTF6D9IxT4-wdtephUlTIfTIOIMRlpuEAWaRTu0SwkkxYZsFlen7FdxWwXNxPJbp09CjyLNRGnXMeB7iFrBg9IwW49M7cOfRmo_irE_uZlh-SJXRHn6iwrhgfuhT-MBj4badqlvH1Ri4/s1600/Breadcrumbs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
Tujuan pemasangan breadcrumb adalah untuk membantu robot search engine saat meng-crawl, mengindeks, dan menelusuri blog kita. agar lebih mudah dan cepat terindeks.<br />
<br />
Langsung saja bagaimana cara pemasangan breadcrumb tersebut kita bahas.<br />
1. Login ke blogger<br />
2. Masuk ke Template<br />
3. Pilih Edit HTML<br />
4. Lalu cari<b> ]]></b:skin> ( agar lebih mudah gunakan ctrl + f )</b><br />
5. Kalau sudah ketemu copy code dibawah ini dan paste-kan diatas kode diatas<br />
<br />
<blockquote class="tr_bq">
<span style="-webkit-text-stroke-width: 0px; display: inline !important; float: none; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}</span></blockquote>
6. Setelah itu cari kode <b><b:includable id='main' var='top'></b><br />
hapus kode tersebut dan ganti dengan code dibawah ini.<br />
<blockquote class="tr_bq">
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:includable id='breadcrumb' var='posts'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:if cond='data:blog.homepageUrl != data:blog.url'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:if cond='data:blog.pageType == &quot;static_page&quot;'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:else/></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:if cond='data:blog.pageType == &quot;item&quot;'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:loop values='data:posts' var='post'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:if cond='data:post.labels'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:loop values='data:post.labels' var='label'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:if cond='data:label.isLast == &quot;true&quot;'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:if></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:loop></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
 &#187; <span><data:post.title/></span></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:else/></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:if></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:loop></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:else/></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:if cond='data:blog.pageType == &quot;archive&quot;'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<div class='breadcrumbs'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:else/></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:if cond='data:blog.pageType == &quot;index&quot;'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<div class='breadcrumbs'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:if cond='data:blog.pageName == &quot;&quot;'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:else/></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:if></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:if></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:if></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:if></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:if></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:if></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</b:includable></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:includable id='main' var='top'></div>
<div style="-webkit-text-stroke-width: 0px; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<b:include data='posts' name='breadcrumb'/></div>
</blockquote>
 7. Kemudian klik Save dan liha hasilnya

Cara Membuat Breadcrumb di Blog Agar Lebih SEO

Cara Membuat Breadcrumb di Blog Agar Lebih SEO - Cara ini merupakan cara yang di rekomendasi para webmaster untuk membuat blog lebih SEO Fre...

Parsing HTML

<div class="separator" style="clear: both; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghLN3v2_5J057xlNNkUztyN2CfJXonO-XtjlcOBF6mCy9GsE-lim1jscYKj34pyJqryWPKpnZCFY7jw-pXSRqf5zRZpfAtzbd_ptmQPig7UA8y-07uKb0tEMEtztwTG0yAkbgb0EZmKdHO/s320/parse+kode+html.jpg" /></div>
Hy sobat post ini merupakan tools untuk parsing HTML dan JavaScript, guna tools ini adalah<br />
<div>
<br />
<br />
<li style="font-family: 'Open Sans', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 14px; line-height: 22px;">Konversi & menjadi &amp;</li>
<li style="font-family: 'Open Sans', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 14px; line-height: 22px;">Konversi ' menjadi &#039;</li>
<li style="font-family: 'Open Sans', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 14px; line-height: 22px;">Konversi " menjadi &quot;</li>
<li style="font-family: 'Open Sans', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 14px; line-height: 22px;">Konversi < menjadi &lt;</li>
<li style="font-family: 'Open Sans', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 14px; line-height: 22px;">Konversi > menjadi &gt; </li>
<span style="font-family: 'Open Sans', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 14px; line-height: 22px;"><br /></span></div>
<div>
<span style="font-family: 'Open Sans', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 14px; line-height: 22px;">jadi mempercepat browser dalam meload sebuah HTML / JS</span></div>
<div>
<span style="font-family: 'Open Sans', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 14px; line-height: 22px;"><br /></span></div>
<div>
<span style="font-family: 'Open Sans', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 14px; line-height: 22px;">Masukan kode HTML / kode JS ke Form di bawah ini dan klik parse script</span></div>
<center>
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&");replaced = replaced.replace(/</ig, "<");replaced = replaced.replace(/>/ig, ">");replaced = replaced.replace(/"/ig, """);replaced = replaced.replace(/±/ig, "±");replaced = replaced.replace(/©/ig, "©");replaced = replaced.replace(/®/ig, "®");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script>
<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 500px;"><tbody>
<tr> <td valign="top" width="400"><textarea cols="50" id="somewhere" rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);">

Parsing HTML

Hy sobat post ini merupakan tools untuk parsing HTML dan JavaScript, guna tools ini adalah Konversi & menjadi & Konversi ...

Percepat Loading Blog Dengan Compress Template

Cara Membuat Blog SEO Friendly Dengan Mudah

Cara Membuat Breadcrumb di Blog Agar Lebih SEO

Parsing HTML

Fajar Bahari

Followers