Webmaster Seo

Cara Mengganti Nama Label Pada Artikel Blog Sekaligus

By Rhm-Files on 17.20.00

<div style="text-align: justify;">
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5mXvA0-o0CYsZgu4iKmkeUgkQGSqdldf9AzHLpJyhVEMpMbiVUMLMi3Z61vqJ89N9S7-SjMQay6JlAKB3-NfPW0z6iMtgWsBB_paZmgg9cPmxLqUuR7EDh6sapj3uFmxG_-Q-vjsp6za4/s1600/Cara-Membuat-Breadcrumbs-Yang-Terindex-Google-Di-Blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="359" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5mXvA0-o0CYsZgu4iKmkeUgkQGSqdldf9AzHLpJyhVEMpMbiVUMLMi3Z61vqJ89N9S7-SjMQay6JlAKB3-NfPW0z6iMtgWsBB_paZmgg9cPmxLqUuR7EDh6sapj3uFmxG_-Q-vjsp6za4/s640/Cara-Membuat-Breadcrumbs-Yang-Terindex-Google-Di-Blog.png" width="640" /></a></div>
</div>
<div style="text-align: justify;">
 
Cara Mengganti Nama Label Pada Artikel Blog Sekaligus -. Sekarang saya akan membagikan tutorial Cara Mengganti Nama Label. Cara ini sangat cocok bagi anda yang ingin mengganti nama label. Misalkan anda sudah punya 100 postingan dengan label Sehat dan anda ingin mengganti nama labelnya dengan Kesehatan.
 Maka dengan cara ini anda tidak perlu masuk ke Edit artikel dan 
mengganti satu-satu dari labelnya, melainkan anda hanya harus mengukuti 
cara dibawah ini.</div>
<div style="text-align: justify;">
 
Sebagian besar dari cara ini mirip dengan cara sebelumnya, dan bisa dibilang ini adalah lanjutan dari cara sebelumnya. 
 
<h3 style="text-align: justify;">
Cara Mengganti Nama Label Pada Postingan Blog :</h3>
<div style="text-align: justify;">
1. Pada dashboard blogger klik Pos.</div>
<div style="text-align: justify;">
2. Perhatikan gambar dibawah ini, saya akan mencoba mengganti label yang bernama "Sehat" menjadi "Kesehatan". 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibk5ymZmoHgkZ4yJBEfPy5ttHQsPvVnf98A6Z5MP5v_PQiYT-DvR3Uic_COXMec9A_d0yXNQ8TVyqqReHNw2lj3Hnr-xL-q8eJWczdEuJFoqVGQDzvlTiSGiYXUoBzuu1hyphenhyphenDsBJI1Dqsie/s1600/Screenshot_169.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibk5ymZmoHgkZ4yJBEfPy5ttHQsPvVnf98A6Z5MP5v_PQiYT-DvR3Uic_COXMec9A_d0yXNQ8TVyqqReHNw2lj3Hnr-xL-q8eJWczdEuJFoqVGQDzvlTiSGiYXUoBzuu1hyphenhyphenDsBJI1Dqsie/s400/Screenshot_169.png" width="400" /></a></div>
<div style="text-align: justify;">
</div>
 
3. Caranya adalah dengan mengklik Semua label yang berada di sebelah kanan atas. Lalu klik Sehat (3). Lihat gambar! 
 
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Mengganti Nama Label Pada Postingan Blog Sekaligus" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ePLupajbxrCoFP1kDgXP_DY8xuKmqpiYAVfuC2pn4aagLDTjQWnx7s70uvlGpbYOddTLoaDy2QampeyaICMFsE_cHuUyIYqrhQtHSXY5yUulhDzFRWQ5WM1NtMSjuKKdWqH2wtpOnxSU/s1600/Screenshot_168.png" title="Cara Mengganti Nama Label Pada Postingan Blog Sekaligus" width="156" /></div>
<div>
</div>
<div style="text-align: justify;">
 
4. Klik tombol "Centang" yang paling atas, agar semua yang dibawah juga ikut tercentang. Setelah itu pada "icon label" klik Label baru.... Untuk lebih jelasnya lihat gambar dibawah! 
 
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Mengganti Nama Label Pada Postingan Blog Sekaligus" border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9owZiOoQph9xrYC36EywVtgr2lni6rgbPaqwmOs1nx-siQo7eT235lDDdv9w1Ns8QfjABBbBec5vXheiBXLqTmodfFF0pg1TgSzwv0THQzI4q7WlRs7CxadFNNzZ1y1js35ZZt8HhNakl/s1600/Screenshot_170.png" title="Cara Mengganti Nama Label Pada Postingan Blog Sekaligus" width="400" /></div>
<div>
</div>
<div>
 
5. Ketikkan Kesehatan lalu klik Oke. 
 
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Mengganti Nama Label Pada Postingan Blog Sekaligus" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQeEqTj6VrpN9N7JnZbbxiJdKnrQxNpYIp_zpuX987yG2cnD99SyTke_aK9oVBv_hFB0rlJZam74_BJMAXukPAdosKToGmMEW9cx-swLpxnNqDID3s2_gV4EP9QUP3anDsfHZ5S_mZWLgN/s1600/Screenshot_171.png" title="Cara Mengganti Nama Label Pada Postingan Blog Sekaligus" width="400" /></div>
<div>
</div>
<div>
 
