2016-07-10

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

Cara Merubah blog dari nofollow menjadi dofollow

By Rhm-Files on 18.08.00

Rhm-Files - Bagaimana sih Cara Merubah blog dari nofollow menjadi dofollow - 
sebelum membuat blog anda menjadi dofollow , sebaiknya anda harus tahu 
apa itu blog dofollow . hembs bagi yang belom tahu saya kasih penjelas 
sedikit tengtang blog dofollow , dilihat dari artinya saja sebenarnya 
kita udah tau , dofollow dalam bahasa indonesia itu mengikuti , namun 
dalam dunaia web blog dofollow merupakan blog yang jika kita memberikan 
komentar ke blog tersebut maka berarti kita menaruh link ke blog 
tersebut dan dihitung sebagai backlink oleh google. 
 
     Dengan mengganti template blog anda jad nofollow , maka banyak 
keuntungan yang akan anda dapatkan nantinya , diantaranya adalah untuk 
pemilik blog atau admin blognya dapat pengunjung banyak dan memiliki 
banyak komentar, sehingga Admin dapat memanfaatkan Blog Dofollow 
tersebut contohnya dengan memasang iklan pada blog dofollow tersebut. 
sedangkan untuk pengunjung , para pengunjung dapat memanfaatkan ini 
untuk sarana berburu atau mencari backlink yang sangat berpengaruh 
terhadap SEO, sehingga keduanya sama - sama untung . 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7OhKZP7RKiU1HccIpi5p6a1wtR8I5ozb59X51mYN9-JT86wzG5QAcgyh0w8YtEBHQjXk9LW6hyRPihM-Qz2w2HLWyrSkv8telkUYlVohCD1IAhY8nsy6gLQcxRtuyhSH-E_0xRhjXYF-/s1600/cara-merubah-blog-nofollow-menjadi-dofollow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7OhKZP7RKiU1HccIpi5p6a1wtR8I5ozb59X51mYN9-JT86wzG5QAcgyh0w8YtEBHQjXk9LW6hyRPihM-Qz2w2HLWyrSkv8telkUYlVohCD1IAhY8nsy6gLQcxRtuyhSH-E_0xRhjXYF-/s320/cara-merubah-blog-nofollow-menjadi-dofollow.png" width="320" /></a></div>
<h2>
Cara Gampang Membuat blog nofollow agar menjadi dofollow </h2>
1. Pertama silahkan sobat masuk ke Blogger.com 
2. Klik Template => Edit HTML 
3. Cari kode dibawah ini : 
<blockquote class="tr_bq">
<a expr:href='data:comment.authorUrl' rel='nofollow'></blockquote>
Ganti dengan kode dibawah ini 
<blockquote class="tr_bq">
<a expr:href='data:comment.authorUrl' rel='dofollow'></blockquote>
atau 
<blockquote class="tr_bq">
<a expr:href='data:comment.authorUrl'></blockquote>
4. Cari kode dibawah ini : 
<blockquote class="tr_bq">
<a expr:href='data:comment.url' rel='nofollow'></blockquote>
Ganti dengan kode dibawah ini 
<blockquote class="tr_bq">
<a expr:href='data:comment.url' rel='dofollow'></blockquote>
atau 
<blockquote class="tr_bq">
<a expr:href='data:comment.url'></blockquote>
 
Catatan : 
Jika Anda sulit dalam mencari kode <a expr:href='data:comment.authorUrl' rel='nofollow'> dan <a expr:href='data:comment.url' rel='nofollow'> saya sarankan mencari kodenya seperti ini <a expr:href='data:comment.authorUrl' dan seperti ini <a expr:href='data:comment.url' 
 
Untuk lebih jelasnya , sobat bisa lihat gambar berikut ini 
 
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Merubah blog dari nofollow menjadi dofollow Dengan Mudah" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLZVtxGa1inFgVAZkZ80tdnVORX8UtfSPZNsfkx57DJU4TEVfWtxX2QvIJFpTzt-f14V_9Dr-0bKuD-PuMyeCYc0-2TKr34zYRhM7WyNNhOtet2j9MtS9YJfvjemfkKZUYP0pJditix2uo/s1600/cara-merubah-blog-nofollow-menjadi-dofollow.gif" title="Cara Merubah blog dari nofollow menjadi dofollow Dengan Mudah" width="640" /></div>
 
 Dengan tutorial plus gambar panduanya , insyaAllah anda dapat mengubah blog anda yang awalnya nofollow menjadi dofollow , hembs cukup sekian dari saya , semoga tutorial edit blog agar jadi nofollow ini berguna bagi anda , cukup sekian terima kasih