6. Pada "icon label" klik Sehat. 
 
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Mengganti Nama Label Pada Postingan Blog Sekaligus" border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii4WIeYECzppsgV5XBwWal1hnEf9JhFwl1DFBLWW7ODmhGHhyphenhyphenNvfCciM_QmgEe2K3c5v0z5JlpNsMpCL1ewOjCh-zKfGvORwO-TTEItLX9Up167RIY1h5zE3kg0cBuEPR4mP8Dud36f8Wx/s1600/Screenshot_172.png" title="Cara Mengganti Nama Label Pada Postingan Blog Sekaligus" width="400" /></div>
<div>
</div>
<div>
 
7. Kembalikan setingan label menjadi Semua label.</div>
<div>
8. Semua label Sehat telah berubah menjadi Kesehatan.</div>
<div>
</div>
<div>
<div style="text-align: justify;">
Cukup mudah bukan? bila masih kebingungan silakan berkomentar, saya akan dengan senang hati menjawab semua keluhan anda. Semoga sukses.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Updated at: 17.20.00

Tips Membuat Share to Unlock The Download Button di Blog

By Rhm-Files on 19.56.00

Membuat Share to Unlock The Download Button - kemaren ada yang tanya 
bagaimana cara buat tombol Share to Unlock The Download ? sebetulnya 
udah ada yang share cara bikin share to download ini , namun karena ada 
yang tanya , kali ini saya akan berikan tutornya kepada anda . 
Share to Unlock The Download Button ini maksudnya adalah kita harus 
share terlebih dahulu untuk melihat link donwnload , tips ini sudah saya
 terpkan di tempat download template buatan saya , ok back to topic 
bagaimana cara bikin share to download di blog . 
 
Untuk demonya kurang lebih seperti gambar dibawah ini : 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMqU3Tg9DP5Mqu22tLwCFH46C9-DOnEoveCGGBPNpGcZ4i4jwnlNk6WlQjYN3h7PP-kw8bmwAPAkfjizbnSklx-0OLORZZyRZtJhJOtl77MiT1MisheXE9kEObz76fghYHA6hII-OnmAxe/s1600/Membuat-Share-to-Unlock-The-Download-Button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMqU3Tg9DP5Mqu22tLwCFH46C9-DOnEoveCGGBPNpGcZ4i4jwnlNk6WlQjYN3h7PP-kw8bmwAPAkfjizbnSklx-0OLORZZyRZtJhJOtl77MiT1MisheXE9kEObz76fghYHA6hII-OnmAxe/s400/Membuat-Share-to-Unlock-The-Download-Button.png" width="400" /></a></div>
<h3>
Berikut Cara Membuat Share to Unlock The Download Button </h3>
Langkah 1 : Pasang Framework jQuery 
 
Untuk memunculkan dan menyembunyikan objek, diperlukan sentuhan jQuery. Oleh karena itu silahkan pasang kode ini di atas <code></head></code> 
<blockquote class="tr_bq">
<pre><code class="xml"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/></code></pre>
</blockquote>
<div class="catatan">
Pemasangan jQuery pada template cukup 1 saja. Apabila ada beberapa versi framework jQuery, maka efek-efek tidak akan berjalan.</div>
 
Langkah 2 : Pasang Kode CSS di atas <code>]]></b:skin></code> atau <code></style></code> 
<blockquote class="tr_bq">
<pre><code class="css">.secret {text-align:centerdisplay:none}
.secret-share {padding:20px;text-align:center;border:3px solid #ddd}</code></pre>
</blockquote>
Langkah 3 : Pasang Script Penampil Button di atas <code></body></code> 
<blockquote class="tr_bq">
<pre><code class="xml"><script type='text/javascript'>
//<![CDATA[
/* Facebook */
(function(d, s, id){
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) {return;}
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/all.js";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

window.fbAsyncInit = function() {
 // init the FB JS SDK
 FB.init({
 status : true, 
 xfbml : true 
 });

FB.Event.subscribe('edge.create', function(href, widget) {
 $.event.trigger({
 type: "pageShared",
 url: href
 }); 
 });
};

/* Twitter */
 window.twttr = (function (d,s,id) {
 var t, js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
 js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
 return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));

twttr.ready(function (twttr) {
 twttr.events.bind('tweet', function (event) {
 $.event.trigger({
 type: "pageShared",
 url: event.target.baseURI
 });
 });
});

/* Google Plus */
(function() {
 var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
 po.src = 'https://apis.google.com/js/plusone.js';
 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 })();

function plusOned(obj){
 console.log(obj);
 $.event.trigger({
 type: "pageShared",
 url: obj.href
 });
}

/* Listen for the pageShared event */
$(document).on('pageShared',function(e){
 if(e.url == window.location.href){
 $(".secret").show();
 $(".secret-share").hide();
 }
});
//]]> 
</script></code></pre>
</blockquote>
<div class="catatan">
Apabila pada template sobat sudah ada kode yang mirip-mirip seperti itu,
 silahkan hapus dan ganti dengan kode di atas. Jangan lupa untuk 
membackup dulu template.</div>
<h3>
Penulisan pada Postingan</h3>
Untuk memunculkan tombol Like, Tweet atau Google Plus dan juga objek 
(link download) maka format penulisan pada postingan seperti ini (tulis 
pada mode HTML bukan Comopose) : 
<blockquote class="tr_bq">
<pre><code class="xml"><div class="secret">
Link yang disembunyikan disini</div>
</div>
<div class="secret-share">
Bagikan melalui Facebook / Twitter / Google Plus untuk melihat Link Download

<span class="fb-like" data-layout="button_count" data-send="false" data-show-faces="false" data-width="90" expr:data-href="data:post.url" style="margin-right: 25px;"></span><a class="twitter-share-button" data-count="horizontal" data-related="" data-via="kangismetdotnet" expr:data-text="data:post.title" expr:data-url="data:post.url" href="http://twitter.com/share">Tweet</a><span class="g-plusone" data-callback="plusOned" data-count="true" data-size="medium" expr:data-href="data:post.url"></span></div></code></pre>
</blockquote>
Nah itulah Cara Mudah Membuat Share to Unlock The Download Button di 
Blogger , semoga cara artikel tersebut bermanfaat bagi anda , jika anda 
mengalami kesulitan silahkan tanya

Updated at: 19.56.00

2 Cara Membuat Auto Readmore Valid Tanpa Javascript di Blog Anda

By Rhm-Files on 19.51.00

2 Cara Gampang Membuat dan Memasang Auto Readmore ( baca Selengkapnya 
)Otomatis Tanpa Javascript di Blog Anda disertai Thumbnail Yang Ringan 
Ala Kang Ismet  - Banyak sekali macam - macam Auto Readmore yang dapat 
kita pasang di blog kita , auto readmore tersebut ada yang menggunakan 
java script dan ada yang tidak , atau ada yang default dari blogger 
 
   Kali ini saya akan berbagi tentang bagaimana sih , membuat Auto Read 
More Thumbnail Yang Ringan  Tanpa Disertai Javascript , seperti yang 
kita tahu bahwa javascript sangat memengaruhi loading blog kita . Auto 
Readmore ini saya ambil dari rich snipet popular post . sehingga auto 
readmorenya valid dan fast loading 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSZ_v7NrLIZgEKBCsPYs6vY1RLxGHJXhfencPE3qLLpYZt4BGONWcd3cYtmL9d8uuuPVqpi5hZUDVsujug99NtHGnXoqFVF9LgUH-nnltYMLLW8naKLGWZx_DD3i681n8RYW5tlfyCto2/s1600/Cara-Membuat-Auto-Readmore-Valid-Tanpa-Javascript-di-Blog-Anda.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSZ_v7NrLIZgEKBCsPYs6vY1RLxGHJXhfencPE3qLLpYZt4BGONWcd3cYtmL9d8uuuPVqpi5hZUDVsujug99NtHGnXoqFVF9LgUH-nnltYMLLW8naKLGWZx_DD3i681n8RYW5tlfyCto2/s320/Cara-Membuat-Auto-Readmore-Valid-Tanpa-Javascript-di-Blog-Anda.jpg" width="320" /></a></div>
<h3>
Cara Membuat Auto Readmore yang masih berupa posting biasa tanpa belom ada readmorenya </h3>
Jika template blog Anda masih berupa posting biasa tanpa belom ada readmorenya berikut tutorial lengkap membuat Auto Read More Thumbnail Tanpa Javascript , maka caranya yaitu 
<ul>
<li>Login Ke Blogger</li>
<li>Klik Edit Template (Jangan Lupa Back Up dulu)</li>
<li>Cari kode <code>]]></b:skin></code></li>
<li>Copy Css Berikut di atas kode tersebut..</li>
</ul>
<blockquote class="tr_bq">
<pre><code class="css">.thumbnail-post {
width:100px; 
height:100px; 
float:left; 
margin:0px 10px 0px 0px;
}</code></pre>
</blockquote>
<ul>
<li>Setelah itu Cari kode <data:post.body/> yang ke 2 atau 3 atau ke 4, ganti dengan kode ini</li>
</ul>
<blockquote class="tr_bq">
<pre><code class="xml"><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:post.firstImageUrl'>
 <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
 <b:else/>
 <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/></a>
 </b:if>
 <div class='post-snippet'>
 <data:post.snippet/>
 </div>
 <div class='rm-button-wrap'>
 <a class='button' expr:href='data:post.url'>Baca Selengkapnya</a>
 </div>
 </b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 <data:post.body/>
</b:if></code></pre>
</blockquote>
 
<div class="announce">
Keterangan: Thumbnail saya menggunakan <code><data:post.firstImageUrl></code> 
Snippet di ambil dari Referensi pada Popular Post <code><data:post.snippet/></code></div>
<ul>
<li>Langkah Terkahir "Save Template"</li>
</ul>
<h3>
Memodifikasi AUto Readmore Yang Sudah Menggunakan Javascript</h3>
Cara Yang Kedua Yaitu Apabila Template sobat udah ada auto readmorenya yang menggunakan java script

, Anda bisa memodifikasinya pada formulir HTML Temlpate, temukan kode ini: 
<blockquote class="tr_bq">
<pre><code class="xml"><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script></code></pre>
</blockquote>
<div class="announce">
Keterangan Jangan lupa untuk menghapus script auto read-more link yang biasanya terletak di atas <code></head></code></div>
 
Kalau udah ketemu hapus semua kode tersebut kemudian Anda ganti dengan kode di bawah ini 
<blockquote class="tr_bq">
<pre><code class="xml"><b:if cond="data:post.firstImageUrl">
 <a expr:href="data:post.url">