Updated at: 18.08.00

Cara Back Up Semua Data Postingan Artikel Blogspot

By Rhm-Files on 18.00.00

Cara Back Up Semua Data Postingan Artikel Blogspot kita merupakan
 salah satu cara yang harus anda lakukan untuk mengantisipasi hal - hal 
yang tidak diinginkan , seperti blog di hapus oleh google maupun ada 
orang yang tidak suka dengan kita dan menjahili kita dengn menghack blog
 kita lalu artikel blog kita di hapus , hembs bagaimana perasaan anda , 
jika artikel dengan jumlah banyak yang anda tuulis sendiri hilang begitu
 saja ? bisa - bisa anda gile karena hal ini wkwkwk  :v 
 
  Fitur Back up Semua Data Postingan pada blog kita sudah 
disediakan oleh pihak blogger sendiri , sehingga memudahkan anda dalam 
menimpan semua perkakas blog anda untuk anda import di blog baru anda . 
Namun sayangnya hal yang sangat sepele ini tidak di perhatikan oleh para
 blogger , padahal membackup merupakan suatu hal yang sangat penting 
agar data blog kita bisa di selamatkan 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHLYVPKiqcz_5qbSV_aQwsLXR9Cdekt1zdHQpfoiUQdoWHFtMHFnjJ0yOvCIwO6rhQui_m1e1mYyaniunPBgiVUQH7_8NXF10retibYW-9KEU70QH90BeYSfZozcq7ogxK-SXGpyj9d8tg/s1600/Cara-Back-Up-Semua-Data-Artikel-Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHLYVPKiqcz_5qbSV_aQwsLXR9Cdekt1zdHQpfoiUQdoWHFtMHFnjJ0yOvCIwO6rhQui_m1e1mYyaniunPBgiVUQH7_8NXF10retibYW-9KEU70QH90BeYSfZozcq7ogxK-SXGpyj9d8tg/s320/Cara-Back-Up-Semua-Data-Artikel-Blog.jpg" width="320" /></a></div>
<h2>
Cara Back Up Data Postigan Blog Tuk Jaga - Jaga</h2>
<ol>
<li>Pertama , silahkan sobat masuk ke dasbhor blog anda</li>
<li>Kemudian silahkan sobat pilih blog yang ingin di backup dan masuki menu SETELAN</li>
<li>Pilih sub menu LAINNYA lalu sobat perhatikan pada opsi alat blog , sillahkan pilih ekspor blog </li>
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Back Up Semua Data Artikel Blog" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFRsPvimVeYtEtrJKE5HSbZ0ttEXIti4BAAwqYTJOyhOfZmLJiAwXxTiT8RfPRWS9Fo97_yTtJf-TBVM3c7Y0QXBr2rIGyHPEW5xrq3iYvlsDgEQ1DxVYEcl9yHrTLWJBDF1tQ1E5c1Vwq/s400/Cara-jitu-Back-Up-Semua-Data-Artikel-Blog.jpg" title="Cara Back Up Semua Data Artikel Blog" width="400" /></div>
 
<li>kemudian sobat nanti akan menjumpai pop up seperti dibawah ini , silahkan klik undu blog <div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Back Up Semua Data Artikel Blog" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMrzJzpXnkWx-vJUKkDmxVmg7WKAOoJw-iP-KAcLej0CDdRSAZL5nw174afVgA4tGjpLip02YrtVAvI2BoXYrT7N7tpV380j_22VOL9His9MO6WAYJ3UjqxxzuMqGqebDyv6M-sR4SHlDY/s400/Cara-Terbaru-Back-Up-Semua-Data-Artikel-Blog.jpg" title="Cara Back Up Semua Data Artikel Blog" width="400" /></div>
</li>
<li>Done .................. </li>
</ol>
Namun jika sobat masih belom paham dengan tutorial back up blog diatas , silahkan tonotn gambar berikut ini dengan seksama : 
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Back Up Semua Data Artikel Blog" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNZhxlBJ02GRThfJLhqqFYdE1z59fkk8ucb4WyB-gNJsvcFOguCD0q7dTXJs_7w474jSx3bc0sMvMFChd9WIsNgEx_-Pj-PhCe6yPj_o-O3tEmC3J3nP5xWvB4ddqqn9BS_WMN_2IvX9F1/s1600/Cara-Back-Up-Semua-Data-Artikel-Blog-Anda.gif" title="Cara Back Up Semua Data Artikel Blog" width="400" /></div>
 