<img class="thumbnail-post" expr:src="data:post.firstImageUrl" expr:title="data:post.title" /></a>
<b:else>
 <a expr:href="data:post.url">
<img class="thumbnail-post" src="http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg" expr:title="data:post.title" /></a>
 </b:else>
</b:if>
<div class='post-snippet'>
 <data:post.snippet/>
</div>
</code></pre>
</blockquote>
<ul>
<li>Kemudian Simpan Template dan Lihat Hasilnya</li>
</ul>
Begitulah 2 Cara Membuat Auto Readmore Valid Tanpa Javascript di 
Template blog anda , hembs kayaknya rumit ya , hehheheh bila ada 
kesulitan silahkan komen dibawah brow , siapa tahu saya bisa membantu 
anda

Updated at: 19.51.00

Cara Membuat Title Otomatis Pada Widget Archive Blog

By Rhm-Files on 19.46.00

Inilah Cara Membuat dan Memasang Title Otomatis Pada Widget Archive Blog
 - Kali ini saya akan optimasi Widget Archive Blogger dengan cara 
menambahkan title tag secara otomatis , sehingga anda tidak perlu 
repot-repor meberikan title pada widget archive secara satu persatu 
 
  Dengan diberikanya title link pada widget archive di blog kita , itu 
dapat meningkatkan kekuatan seo blog kita , seperti halnya para mastah 
seo , bahwa blog yang kuat seonya itu , dimana blog tersebut banyak 
title link dan title tag , ok , back to topic , untuk hasil demo seperti
 apakah widget archive yang kiita beri titlenya ? lihat widget archive 
saya ( bila masih terpasang ) atau lihat gambar dibawah ini . 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjhPR6J3dY6vY5sy41q-apmmtVukK3nP5U-9tzO54W1VjY2oPFLBm2nHtJEkhNoqyABjlIQyXDkfzr4hSZ07pp6XlgCXml-1DCZH-iyw6CFd7Lcu5_0hKsu4dYhWB9iNVCrPv_SFtm0pk0/s1600/Cara-Membuat-Title-Otomatis-Pada-Widget-Archive-Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjhPR6J3dY6vY5sy41q-apmmtVukK3nP5U-9tzO54W1VjY2oPFLBm2nHtJEkhNoqyABjlIQyXDkfzr4hSZ07pp6XlgCXml-1DCZH-iyw6CFd7Lcu5_0hKsu4dYhWB9iNVCrPv_SFtm0pk0/s320/Cara-Membuat-Title-Otomatis-Pada-Widget-Archive-Blog.jpg" width="263" /></a></div>
<h3>
Cara Menambahkan Title Otomatis pada link Archive Blog</h3>
<ol>
<li>Pertama , Buat dulu widget archive di blog anda </li>
<li>Kemudian pergi ke editor template ( edit html )</li>
<li>Cari kode<code> BlogArchive</code> pada editor template tadi , kurang lebih nanti kodenya seperti ini <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6j_dilsLg7h5lRlg0hmUWEdKYXfTTCBYEDyZeYoV0geRYuoQLwTLMD5i19MMG0zqZCLRU4_y9sj3o9EwTUFeAprO2_Tkk393O483iAdmyy6Jra4Kp_mmIF8gli1LoDdMl1u8hCKlPwaB/s1600/Cara+Memberikan+Title+Otomatis+Pada+Widget+Archive+Blog.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Title Otomatis Pada Widget Archive Blog" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6j_dilsLg7h5lRlg0hmUWEdKYXfTTCBYEDyZeYoV0geRYuoQLwTLMD5i19MMG0zqZCLRU4_y9sj3o9EwTUFeAprO2_Tkk393O483iAdmyy6Jra4Kp_mmIF8gli1LoDdMl1u8hCKlPwaB/s1600/Cara+Memberikan+Title+Otomatis+Pada+Widget+Archive+Blog.jpg" title="Cara Membuat Title Otomatis Pada Widget Archive Blog" width="400" /></a></div>
</li>
<li>Jika sudah ketemu , maka ganti kode dibawah ini<blockquote class="tr_bq">
<pre><code class="xml"><b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>

,,,,,,,,,,,,,

</b:widget>
</code></pre>
</blockquote>
</li>
<li>Ganti ( kode diatas ) dengan kode dibawah ini<blockquote class="tr_bq">
<pre><code class="xml"><b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
 <b:includable id='main'>
 <b:if cond='data:title'>
 <h3><data:title/></h3>
 </b:if>
 <div class='widget-content'>
 <div id='ArchiveList'>
 <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
 <b:if cond='data:style == &quot;HIERARCHY&quot;'>
 <b:include data='data' name='interval'/>
 </b:if>
 <b:if cond='data:style == &quot;FLAT&quot;'>
 <b:include data='data' name='flat'/>
 </b:if>
 <b:if cond='data:style == &quot;MENU&quot;'>
 <b:include data='data' name='menu'/>
 </b:if>
 </div>
 </div>
 </div>
</b:includable>
 <b:includable id='flat' var='data'>
 <ul class='flat'>
 <b:loop values='data:data' var='i'>
 <li class='archivedate'>
 <a expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a> (<data:i.post-count/>)
 </li>
 </b:loop>
 </ul>
</b:includable>
 <b:includable id='interval' var='intervalData'>
 <b:loop values='data:intervalData' var='i'>
 <ul class='hierarchy'>
 <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
 <b:include data='i' name='toggle'/>
 <a class='post-count-link' expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a>
 <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
 <b:if cond='data:i.data'>
 <b:include data='i.data' name='interval'/>
 </b:if>
 <b:if cond='data:i.posts'>
 <b:include data='i.posts' name='posts'/>
 </b:if>
 </li>
 </ul>
 </b:loop>
</b:includable>
 <b:includable id='menu' var='data'>
 <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
 <option value=''><data:title/></option>
 <b:loop values='data:data' var='i'>
 <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
 </b:loop>
 </select>
</b:includable>
 <b:includable id='posts' var='posts'>
 <ul class='posts'>
 <b:loop values='data:posts' var='i'>
 <li><a expr:href='data:i.url' expr:title='data:i.title'><data:i.title/></a></li>
 </b:loop>
 </ul>
</b:includable>
 <b:includable id='toggle' var='interval'>
 <b:if cond='data:interval.toggleId'>
 <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
 <a class='toggle' href='javascript:void(0)'>
 <span class='zippy toggle-open'>&#9660;&#160;</span>
 </a>
 <b:else/>
 <a class='toggle' href='javascript:void(0)'>
 <span class='zippy'>
 <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
 &#9668;&#160;
 <b:else/>
 &#9658;&#160;
 </b:if>
 </span>
 </a>
 </b:if>
 </b:if>
</b:includable>
 </b:widget>
</code></pre>
</blockquote>
</li>
<li>Simpan Template dan silahkan cek dengan cara mengarahkan kursor diatas link widget archive
 tadi , jika hasilnya ada title , seperti punya saya , maka anda sudah 
berhasil menerapkan cara optimasi seo widget archive diatas</li>
</ol>
Gimana Brow , mudahkan cara memasang dan meberikan title otomatis pada 
widget archive blog kita ?  pastinya mudahlah , kan tutor diatas udah 
cukup jelas , hehhehehe

Updated at: 19.46.00

Cara Membuat Title Otomatis Pada Widget Label Blogger

By Rhm-Files on 19.40.00

Cara Gampang Membuat , menambahkan dan memberikan Title Otomatis Pada Widget Label Blogger
 - kali ini saya akan mengoptimasi widget label di blog dengan cara 
memberi atau menambahkan title pada link widget label , seperti yang 
kita tahu default widget label pada blogger belom ada titlenya , oleh 
karena itu saya akan berikan title otomatis pada widget label blog 
 
   Trick ini hampir sama dengan memberikan widget label lainya seperti 
popular post , archive , page list dan lain-lain untuk melihat demonya 
anda bisa lihat widget label saya disitu widget labelnya ada titlenya , 
untuk mengetahui title link pada label silahkan arahkan kursor anda ke 
widget label . 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjqLsmOrgPtwjBZqDXa8Op46hsfnNHcfRjSewzUFs1frc9Vzbd0CgtIIVKKMBQacA4cMQIjtTupwcrAkNu7_YrVCY8mcgD9dC-fEw9FNEWCXbVFHDlKsNZUX2AkJW2K7y4miZrZy0Sk0F/s1600/Cara-Membuat-Title-Otomatis-Pada-Widget-Label-Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjqLsmOrgPtwjBZqDXa8Op46hsfnNHcfRjSewzUFs1frc9Vzbd0CgtIIVKKMBQacA4cMQIjtTupwcrAkNu7_YrVCY8mcgD9dC-fEw9FNEWCXbVFHDlKsNZUX2AkJW2K7y4miZrZy0Sk0F/s320/Cara-Membuat-Title-Otomatis-Pada-Widget-Label-Blogger.jpg" width="320" /></a></div>
 
<h3>
Berikut Cara Membuat Title Otomatis Pada Widget Label Blogger </h3>
<ol>
<li>Pastikan anda sudah memasang widget label terlebih dahulu </li>
<li>Kemudian pergi ke editor template => lompat ke widget => Label1 <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghgiGHIa2G9l9l3WB_KemnM-IGZJcJf0ZAfbnc7k7wu3KsxSskJQsW9opjgPfEAVGqD0EA5TYR6Gv_GbCUF64EJGTE8ANYgAcTHHiFp2t_ooCy0d19P2bdz4BjQICF8aVTnRvkj7QOjqHq/s1600/Cara-Membuat-Title-Otomatis-Pada-Widget-Label-Blogger.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Title Otomatis Pada Widget Label Blogger" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghgiGHIa2G9l9l3WB_KemnM-IGZJcJf0ZAfbnc7k7wu3KsxSskJQsW9opjgPfEAVGqD0EA5TYR6Gv_GbCUF64EJGTE8ANYgAcTHHiFp2t_ooCy0d19P2bdz4BjQICF8aVTnRvkj7QOjqHq/s1600/Cara-Membuat-Title-Otomatis-Pada-Widget-Label-Blogger.jpg" title="Cara Membuat Title Otomatis Pada Widget Label Blogger" width="320" /></a></div>
 