Nah itulah cara termudah Back Up Semua Data Artikel maupun postingan di Blog Anda
 , semoga dengan di backupnya blog anda dapat mengantisipasi jika ada 
hal - hal yan tidak diinginkan pada blog anda dapat teratas dengan baik ,
 demikian dari saya , jika sobat masih kurang paham bertanya dengan 
berkomentar dibawah , selamat mencoba semoga berhasil

Updated at: 18.00.00

Cara Memasang Meta Keyword Otomatis di Setiap Postingan Blogger

By Rhm-Files on 17.58.00

Cara Membuat Sekaligus Memasang Meta Keyword Otomatis di Setiap Postingan Blogger
 - Tahukah anda bahwa meta tag keyword sangatlah berpengaruh besar dalam
 masalah search engine optimation atau SEO , karena meta keyword ini 
berfungsi untuk menembak artikel kita , agar mau nongkrong di page one 
google . Biasanya pada template bawaan blogger , belom terpasang meta 
tag keyword dan meta tag deskripsi. 
 
Maka dari itu bagi anda yang templatenya belum menggunakan meta tag 
keyword , ayoo mulai dari sekarang mari kita pasang meta tag keyword 
pada template anda yang baik dan benar serta valid . Sebenarnya di blog 
saya yang lain saya sudah memberikan tutorial ini , namun meta tag 
keyword itu masih jadul , belom di update dan belom menyesesuaikan 
dengan algoritma google terbaru ini. 
 
Meta tag keyword ini dapat otomatis menyesuaikan dengan artikel judul blog
 yang kita buat , jadi anda tak perlu repot - repot memasukan satu 
persatu meta tag keyword pada postingan blog anda , untuk buktinya 
silahkan anda buka halaman postingan blog saya , dan silahkan buka 
source di lihat meta tag keywordnya. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqkMYK9uyjB3vKGvN-6mrv5NiooaaQAWUgT3lVjHXcB5RPh-JdPd1wAIonYKpk_yWqpwgLJBG8Lluw3RTAUohJowBpblvqH_pnFgAr-_XymVIFqOX8YvPTJJ3jLoVSpvUrRyLcB6LC4Dnw/s1600/Cara-Mudah-Pasang-Meta-Keyword-Otomatis-di-Setiap-Postingan-Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqkMYK9uyjB3vKGvN-6mrv5NiooaaQAWUgT3lVjHXcB5RPh-JdPd1wAIonYKpk_yWqpwgLJBG8Lluw3RTAUohJowBpblvqH_pnFgAr-_XymVIFqOX8YvPTJJ3jLoVSpvUrRyLcB6LC4Dnw/s320/Cara-Mudah-Pasang-Meta-Keyword-Otomatis-di-Setiap-Postingan-Blogger.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<h2>
Cara Memasang Meta Tag Keyword yang Dapat Menyesuaikan Title </h2>
1. Login / masuk dulu dasbor ( akun Blogger ) sobat 
2. Pilih menu Template => EDIT HTML 
3. kemudian cari kode <head> ( gunakan CTRL+F untuk memudahkan pencarian ) 
4. Copy dan pastekan kode di bawah ini tepat di bawah kode <head>
 
<blockquote class="tr_bq">
<pre><code class="xml"><b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></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'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='abstract'/>
<b:else/>
<title><data:blog.pageTitle/></title>
<meta content='Isi dengan deskripsi blog anda' name='description'/>
<meta content='isi dengan keyword anda' name='keywords'/>
</b:if></code></pre>
</blockquote>
keterangan ; -ganti tulisan yang hitam di atas sesuai dengan diskripsi dan keyword blog anda 
 5. Save / Simpan Template 
 
Itulah Cara Gampang Memasang Keyword Otomatis Di Setiap Postingan dan home page,
 semoga dengan memasang meta tag kata kunci tersebut dapat mengoprimasi 