</li>
<li>Anda nanti akan menemui widget html seperti ini 
<blockquote class="tr_bq">
<pre><code class="xml"><b:widget id='Label1' locked='false' title='Labels' type='Label'>
.....
</b:widget>
</code></pre>
</blockquote>
</li>
<li>kemudian ganti kode diatas dengan kode dibawah ini <blockquote class="tr_bq">
<pre><code class="xml"><b:widget id='Label1' locked='false' mobile='yes' title='Label' type='Label'>
 <b:includable id='main'>
 <b:if cond='data:title'>
 <h3><data:title/></h3>
 </b:if>
 <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
 <b:if cond='data:display == &quot;list&quot;'>
 <ul><b:loop values='data:labels' var='label'> <li><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;amp;max-results=8&quot;' expr:title='data:label.name'><data:label.name/></a></b:if><b:if cond='data:showFreqNumbers'><span dir='ltr'>(<data:label.count/>)</span></b:if></li></b:loop></ul>
 <b:else/>
 <b:loop values='data:labels' var='label'>
 <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
 <b:if cond='data:blog.url == data:label.url'>
 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
 <b:else/>
 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
 </b:if>
 <b:if cond='data:showFreqNumbers'>
 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
 </b:if>
 </span>
 </b:loop>
 </b:if>
 </div>
 </b:includable>
</b:widget>
</code></pre>
</blockquote>
</li>
<li>Simpan Template dan lihat hasilnya</li>
</ol>
Nah itulah Cara Mudah Membuat Title Otomatis Pada Widget Label Blogger, 
untuk membuktikan apakah di widget label blog anda udah ada titlenya 
atau belom , anda bisa mengarahkan kuror anda diatas link widget label ,
 sekian terima kasih selamat mencoba

Updated at: 19.40.00

Cara Gampang Instal Alexa Toolbar di Mozilla Firefox dan Google Chrome

By Rhm-Files on 18.23.00

Begini Cara Gampang Instal dan Memasang Alexa Toolbar di Mozilla Firefox dan Google Chrome
 - Bagaimana cara pasang alexa tollbar dan apa manfaat dari memasang 
alexa toolbar ini di google chrome maupun mozilla firefox ? untuk cara 
pasang alexa toolbar di mozilla maupun firefox itu sangatlah mudah , 
karena kita sudah disediakan ektensinya di kedua browser tersebut . 
untuk manfaat memasang alexa toolbar menurut saya sendiri adalah untuk 
mempermudahkan kita mengetahui berapa jumlah ranking alexa kita , karena
 dengan pasang alexa toolbar kita tidak perlu lagi pergi ke situs alexa 
untuk mengetahui berapa rank kita 
 
  Namun konon katanya dengan memasang Alexa toolbar, dapat mealngsingkan
 alexa kita lho. Wow istimewa . Sehingga, yang tadinya angka alexa 
blog/web anda gendut, setelah install alexa toolbar ini, maka akan cepat
 ramping. wkwkkwkwk 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCYlhLt64DbxkYvtVoym8lTn1uTavGPfHVeoiUawFU7lNcssdUJHncF2NhJxFEeen8dYRNe4SaPYXYT91Hk0y-6LVsOEvRla-BUzT5yITW9Z27LLLGUxbedkDUWT1fvZDxJO1I2SKbOOSi/s1600/Cara-Gampang-Memasang-Alexa-Toolbar-di-Mozilla-dan-Chrome.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCYlhLt64DbxkYvtVoym8lTn1uTavGPfHVeoiUawFU7lNcssdUJHncF2NhJxFEeen8dYRNe4SaPYXYT91Hk0y-6LVsOEvRla-BUzT5yITW9Z27LLLGUxbedkDUWT1fvZDxJO1I2SKbOOSi/s320/Cara-Gampang-Memasang-Alexa-Toolbar-di-Mozilla-dan-Chrome.jpg" width="320" /></a></div>
<h2>
Memasang Alexa Toolbar untuk Browser Mozilla Firefox </h2>
<ol>
<li>Pertama SIlahkan anda masuki alamat link ini; <a href="http://www.alexa.com/toolbar" rel="nofollow" target="_blank" title="Alexa Toolbar">Alexa Toolbar</a></li>
<li>Kemudian Klik tombol Install Alexa Toolbar</li>
<li>Selanjutnya klik tombol Accept and Install</li>
<li>Jika sudah, sobat lihat kearah kiri atas dan tekan tombol Allow</li>
<li>Tunggu hingga proses download selesai. Lalu sobat klik tombol Install</li>
<li>Setelah selesai penginstalan, Anda akan diminta melakukan Restart</li>
<li>Setelah restart, akan ada laman The Alexa Toolbar for Firefox - 
Demographic Information, silahkan sobat klik tombol No Thank. Setelah 
itu akan muncul halaman lagi yang berisikan: Alexa Toolbar - 
Installation Successful! The Alexa toolbar is now installed in your 
browser and should look like this:</li>
<li>Jika muncul pemberitahuan klik saja tombol Ok</li>
<li>Selesai dan selamat kini Alexa toolbar telah terpasang di Browser Mozila Anda.</li>
</ol>
<h3>
Memasang Alexa Toolbar untuk Browser Google Chrome</h3>
<ol>
<li>Pertama Buka Link <a href="http://www.alexa.com/toolbar" rel="nofollow" target="_blank">http://www.alexa.com/toolbar</a>. terlebih dahulu</li>
<li>Kemudian Klik tombol 'Instal Alexa Toolbar'.</li>
<li>Klik Install Alexa Extension.</li>
<li>Lalu Klik Tambah ke Chrome [ lihat gambar dibawah untuk jelasnya ]</li>
 <div style="text-align: center;">