blog anda dalam hal seo , al hasil pv dan uv blog anda naik serta 
earningpun juga naik [ bagi anda yang pasang iklan ] . Cukup Disini 
panduan dari saya semoga membantu anda , selamat mencoba

Updated at: 17.58.00

Memberikan Title Link dan Tag Title Gambar pada Popular Post

By Rhm-Files on 17.49.00

Cara Gampang Membuat dan Memberikan Title Link dan Tag Title Gambar pada widget Popular Post di blog
 - Widget popular post merupakan wiget yang berguna untuk mengetahui 
bacaan yang paling sering dibaca , sebagian besar para blogger memasang 
widget popular post di templatenya , . Kali ini saya akan memberikan 
tutorial bagaimana cara Memberi Title Tags Pada Thumbnail dan Link 
Popularpost , tutorial ini juga berfungsi untuk menaikan nilai score seo
 anda ketika di cek di chkme . untuk melihat demo , silahkan arahkan 
mouse anda ke widget popular post yang saya pasang , atau bisa lihat 
gamnar di bawah ini 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9zjDJGUjePsc40K4tQcjfhr-HGGROyVZSuo6dPoqVmSG1BYaH8Xz8uDXUgNYOCa_qssKGYgQXeVth0fYX037JL0-b4N6G_Nl9Cb-Y8ssUyXMaBd-Mwb6G7hWN7gfems6RJu6wllJI6D7/s1600/Memberikan+Title+Link+dan+Gambar+pada+Popular+Post.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9zjDJGUjePsc40K4tQcjfhr-HGGROyVZSuo6dPoqVmSG1BYaH8Xz8uDXUgNYOCa_qssKGYgQXeVth0fYX037JL0-b4N6G_Nl9Cb-Y8ssUyXMaBd-Mwb6G7hWN7gfems6RJu6wllJI6D7/s1600/Memberikan+Title+Link+dan+Gambar+pada+Popular+Post.JPG" /></a></div>
 
<h3>
Cara Memasang Title Tags Pada Thumbnail dan Link Popularpost</h3>
<ol>
<li>Pertama login dulu ke dashbor blog anda</li>
<li>Kemudian Pilih Template => Edit HTML => Lompatke widget => Popular Post <div class="separator" style="clear: both; text-align: center;">
<img alt="Memberikan Title Link dan Gambar pada Popular Post" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioFNw627f0oxqtSL0L8BnKBQvIxLqUj96ONALErzxX69tCQ2JUPpmJ9GAC-wIp0e4WnGfGCu791NW1-Eyr-PO_f3m5HuVKsjUl6TzjDrh8afKDKKNPJZPwwXO6ZK7u5lGMzIUzaexVCDWq/s400/Memberikan+Title+Link+dan+Gambar+pada+Popular+Post.JPG" title="Memberikan Title Link dan Gambar pada Popular Post" width="400" /></div>
 
</li>
<li> Anda nanti akan menemukan kurang lebih widget seperti ini 
 <blockquote class="tr_bq">
<pre><code class="xml"><b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
,,,,,,,,,,,,,,
</b:widget>
</code></pre>
</blockquote>
</li>
<li> Kemudian Ganti kode tersebut dengan kode dibawah ini 
<blockquote class="tr_bq">
<pre><code class="xml"><b:widget id='PopularPosts2' locked='false' mobile='yes' title='Entri Populer' type='PopularPosts'>
 <b:includable id='main'>
 <b:if cond='data:title'><h3><data:title/></h3></b:if>
 <div class='widget-content popular-posts'>
 <ul><b:loop values='data:posts' var='post'>
 <li><b:if cond='data:showThumbnails == &quot;false&quot;'><b:if cond='data:showSnippets == &quot;false&quot;'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><b:else/><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </b:if><b:else/><b:if cond='data:showSnippets == &quot;false&quot;'><div class='item-thumbnail-only'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div></div> <div style='clear: both;'/> <b:else/><div class='item-content'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'><img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </div><div style='clear: both;'/></b:if></b:if></li></b:loop>
 </ul>
 </div><div class='clear'/>
 </b:includable>
</b:widget>
</code></pre>
</blockquote>
</li>
<li>Simpan Template dan lihat hasilnya , Taraa kini widget popular post 
anda sudah ada tag title dan tag linknya , untuk mengetesnya silahkan 
arahkan mouse anda ke widget popular post tersebut , jika seperti punya 
saya , bearti anda sudah berhasil </li>
</ol>
Selain menambahkan title link dan title tag , code tersebut juga 
berfungsi untuk menaikan nilai score seo anda , ketika anda cek di chkme
 , kalau gak percaya silahkan buktikan , dengan mengecek sebelum 
memasang dan setela memasang , ... hembs benarkan hehhehe , demikian 
sharing saya kali ini tentang Memberi Title Tags Pada Thumbnail dan Link Popularpost semoga bermanfaat bagi anda

Updated at: 17.49.00

3 Cara Cerdik Membuat dan Memperbaiki Missing Agar Blog 100% Seo di Chkme

By Rhm-Files on 17.45.00

Rhm-Files - Inilah 3 Cara Cerdik Membuat dan Memperbaiki Missing Agar Blog 100% Seo di Chkme Dengan Mudah - Teman ane tanya Bagaimana sih brow agar blog kita score seo mendapatkan nilai 100% di chkme.com
 , tadi saya cek blog kamu kok nilai bagus banget , sedangkan blog gue 
nilai seonya cuma 46% apa sih rahasianya ? "tanya tema ane" 
 
  Sebenarnya untuk membuat blog agar nilai seo 100% di chkme itu sangat mudah banget
 nget nget  :v  kita hanya perlu memperbaiki missing - missing yang 
terjadi di blog kita . perlu anda ketahui setiap blog mempunya 
permasalahan missing yang berbeda-beda antara blog satu dengan blog yang
 lainya . misalkan blog A mempunya masalah H1: Zero, That Is Really Bad ,
 belum tentu blog B mempunyai masalah seperti , jadi jika kita ingin 
nilai scorenya 100%  perbaikilah apa yang kurang dari blog sobat 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs6xmMlhtM8XJAjXUMjd2WsujzEiC0E_KJ4aB4uKOH0e4_CO6XRTSu1lqXhZEmgmvu1t7MPhH9jkx7A-lPU-CCSFrCAh0OUdX0f9aY7xaz3xJDUbcTtf35iVEJeVBvRgpm8qtDC1ftrBjH/s1600/animate-2840x800-800x420.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs6xmMlhtM8XJAjXUMjd2WsujzEiC0E_KJ4aB4uKOH0e4_CO6XRTSu1lqXhZEmgmvu1t7MPhH9jkx7A-lPU-CCSFrCAh0OUdX0f9aY7xaz3xJDUbcTtf35iVEJeVBvRgpm8qtDC1ftrBjH/s400/animate-2840x800-800x420.jpg" width="400" /></a></div>
<h2>
Cara Lengkap Memperbaiki Missing di chkme.com agar nilai seo 100%</h2>
Kali ini kita akan mencoba untuk memperbaiki berbagai missing yang 
terjadi pada blog sobat mulai dari heading , deskripsi , keyword , Flash
 movies/animations , Frames and IFrames Usage , Website Links , Images: 
14 images and 14 missing descriptions dan sebagianya .
 
<h2>
Memperbaiki Tag Heading H1: Zero, That Is Really Bad</h2>
Masalah ini umumnya terjadi sering terjadi di template hasil downloadan [
 gratisan nin premium ] :v penyebab terjadi H1: Zero, That Is Really Bad
 . itu karena bagian tag heading h1 pada blog sobat tidak ada . untuk 