<img alt="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5myYAER7BhgQWfSUnMp9zNMzyqmqpKiHtUt8LYfte1-3gkbJko0iCwIAxAxgY02cIE95_8hFHfzmEhfsFL05GDNBXZqmAa1SYfJ-v2AiE2w9HAiaEioECU8zjhWnjc2-55c5NonSo7Y/s1600/alexa2.PNG" title="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" /></div>
<li>Klik tambahkan dan tunggu installan beberapa detik</li>
 <div style="text-align: center;">
<img alt="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh54hy5WyS4Ajbk7Y2AS2kEvJHN0dNQHS_kobP-vXZrNwiKaigpVPZKdPfEGT4NEt61QFgDb3fzF6MR3kGYEEjMxIMc1afL1ur3CCY0omoIKqJLHQIEj4PMtjenD2YXNhW_13xSMbgQ9kI/s320/alexa3.PNG" title="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" /></div>
 
<li>Maka akan muncul logo Alexa di bagian atas kanan Browser Google 
Chrome, Klik gambar tersebut Maka akab terbuka Tab baru dan klik Accept 
and Enable,</li>
 <div style="text-align: center;">
<img alt="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ3nXVS-ylr-AqUadVyP4Vj5S8fAhZjZqpkxN_v0FU4iYxNfVoNvmvAfMzefM2JCqxaHL4FCjQu_dJafH6EVZM-97hFjQ4c1VmMrWZ1yjgDoeHTPGOrB9_3ndfO020HwHjvOI-iMaYG_4/s400/alexa4.PNG" title="Cara Gampang Memasang Alexa Toolbar di Mozilla dan Chrome" /></div>
 
<li>Taraa Selamat Kini Alexa Toolbar kini telah terinstal di Browser Google Chrome.</li>
 <div style="text-align: center;">
</div>
</ol>
Nah itu dia brow  <a href="http://www.rhm-files.tk/" rel="nofollow" target="_blank">Cara  Instal dan Memasang Alexa Toolbar untuk browser Mozilla Firefox dan browser Google Chrome</a> ,
 hemb gimana mudahkan cara pasang alexa toolbarnya , jika ada kesulitan 
cara instal alexa toolbar silahkan komen . cukup sekian tutorial kali 
ini semoga bermanfaat . salam blogger , dan selamat hari raya idul fitr

Updated at: 18.23.00

Cara Mudah Mempercepat Loading Blog anda dengan Script jQuery LazyLoad

By Rhm-Files on 18.20.00

Cara Mudah Mempercepat Loading Blog anda dengan Script jQuery LazyLoad
 - Apa itu LazyLoad , dan apa manfaat bagi blog anda ? Script jQuery 
Lazy Load adalah salah satu plugin yang ada pada wordpress namun kali 
ini akan saya jelaskan untuk blog agar loading blog Anda menjadi lebih 
cepat dari sebelumnya. Tahukah anda jQuery Lazy Load mulanya digunakan 
pada blog dengan platform Wordpress. Lama kelamaan, ada juga script lazy
 load yang diciptakan untuk Blogger. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQ4caXTsgEJXqQcBb64ewHHF9uAQM5j1AXFDx_oq13ImRucdKVc0VXsSmwpfFgcEvl_6TSTF22FQa3eEkTsj72HFvbRNyZGZf8GZxF_5uEJxix9_aHYbPiPPbdvdKO_1D8BlznLPh9GeU/s1600/Cara-Mudah-Mempercepat-Loading-Blog-dengan-LazyLoad.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQ4caXTsgEJXqQcBb64ewHHF9uAQM5j1AXFDx_oq13ImRucdKVc0VXsSmwpfFgcEvl_6TSTF22FQa3eEkTsj72HFvbRNyZGZf8GZxF_5uEJxix9_aHYbPiPPbdvdKO_1D8BlznLPh9GeU/s400/Cara-Mudah-Mempercepat-Loading-Blog-dengan-LazyLoad.jpg" width="400" /></a></div>
<h3>
Berikut Cara Mudah Mempercepat Loading Blog dengan jQuery LazyLoad</h3>
<ol>
<li>Pertama Buka Blogger, dan masuk ke menu Template => Edit Html</li>
<li>Cari kode </head>, (gunakan CTRL+F, atau klik disini untuk 
mengetahui cara mencari kode di Edit HTML) dan letakkan/pastekan kode 
berikut tepat diatasnya. <blockquote class="tr_bq">
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='https://googledrive.com/host/0ByoCwyjwB1aDTXhnVVlxcTBadVk' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;http://bit.ly/Qv60g5&quot;,threshold : 200}); }); </script></blockquote>
</li>
<li>Yang Terkahir Klik Simpan template.</li>
</ol>
Catatan penting brow script lazyload ini tidak menjamin bisa mempercepat
 waktu loading blog 100% fast loading Anda akan tetapi menjadi lebih 
cepat daripada sebelumnya. Adakalanya script ini menyebabkan blog 
menjadi lebih lambat dan berat. Namun, tak ada salahnya untuk mencoba 
script lazyload ini. Bila lazy load ini tidak berpengaruh pada blog anda
 sebaiknya jangan pasang saja

Updated at: 18.20.00

3 Cara Membuat Design Template Responsive Sendiri di Blog

By Rhm-Files on 18.14.00