cara mengatasinya silahkan ikuti tutorial mengatasi H1: Zero, That Is 
Really Bad dibawah ini : 
<ol>
<li>Pertama , silahkan sobat masuk pada halaman editor template [ edit html ]</li>
<li>kemudian sobat cari kode<code> <div id='header-inner'> </code>Gunakan kombinasi tombol ctrl + f untuk mempermudah pencarian . [ nanti kurang lebih anda akan menemukan kode seperti ini ]<blockquote class="tr_bq">
<pre><code class="xml"><div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId
+&quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width'
style='display: block'/></a>
</div></code>
</pre>
</blockquote>
</li>
<li>Kemudian ganti kode diatas dengan kode dibawah ini :<blockquote class="tr_bq">
<pre><code class="xml"><div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId
+&quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width'
style='display: block'/></h1></a>
</div></code></pre>
</blockquote>
</li>
<li>Terkhir silahkan save template , dan lihat hasilnya </li>
<li>Taraa kini sobat udah bisa mengatasi H1: Zero, That Is Really Bad  :hebat</li>
</ol>
<h3>
Mengatasi Meta Diskripsi dan Meta Keyword Yang None di chkme.com</h3>
Mungkin sobat pernah ngalamain hal semacam ini , bahwa sobat lupa 
memberikan keyword dan diskripsi pada template blog sobat , Al - hasil 
saat anda cek score seo di chkme , menyebabkan meta keyword dan 
diskripsi menjadi none , untuk cara mengatasinya : 
<ol>
<li>Silahkan masuk lagi ke bagian edit html [ jika sudah masuk page ini , lewati aja langkah 1 ini ]</li>
<li>Cari kode <code><head></code> , dan tempelkan kode dibawah ini tepat dibawah kode <code><head></code> tersebut <blockquote class="tr_bq">
<pre><code class="xml"><meta content='ISI_DENGAN_DISKRIPSI_BLOG_SOBAT' name='description'/>
<meta content='ISI_DENGAN_KATA_KUNCI_BLOG_SOBAT' name='keywords'/></code></pre>
</blockquote>
</li>
<li>Jika Udah jangan lupa klik save </li>
<li>Done and enjoy  :)</li>
</ol>
<h2>
Solusi Mengatasi Images: 14 images and 14 missing descriptions </h2>
Nah inilah yang sering terjadi kesalahan yang sobat alamai pada blog 
sobat , umumnya ini terjadi pada bagian gambar dan judul postingan di 
auto readmore blog sobat belum ada titlenya , serta pada bagian widget 
popular post belum ada titlenya , untuk mengatasi hal semacam itu , 
silahkan sobat ikuti tutorial berikut : 
<ol>
<li>Setiap ada kode src silahkan sobat tambahkan kode alt dan title Contohnya seperti ini</li>
<blockquote class="tr_bq">
 <img src='//www.blogger.com/masyadi-ganteng-banget.gif ' />
</blockquote>
<li>Maka sobat ubah seperti kode dibawah ini :</li>
<blockquote class="tr_bq">
 <img alt='image' title='image' src='//www.blogger.com/masyadi-ganteng-banget.gif ' />

</blockquote>
<li>Untuk menambahkan title otomatis pada popular post silahkan baca artikel ini <a href="http://www.rhm-files.ga/2016/07/memberikan-title-link-dan-tag-title.html" rel="" target="_blank" title="Cara paling gampang memberikan title otomatis pada popular post blogger">Cara paling gampang memberikan title otomatis pada popular post blogger</a></li>
<li>Klik save template </li>
</ol>
Nah itulah brow 3 Cara Master Membuat template Blog Mendapatkan nilai score SEO 100%
 , silahkan sobat ikuti tutorial diatas satu persatu , jika anda 
mengikuti tutorial tersebut dijamin score seo sobat akan bertambah dari 
sebelumnya . oh iya jika sobat memiliki masalah missing lainya tentang 
chkme silahkan komen dibawah

Updated at: 17.45.00

Cara Membuat dan Memasang Google Plus Comments Responsive

By Rhm-Files on 17.37.00

Cara Membuat  dan Memasang Google Plus Comments [ Komentar Google Plus ] Responsive
 and Fast Loading di Blog - dulu saya sempat bingung bagaimana sih 
supaya komentar plus di blog saya bisa jadi responsive , saya udah utak -
 atik sampai kepala pusing tetap aja gak bisa , mencari tutorial 
membuat Google Plus Comments Responsive di Blog di google juga tidak ada , nanya sama mastah noval , beliau jawab " kan komentar google plus secara otomatis udah responsive "  :v . 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJkKABH9iKams_LzHP19B3FmAAfrO2hOLtyMHLJX2Xm1s7QtFe_ixQRV7Fi8NfTXzi0zX33jWD-8oSUXfYt0-QXzLgz66rpEHo2gp8t8GI1_yQ7SaPIwBwBYWXtEKYEjICb3kTBMIQ_fKy/s1600/index.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJkKABH9iKams_LzHP19B3FmAAfrO2hOLtyMHLJX2Xm1s7QtFe_ixQRV7Fi8NfTXzi0zX33jWD-8oSUXfYt0-QXzLgz66rpEHo2gp8t8GI1_yQ7SaPIwBwBYWXtEKYEjICb3kTBMIQ_fKy/s1600/index.png" /></a></div>
  Akhirnya setelah Blogwalking ke blog kompi ajaib saya menemukan tips 
and trik rahasia membuat komentar google plus pada blog anda menjadi 
responsive  :hore  . Saya senang sekali udah menemukan jawaban dari 
permasalahan jadul sama , berkat mas Adhy masalahnya jadi terselesaikan . 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyfOpd0pJchiQ7CDpRDuOgifn-o13uetNsWEv9Yo8OztDWucg7fyXRdNCeqrk751BhyphenhyphenzZmj9N-_ih7LP8ocj9gBSiplyGltq8Sb7mpeI9FVd_fVfeKjdnrc08rZ0Eh5inQKKv7exXgVCzH/s1600/Cara-Membuat-Komentar-Google-Plus-Responsive-and-Fast-Loading-di-Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyfOpd0pJchiQ7CDpRDuOgifn-o13uetNsWEv9Yo8OztDWucg7fyXRdNCeqrk751BhyphenhyphenzZmj9N-_ih7LP8ocj9gBSiplyGltq8Sb7mpeI9FVd_fVfeKjdnrc08rZ0Eh5inQKKv7exXgVCzH/s400/Cara-Membuat-Komentar-Google-Plus-Responsive-and-Fast-Loading-di-Blog.jpg" width="400" /></a></div>
<h2>
Modifikasi Google Plus Comments Menjadi Responsive pada Blogger </h2>
Sebetulnya komentar google plus dari sononya udah otomatis responsive , 
namun itu bagi anda yang memasangnya melalui menu comment blog . tapi 
jika comment google plus gak muncul dan anda membuat tutorial seperti 
yang pernah di share oleh kang ismet , maka komentarnya tidak bisa 
responsive , maka dari itu ini dia solusinya : 
<ol>
<li>Pertama pastikan sobat sudah memasang komentar google plus [ bagi 
yang belom pasang dan belom tahu caranya silahkan tanya ke mbah google 
dulu , lain waktu saya akan share cara membuat komentar google plus ]</li>
<li>Jika udah kemudian pergi ke halaman editor template [ edit html ]</li>
<li>Cari kode yang sama persis dengan kode dibawah ini<blockquote class="tr_bq">
<pre><code class="xml"><div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='620' expr:data-href='data:blog.canonicalUrl'></div></code></pre>
</blockquote>
</li>
<li>Kemudian ganti semua kode diatas dengan kode dibawah ini :<blockquote class="tr_bq">
<pre><code class="xml"><div id='g_comments' style='width: 100%'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='620' expr:data-href='data:blog.canonicalUrl'>
</div>
<script type='text/javascript'>
 document.getElementsByClassName('g-comments')[0].setAttribute('data-width', document.getElementById('g_comments').clientWidth);
 </script>
</div></code></pre>
</blockquote>
</li>
<li>Sampai di sini udah selesai , namun bagi sobat yang menggunakan 
<code>&lt;!--</body>--&gt;&lt;/body&gt;</code>
(di paling bawah kode html template blog) maka harus menambahkan kode js
 Google Plus seperti di bawah ini, jika sudah ada maka lewati langkah 
ini. Nah supaya komentar google plusnya menjadi fast loading silahkan 
sobat tambahkan asyncrone pada java script google plus Caranya pasang javascript google plus ini diatas kode <code>&lt;!--</body>--&gt;&lt;/body&gt;</code> tadi <blockquote class="tr_bq">
<pre><code class="xml"><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></code></pre>
</blockquote>
</li>
<li>Jika udah beres semua silahkan klik save and enjoy  :hebat</li>
</ol>
Nah gimana sobat sangat mudahkan cara memasang dan membuat komentar google plus menjadi responsive di blog
 ? yang pastinya mudah dong , kan saya sudah share tutorialnya diatas , 
namun jika sobat masih kebingungan tuk edit Google Plus Comments 
Responsive silahkan bertanya saja melalui kotak komen . ok karena ini 
udah larut malam dan saya udah mengantuk  :ngantuk  cukup disini dulu 
perjumpaan kita tentang membuat komentar google plus menjadi fast 
loading and responsive . selamat malam dan selamat mencoba . see you 
 :dada

Updated at: 17.37.00

Rhm-Files Your Game Hack Solution

Column Right

Videos

Carousel

Featured