3 Cara Membuat Design Template Responsive Sendiri di Blog - Bagaiamna 
cara membuat template menjadi responsive ? pertanyaan tersebut banyak 
sekali yang bertanya pada saya , ok deh kali ini  saya akan menjawab 
request wdr [ Web Design Responsive ] ini . 
 
   Pada dasarnya membuat design blog menjadi responsive sangatlah mudah ,
 kita hanya perlu mengubah satuan pixel menjadi satuan persen serta 
memanfaatkan media queris , kali ini ada 3 cara termudah untuk mengubah 
template blog anda menjadi responsive , cara ini manjur lho , kalau gak 
percaya silahkan cek template saya , pasti template saya responsive . 
anda bisa lihat screenshot dibawah ini , dibawah ini merupakan demo blog
 saya dilihat di tablet dan di handphone , hembs tampilanya sangat 
menarik bukan , hehhehhe 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBaqXWnyrhJetXUo_oMgeEW8vnCIzWD5rPm_t6sSQajzfAiVEVjCNxZwMpz2XPKqgzffAR6tW7bGjqrfTF8DnPaJ_Xx4V_VBa7DA7LADvGV5oTjtirLnDDhcJ17YcZX45q7_v9HG_nX63/s1600/3-Cara-Membuat-Design-Template-Responsive-Sendiri-di-Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBaqXWnyrhJetXUo_oMgeEW8vnCIzWD5rPm_t6sSQajzfAiVEVjCNxZwMpz2XPKqgzffAR6tW7bGjqrfTF8DnPaJ_Xx4V_VBa7DA7LADvGV5oTjtirLnDDhcJ17YcZX45q7_v9HG_nX63/s320/3-Cara-Membuat-Design-Template-Responsive-Sendiri-di-Blog.jpg" width="320" /></a></div>
 
<h3>
Berikut Cara Membuat Design Template Responsive Sendiri di Blog</h3>
<ol>
<li>Pertama pasang dulu meta tag dibawah ini diatas kode 
</head><code></code>
 
<blockquote class="tr_bq">
<pre><code class="xml"><meta name="viewport" content="width=device-width, initial-scale=1.0">
</code></pre>
</blockquote>
Perhatian MS Internet explorer versi 8 dan yang lebih rendah tidak 
support tag di atas, tapi tenang aja anda bisa menggunakan 
bantuan respond.js maupun media-queries.js di IE dengan meta tag berikut
 ini :<blockquote class="tr_bq">
<pre><code class="javascript"></code></pre>
</blockquote>
</li>
<li>Yang kedua yaitu mengubah ukuran pixel menjadi ukuran persen seperti dalam contoh CSS dibawah ini:
 
<blockquote class="tr_bq">
<pre class="prettyprint"><code class="css">.sidebar{
width:300px;
}
.content{
width:700px;
}
.wrap{
width:1024px;
}
</code></pre>
</blockquote>
 
Diatas lebar Grid utama adalah dalam reolusi <code>width:1024px</code> dan untuk sidebar <code>width:300px</code> dan content <code>width:700px</code>. Disini saya coba jelaskan formula dan kalkulasi sederhana dalam mengkonversi nilai <code>px</code> (pixel) agar bisa diganti dengan satuan <code>%</code> (percent) 
 
target / context = result
 
300px / 1024px = width: 29.296875%; /* 300 (originally 300) / 1024 */
 
700px / 1024px = width: 68.359375%; /* 700 (originally 700) / 1024 */ 
 
Dari hasil kalkulasi diatas maka bisa didapatkan nilai percent dalam koding CSS seperti dibawah ini
 
<blockquote class="tr_bq">
<pre class="prettyprint"><code class="css">.sidebar{
width:29.29%;
}
.content{
width:68.35%;
}
.wrap{
width:1024px;
}
</code></pre>
</blockquote>
Formula diatas sebenarnya bisa juga digunakan untuk menghitung ukuran 
text (font size), Katakanlah konteks normal untuk ukuran font dalam body
 adalah 16 piksel. Jika kalian ingin menetapkan bahwa H1 harus 24 pixel,
 maka kalian bisa mengganti dengan satuan <code>em</code> dengan cara menghitungnya sebagai berikut:
 
24px / 16px = 1,5em
 
Dengan gaya CSS akan didapat koding seperti ini:
 
<blockquote class="tr_bq">
<pre class="prettyprint"><code class="css">h1 {
font-size: 1.5em;
}
</code></pre>
</blockquote>
</li>
<li>Kemudian yang terkahir kita atur di versi tablet , atau hp dengan 
menggunakan media queries caranya kita pasang media queries berikut , 
kemudian kita buat float none dan ukuranya menjadi 100%<blockquote class="tr_bq">
<pre class="prettyprint"><code class="css">@media screen and (max-width:768px){
/* CSS styles */
.sidebar, .content{
float:none;
display:block;
width:auto;
}
}
</code></pre>
</blockquote>
</li>
</ol>
Nah itulah cara mudah membuat template blog menjadi responsive 100% 
ampuh , hembs gimana kawan , mudahkan cara bikin template blog 
responsive , kalau ada masalah silahkan tanya aja , dan kalau masih 
bingung dan sampai putus asa untuk membuat design template responsive , 
silahkan pakai jasa pembuatan template blog responsive saya , bagi yang 
berminat silahkan PM saya :)

Updated at: 18.14.00

Rhm-Files Your Game Hack Solution

Column Right