Tutorial Blog Unik: December 2014

Cara Membuat Slide Show Keren Di Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" trbidi="on">
<div dir="ltr" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Slide Show Keren Di Blog</b> - Nambah tutorial blogger lagi nih... Saya buat tutorial ini kemungkinan ide dari pengunjung setia saya yang berbaik hati memberi request kepada saya. :3 tutorial yang beliau request adalah <b><a href="http://www.fahmifanirius.ga/2014/12/cara-membuat-slide-show-keren-di-blog.html">Cara Membuat Slide Show Gambar Di Blog Dengan Efek Keren</a></b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=7176782878327236617" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVgX8yxcTFOl1BCa9X03H2RPPDHkFhE8n2kw96UORKdQ1opVtoJ0u-Tg0_N76u7HuuULi3jINC1KJWrdOaHvnDXMkIu0jFCDSg2h9-Q3R9Id4ooNEHcWY7g0aJkcHlNEji1Hm-P7DztMth/s1600/unnamed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Slide Show Keren Di Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVgX8yxcTFOl1BCa9X03H2RPPDHkFhE8n2kw96UORKdQ1opVtoJ0u-Tg0_N76u7HuuULi3jINC1KJWrdOaHvnDXMkIu0jFCDSg2h9-Q3R9Id4ooNEHcWY7g0aJkcHlNEji1Hm-P7DztMth/s1600/unnamed.png" title="Cara Membuat Slide Show Keren Di Blog" width="200" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;">Permintaan pengunjung setia saya meminta untuk buatkan tutorial cara membuat slide show dengan jQuery. Sekarang, saya mengabulkannya. :v Bukti screenshot nya:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-IKPVa-rnlQvcOzZ7FAppJrjc2KwKHObhvTJkBPsWlp9tY1WP92xBU3LrNOi4NBmVRtBlG7-azvPWZCIu61_rKsT0odwOyJiZrnoREMxgFctyWftVgGADkDxMG38AerFX17ssRfQdRgX/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Slide Show Keren Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-IKPVa-rnlQvcOzZ7FAppJrjc2KwKHObhvTJkBPsWlp9tY1WP92xBU3LrNOi4NBmVRtBlG7-azvPWZCIu61_rKsT0odwOyJiZrnoREMxgFctyWftVgGADkDxMG38AerFX17ssRfQdRgX/s1600/Screenshot_3.png" title="Cara Membuat Slide Show Keren Di Blog" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Nah, sekarang saya akan jelaskan tutorial tersebut. <b>Cara memasang slide show gambar di blog keren</b> sering dipakai oleh kalangan para blogger. <b>Slide show adalah</b> tampilan dari beberapa gambar yang diluncurkan. Buat sobat pasti dengar kata slide di tv tv. Misalnya acara talkshow yang menyuruh host untuk <b>menampilkan sebuah tampilan beberapa gambar</b> yang di slide/luncurkan.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<b>Slide show</b> juga akan menampilkan beberapa gambar satu per satu di blog dengan beberapa efek. Tapi, disini saya akan jelaskan <b>tutorial cara mudah membuat slide show foto di blog dengan efek yang super keren</b>. Beda dengan slide show yang ada di blog orang lain. Dan juga beda tutorial nya dengan tutorial yang dibuat orang lain. :3</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Dan disini saya akan jelaskan tutorial tersebut dengan 2 <b>slide show</b> yang berbeda. Sebelum saya akan beri tutorial nya, masing-masing mempunyai <b>efek slide</b> yang berbeda. Cara 1, cara yang mungkin sering di pakai oleh para blogger dan untuk cara 1 mempunyai slide yang biasa. Efek nya hanya transparan kemudian muncul gambar selanjutnya. Untuk cara 2, efek slide show nya keren. Tapi, slide show untuk cara 2, tidak menampilkan gambar yang sobat dimaksud. Namun, <b>slide show</b> yang menampilkan tiap postingan atau artikel sobat dan juga disertai deskripsi dari masing-masing post atau artikel dan juga readmore. (Baca juga: <a href="http://www.fahmifanirius.ga/2014/11/cara-mudah-membuat-auto-read-more.html">Cara Mudah Membuat Auto Read More Otomatis Di Blog</a>)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<span style="font-size: large;"><b>Cara 1. Cara Membuat Slide Show Gambar Di Blog</b></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
1. Login Blogger</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget/tambahkan gadget</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/JavaScript</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">5. Copy kemudian paste kode dibawah ini pada kolom HTML/JavaScript</span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 230px;
}
</style>
<div id="content-slider">
<img src="URL Foto Anda"/>"
<img src="URL Foto Anda"/>"
<img src="URL Foto Anda"/>"
<img src="URL Foto Anda"/>"
</div>
</span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<span style="font-size: large;"><b>Cara 2. Cara Membuat Slide Show Post Keren Di Blog</b></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
1. Login Blogger</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">2. Template/rancangan</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">3. Edit HTML</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">4. Cari kode</span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: cyan; line-height: 20.7999992370605px;">]]></b:skin></span> atau kode <span style="color: cyan;"></style></span></span></pre>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">(agar mempermudah pencarian, klik kolom Edit HTML, kemudian tekan Ctrl+F secara bersamaan pada keyboard)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">5. Copy kemudian paste dan letakkan kode dibawah ini tepat DIATAS kode </span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif; line-height: 20.7999992370605px;">]]></b:skin></span><span style="font-family: Arial, Helvetica, sans-serif;"> atau <span style="background-color: #0b5394; color: cyan;"></style></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: #0b5394; color: cyan;"><br />
</span></span> <br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
.easyslider-wrapper { 
    width: auto; 
    float: left; 
    position: relative; 
    padding-right: 2%; 
    padding-top: 10px; 
    }
.easyslider { 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
    height: 350px; 
    background: #eee; 
    }
.image_reel { 
    position: absolute; 
    top: 0; 
    left: 0; 
    }
.image_reel img { 
    float: left; 
    width: 20%; 
    height: 350px;
    }
.paging { 
    background: none; 
    position: absolute; 
    bottom: 15px; 
    right: 20px; 
    padding:4px 0 2px; 
    z-index: 100; 
    display: none; 
    }
.paging a { 
    margin: 3px; 
    background: #fff; 
    width: 10px; 
    height:10px; 
    display: inline-block; 
    border: none; 
    outline: none;
    }
.paging a.active { 
    background: #15E3FF; 
    border: 1px solid #15E3FF; 
    }
.paging a:hover { }
.easytitledes { 
    width:70%; 
    display: none; 
    position: absolute; 
    bottom: 20px; 
    left: 20px; 
    z-index: 101; 
    background: #000A3F;
    background: rgba(2, 0, 51, 0.6); 
    padding: 10px 15px; 
    }
.easytitledes a { 
    color: #15E3FF; 
    font: 14px sans-serif; 
    text-transform: uppercase; 
    font-weight: bold; 
    }
.easytitledes a:hover { 
    color:#29FF00 
    }
.easytitledes p { 
    color: #fff; 
    font: 12px Arial; 
    }</span></code></pre>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
6. Selanjutnya cari kode </span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif;"></head></span></pre>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">7. Copy kemudian paste dan letakkan kode dibawah ini tepat DIATAS kode </head></span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
</span></code></pre>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 24px; white-space: pre;"> </span> <span style="background-color: white; line-height: 24px; white-space: pre;">8. Kode diatas merupakan jQuery. Masih di bagian edit HTML. Copy kemudian paste dan letakkan kode dibawah ini tepat DIATAS kode </head></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 24px; white-space: pre;"> </span> </span><br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<pre><code><span 24px="" line-height:=""><span style="font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">
$(document).ready(function() {
    $(".paging").show(); 
    $(".paging a:first").addClass("active");

var imageWidth = $(".easyslider").width(); 
var imageSum = $(".image_reel img").size(); 
var imageReelWidth = imageWidth * imageSum;

$(".image_reel").css({'width' : imageReelWidth});

rotate = function(){ var triggerID = $active.attr("rel") - 1;

var image_reelPosition = triggerID * imageWidth;

$(".paging a").removeClass('active');
        $active.addClass('active');

$(".easytitledes").stop(true,true).slideUp('slow');
    $(".easytitledes").eq( 
    $('.paging a.active').attr("rel") - 1 ).slideDown("slow"); 
    $(".image_reel").animate({left: -image_reelPosition}, 400 );
    };

rotateSwitch = function(){
    $(".easytitledes").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");

play = setInterval(function(){
    $active = $('.paging a.active').next();

if ( $active.length === 0) {
    $active = $('.paging a:first'); } rotate(); }, 4000); };

rotateSwitch(); $(".image_reel a, .easytitledes a").hover(function() {
    clearInterval(play); }, function() { rotateSwitch();
    });
    $(".paging a").click(function() { $active = $(this);
    clearInterval(play); rotate(); rotateSwitch();  return false;
    });
});
</script></span></span></code></pre>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
9. Simpan</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">10. Masih ada langkah berikut nya. Untuk script dibawah ini, merupakan kode JavaScript yang akan menampilkan post atau artikel secara manual di blog sobat. Copy kemudian paste dan letakkan tepat DIATAS kode</span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: cyan;"><div class="main-wrapper"></span> atau kode <span style="color: cyan;"><div id="main-wrapper"></span></span></pre>
</div>
</div>
<br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='easyslider'>
   <div class='image_reel'>
<a href="#"><img src="URL gambar" /></a>
<a href="#"><img src="URL gambar" /></a>
<a href="#"><img src="URL gambar" /></a>
<a href="#"><img src="URL gambar" /></a>
<a href="#"><img src="URL gambar" /></a>
   </div>
   <div class='descriptionslider'>
<div class="easytitledes"><a href='URL post atau artikel'>Post-Title 1</a><p>Deskripsi</p></div>
<div class="easytitledes"><a href='URL post atau artikel'>Post-Title 2</a><p>Deskripsi</p>< /div>
<div class="easytitledes"><a href='URL post atau artikel'>Post-Title 3</a><p>Deskripsi</p></div>
<div class="easytitledes"><a href='URL post atau artikel'>Post-Title 4</a><p>Deskripsi</p></div>
<div class="easytitledes"><a href='URL 
post atau artikel'>Post-Title 5</a><p>Deskripsi</p></div>
   </div>
   <div class='paging'>
<a class='' href='#' rel='1'/>
<a class='' href='#' rel='2'/>
<a class='' href='#' rel='3'/>
<a class='' href='#' rel='4'/>
<a class='' href='#' rel='5'/>
   </div>
</div>
</b:if>
</span></code></pre>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
11. Simpan</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<span style="font-size: small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span><span style="font-size: small;"></span><span style="font-size: small;"></span> </span><br />
<div style="text-align: right;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><strike><span style="font-size: small;">Tutorial Blogger</span></strike></a></b></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">  <span style="color: white; font-size: xx-small;">Taglines:</span></span><br />
<br />
<div class="content-box-infoindong">
<div itemscope="" itemtype="http://schema.org/Review">
<div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing">
</div>
<table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Slide Show Keren Di Blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat slide show keren di blog dengan berbagai efek slide yang super keren di blog</span></div>
</div>
</td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">90%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2841 votes</span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
</div>

Efek Tutorial Blogger Cara Membuat Slide Show Keren Di Blog

Cara Membuat Slide Show Keren Di Blog - Nambah tutorial blogger lagi nih... Saya buat tutorial ini kemungkinan ide dari pengunjung set...

Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog

6:12 PM Unknown 40

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="f bi bj">
<div class="bk">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Anti Klik  Kanan Dengan Gambar Di Blog</b> - Tutorial lagi nih... Tutorial yang satu  ini sama dengan tutorial pertama kali yang saya posting di blog ini.  Entah kenapa ketika saya bangun blog ini yang terbenak di fikiran saya  adalah <b>cara membuat anti klik kanan di blog</b>.<br />
<br />
Dan hari ini, saya  akan posting tutorial yang mempunyai fungsi sama dengan <b>tutorial  pertama</b> saya ketika saya bangun blog ini dan tutorial setelah nya.  Tutorial tersebut adalah <b><a href="http://www.fahmifanirius.ga/2014/03/cara-memberi-anti-klik-kanan-pada-blog.html" title="cara membuat anti klik kanan di blog">cara membuat anti klik kanan di blog</a></b> dan <b><a href="http://www.fahmifanirius.ga/2014/03/cara-memberi-anti-klik-kanan-dengan-teks-pada-blog.html" title="cara membuat anti klik kanan dengan teks di blog">cara membuat anti klik kanan dengan teks di blog</a></b>.<br />
<br />
Seperti tutorial yang sudah dijelaskan  sebelum nya, ketiga tutorial tersebut mempunyai kesamaan dan sedikit  perbedaan. Mungkin, fungsi nya sama. Sama-sama <b>anti klik kanan dan copy  paste</b>, tapi sajian nya yang berbeda.<br />
<br />
Untuk tutorial <b>cara membuat anti  klik kanan di blog</b> hanya memiliki fungsi <b>anti klik kanan dan anti copy  paste</b> saja. Tetapi tidak ada apapun ketika pengunjung melakukan <b>klik  kanan</b>.<br />
<br />
Sedangkan <b>cara membuat anti klik kanan dengan teks di  blog</b> selain mempunyai <b>fungsi anti klik kanan dan anti copy paste</b> juga  menampilkan<b> teks atau peringatan</b> jika pengunjung melakukan <b>klik kanan  pada blog</b> sobat.<br />
<br />
Untuk tutorial ini, yaitu <a href="http://www.fahmifanirius.ga/2014/12/cara-membuat-anti-klik-kanan-dengan.html" title="Cara Memasang Anti Klik Kanan Dengan Gambar Di Blog"><b>Cara Memasang Anti Klik Kanan Dengan Gambar Di Blog</b></a> yang sama dengan tutorial  pertama dan kedua di blog ini, selain mempunyai <b>fungsi anti klik kanan dan  anti copy paste</b> juga akan menampilkan gambar jika pengunjung melakukan  <b>klik kanan</b> maupun akan meng copy paste artikel sobat yang sudah  disediakan dan diedit oleh sobat. Misalnya <b>gambar peringatan keras anti  copas</b>, <b>gambar anti klik kanan</b>, dan sebagainya.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Untuk sobat yang sama sekali belum paham penjelasan saya diatas. Maksud dari tutorial ini seperti gambar dibawah ini:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJsCQJ36JyeY2q9TvbQUrl8Mn2lOgGnNaq7ByEQzF3ujIRUfVarBHrQemxO5MADA1O7RQ-DqOdLn3EOLmhjFipgPHuIs4am-D44F8j6IQnNAWXCjdHighmw1EOckAUL3MevJoCWQVNlTJn/s1600/Cara+Mengatasi+Anti+Klik+Kanan+%28Disable+Right+Click%29+asep.jpeg" title="Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog" /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Dari tadi saya sudah jelaskan panjang lebar, sekarang adalah tutorial <b>cara memasang anti klik kanan dengan gambar. </b>Baca baik-baik yaa..<br />
<br />
1. Login Blogger<br />
2. Tata letak/layout<br />
3. Add gadget/tambahkan gadget<br />
4. HTML/JavaScript<br />
5. Copy kode dibawah ini kemudian pastekan pada kolom HTML/JavaScript<br />
</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<script type='text/javascript'>
var RAXTERBLOGrightclicktheme = 'dark';
var RAXTERBLOGrightclickimage = '<a href="http://lm.facebook.com/l.php?u=http%3A%2F%2F3.bp.blogspot.com%2F-HW6dwSLgj0Y%2FUxcGgXugukI%2FAAAAAAAAA5Q%2F-VQgERlCQ5c%2Fs1600%2F2014-03-05_184220.jpg&h=7AQEji108&s=1" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJsCQJ36JyeY2q9TvbQUrl8Mn2lOgGnNaq7ByEQzF3ujIRUfVarBHrQemxO5MADA1O7RQ-DqOdLn3EOLmhjFipgPHuIs4am-D44F8j6IQnNAWXCjdHighmw1EOckAUL3MevJoCWQVNlTJn/s1600/Cara+Mengatasi+Anti+Klik+Kanan+(Disable+Right+Click)+asep.jpeg</a>'; </script>
<script src='http://lamersblogger.googlecode.com/files/anti-klik-kanan.js' type='text/javascript'> </script>
</span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan</span><br />
<div class="bn">
</div>
</div>
</div>
<div class="bo bc bd">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div class="f bi bj" id="fua">
<div class="bk">
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> Ganti URL gambar yang akan ditampilkan ketika pengunjung melakukan klik kanan dan copy paste. <span style="color: #0000ee;"><u>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJsCQJ36JyeY2q9TvbQUrl8Mn2lOgGnNaq7ByEQzF3ujIRUfVarBHrQemxO5MADA1O7RQ-DqOdLn3EOLmhjFipgPHuIs4am-D44F8j6IQnNAWXCjdHighmw1EOckAUL3MevJoCWQVNlTJn/s1600/Cara+Mengatasi+Anti+Klik+Kanan+(Disable+Right+Click)+asep.jpeg</u></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> Sobat juga bisa ganti warna dark sebagai tema gambarnya. Tema nya  terdapat hanya bebarapa warna saja. Diantaranya Biru, Merah, Hijau,  Pink, Light, dan Dark.</span></div>
</div>
</div>
<br />
<div class="content-box-infoindong">
<div itemscope="" itemtype="http://schema.org/Review">
<div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing">
</div>
<table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat anti klik kanan dengan gambar di blog yang akan melindungi artikel blog Anda dari copaser jika ingin copy akan muncul gambar di blog.</span></div>
</div>
</td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">96%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2997 votes</span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
</div>

Tutorial Blogger Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog

Cara Membuat Anti Klik Kanan Dengan Gambar Di Blog - Tutorial lagi nih... Tutorial yang satu ini sama dengan tutorial pertama kali yan...

Cara Membuat Widget Popular Post Dengan Gambar Round Corner

5:37 AM Admin 11

<div dir="ltr" style="text-align: left;" trbidi="on">
<b><span style="font-size: small;"><span style="font-family: inherit;">Cara Membuat Widget Popular Post Dengan Gambar Round Corner</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> - Sobat tahu tidak? Ternyata,</span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Widget Popular Post </span></span></b><span style="font-size: small;"><span style="font-family: inherit;">ini sangat banyak digemari di dunia </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">blogger</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> ini karena banyak sekali para blogger yang </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">memasang Widget Popular Post</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> ini untuk mempercantik blog. Nah,apalagi di dalam </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Tutorial Blog</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> para blogger banyak yang membahas tentang </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Cara memodifikasi widget Popular Post</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> ini dengan </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">style</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> yang berbeda-beda.</span></span><br />
<div>
<span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdRfdeVqRu6cBqSpN1qVqYTAQkkIRpEYu4nUYlfddnVPCmZTwSCSckEcK2FaHm2Mk9CcZmtqawmepJIcTM5vF3vbRcDNdGmKJP7D_8ECsePpqaxTjr4lzsIgQwljZ3oPsfPkDnnhJYdAQ/s1600/download+(2).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img alt="Cara Membuat Widget Popular Post Dengan Gambar Round Corner" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdRfdeVqRu6cBqSpN1qVqYTAQkkIRpEYu4nUYlfddnVPCmZTwSCSckEcK2FaHm2Mk9CcZmtqawmepJIcTM5vF3vbRcDNdGmKJP7D_8ECsePpqaxTjr4lzsIgQwljZ3oPsfPkDnnhJYdAQ/s1600/download+(2).jpg" title="Cara Membuat Widget Popular Post Dengan Gambar Round Corner" /></a></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">Sobat blogger tahu tidak </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">kelebihan</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> yang dimiliki </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Widget Popular Post </span></span></b><span style="font-size: small;"><span style="font-family: inherit;">yang</span></span><b><span style="font-size: small;"><span style="font-family: inherit;"> menggunakan gambar</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Round Corner</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> ini jika sobat </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">menggunakannya</span></span></b><span style="font-size: small;"><span style="font-family: inherit;">? </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Kelebihan Widget Popular Post</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> ini adalah sebagai berikut :</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">1. Widget ini </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">menggunakan Efek Hover</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> pada tampilannya.</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">2.</span></span><b><span style="font-size: small;"><span style="font-family: inherit;"> Thumbnail gambar</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> tidak kotak,karena menggunakan </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">gambar Round Corner.</span></span></b></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">3. </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Background terpisah</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> di setiap judul posting.</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">4. Dan widget ini </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">menggunakan efek Round Corner (Sudut Bulat).</span></span></b></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioUfPbzce2zFSUsnx3LWLb1Y6py8Jt0pOsiW3-ieZzMrxd1vKqrOnJhdKdoGUJtsQ28FhuhYigofAxq-dcusVCo1h4Q0phRvTdxirgUbOM3VxxpbXl9sdrp6tb0XEIAmQIpivKJlg6nGtm/s1600/stock-photo-demo-icon-96251081.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img alt="Cara Membuat Widget Popular Post Dengan Gambar Round Corner" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioUfPbzce2zFSUsnx3LWLb1Y6py8Jt0pOsiW3-ieZzMrxd1vKqrOnJhdKdoGUJtsQ28FhuhYigofAxq-dcusVCo1h4Q0phRvTdxirgUbOM3VxxpbXl9sdrp6tb0XEIAmQIpivKJlg6nGtm/s1600/stock-photo-demo-icon-96251081.jpg" title="Cara Membuat Widget Popular Post Dengan Gambar Round Corner" /></a></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">Nah,</span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Cara Termudah Menerapkan kode Widget Popular Post</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> ini dengan cara sebagai berikut :</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">1. Sign-in ke </span></span><a href="http://blogger.com/" target="_blank"><span style="font-size: small;"><span style="font-family: inherit;">blogger.com</span></span></a><span style="font-size: small;"><span style="font-family: inherit;"> terlebih dahulu.</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">2. Pada menu drop-down, sobat </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">pilih template</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> dan klik " Edit HTML "</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">3. Carilah </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">kode</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> ]]></b:skin> </span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">4. Lalu tempatkan </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">kode</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> berikut sebelum </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">kode </span></span></b><span style="font-size: small;"><span style="font-family: inherit;">]]></b:skin></span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></div>
<pre><code>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">/* Kode CSS tutorialblogspot.com */</span></span>
<span style="font-size: small;"><span style="font-family: inherit;">.popular-posts ul{padding-left:0}</span></span>
<span style="font-size: small;"><span style="font-family: inherit;">.popular-posts ul li{background:#FFF url() no-repeat scroll 5px 10px;list-style-type:none;border:1px solid #ddd;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-moz-box-shadow:3px 2px 5px #242424;-webkit-box-shadow:3px 2px 5px #242424;box-shadow:3px 2px 5px #242424;margin-bottom:5px;height:40px;padding:5px 5px 5px 20px !important}</span></span>
<span style="font-size: small;"><span style="font-family: inherit;">.popular-posts ul li a{font-style:italic}</span></span>
<span style="font-size: small;"><span style="font-family: inherit;">.popular-posts ul li:hover{border:1px solid #d10202;-moz-box-shadow:3px 2px 5px #d10202;-webkit-box-shadow:3px 2px 5px #d10202;box-shadow:3px 2px 5px #d10202}</span></span>
<span style="font-size: small;"><span style="font-family: inherit;">.popular-posts ul</span></span>
<span style="font-size: small;"><span style="font-family: inherit;">li a:hover{text-decoration:none}</span></span>
<span style="font-size: small;"><span style="font-family: inherit;">.popular-posts .item-thumbnail img{height:40px;width:40px;webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}</span></span>
<span style="font-size: small;"><span style="font-family: inherit;">.popular-posts .item-thumbnail img:hover{-moz-box-shadow:0 0 5px #d10202;-webkit-box-shadow:0 0 5px #d10202;box-shadow:0 0 5px #d10202}</span></span></div>
</code></pre>
<div>
<span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;">5. </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Simpan</span></span></b><span style="font-size: small;"><span style="font-family: inherit;">lah template tersebut dan tinggal di </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">konfigurasi</span></span></b><span style="font-size: small;"><span style="font-family: inherit;">.</span></span></span></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></span></div>
<div>
<b style="background-color: white; font-family: Times, 'Times New Roman', serif; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></b></div>
<div>
<b style="background-color: white; font-family: Times, 'Times New Roman', serif; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;">Cara konfigurasi Widget Popular Post</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">sangatlah mudah</span></span></b><span style="font-size: small;"><span style="font-family: inherit;">, caranya ada di bawah :</span></span></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></span></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;">1. Setelah sobat </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">menerapkan</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> kode diatas tadi,sobat klik Layout ( Tata Letak )</span></span></span></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;">2. Klik add a gadget.</span></span></span></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;">3. Lalu </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">tambahkan</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Widget Popular Post</span></span></b></span></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;">4. Setelah itu </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">hilangkan</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> tanda centang pada " Snippet " atau " Cuplikan "</span></span></span></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHYjRFQ1EW-oga5kiNS7lbuXKVS3AYdvHG-Hd96U1Sfn73HiZYQlC6Ci3VlOBn8wP0S6j-jlMaSlRG9FTqKN3xfsBBEkbziLsB9yql6Nby57P_Y5fpa6mqSR98BPOKq0wD_Jnpn5wu76Oa/s1600/images+(8).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img alt="Cara Membuat Widget Popular Post Dengan Gambar Round Corner" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHYjRFQ1EW-oga5kiNS7lbuXKVS3AYdvHG-Hd96U1Sfn73HiZYQlC6Ci3VlOBn8wP0S6j-jlMaSlRG9FTqKN3xfsBBEkbziLsB9yql6Nby57P_Y5fpa6mqSR98BPOKq0wD_Jnpn5wu76Oa/s1600/images+(8).jpg" title="Cara Membuat Widget Popular Post Dengan Gambar Round Corner" /></a></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></span></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;">5. Dan sobat tinggal Klik </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Save</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> ( Simpan ).</span></span></span></div>
<div>
<span style="background-color: white; line-height: 18.4799995422363px;"><span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;"><br />
</span></span></div>
<div>
<span style="font-size: small;"><span style="font-family: inherit;">Nah,sangatlah </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">mudah</span></span></b><span style="font-size: small;"><span style="font-family: inherit;">kan </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">membuat</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Widget Popular Post </span></span></b><span style="font-size: small;"><span style="font-family: inherit;">dengan gambar</span></span><b><span style="font-size: small;"><span style="font-family: inherit;"> Round Corner</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> ini ? Jadi,sobat bisa </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">mempercantik blog</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> dengan </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">memasang</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">Widget Popular Post Round Corner </span></span></b><span style="font-size: small;"><span style="font-family: inherit;">ini dengan </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">mudah</span></span></b><span style="font-size: small;"><span style="font-family: inherit;"> </span></span><b><span style="font-size: small;"><span style="font-family: inherit;">dan cepat</span></span></b><span style="font-size: small;"><span style="font-family: inherit;">. Selamat mencoba !!!</span></span><span style="font-size: small;"><span style="font-family: inherit;"></span></span></div>
</div>

Tutorial Blogger Widget Cara Membuat Widget Popular Post Dengan Gambar Round Corner

Cara Membuat Widget Popular Post Dengan Gambar Round Corner - Sobat tahu tidak? Ternyata, Widget Popular Post ini sangat banyak digemari d...

Cara Memasang Widget Feed Validator Di Blog

10:35 PM Admin 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Cara Memasang Widget Feed Validator Di Blog</b> - Sobat blogger, sobat pasti tahukan yang namanya <b>Widget Feed Validator</b>. Banyak para blogger yang mencari-cari bagaimana <b>caranya memasang Widget Feed Validator di blog </b>ini. Sebelum sobat <b>memasang Widget Feed Validator</b> dari <b>W3c </b>ini, yang harus sobat lakukan <b>pertama </b>kali adalah <b>melakukan</b> <b>Validasi Feed</b> di halaman <b>W3c</b>.<br />
<br />
<div style="text-align: center;">
1. Sobat harus masuk ke <a href="http://validator.w3.org/unicorn/#validate-by-uri+task_feed" target="_blank">http://validator.w3.org/unicorn/#validate-by-uri+task_feed</a> terlebih dahulu untuk <b>membuat Widget Feed Validator</b>.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Pada kolom yang sudah tersedia disana,sobat tinggal masukkan URL web blog sobat.</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Memasang Widget Feed Validator Di Blog" height="140" src="http://allaboutpodcast.com/wp-content/uploads/2013/01/Feed-Validator.jpg" title="Cara Memasang Widget Feed Validator Di Blog" width="400" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Lalu tekan tombol " Check/Periksa ".</div>
<div style="text-align: center;">
<br /></div>
Jika <b>atom</b> <b>feed </b>sobat <b>Valid</b>,maka sobat akan <b>mendapatkan pemberitahuan</b> seperti dibawah ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2gjsCLa4yU_PEupNUUU9QNFRL5DCWRD_ApPsAs5rAdcdk3eyPNZPhfFK4sO7rXDkjZOEqpQQ-N2YaunIUCgH5zz43mkXQyR2p16hc4GuZcoiLB7XJwpEoM8E9ZEMvULG0IYCctzF9uaG/s1600/atom-valid.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Widget Feed Validator Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2gjsCLa4yU_PEupNUUU9QNFRL5DCWRD_ApPsAs5rAdcdk3eyPNZPhfFK4sO7rXDkjZOEqpQQ-N2YaunIUCgH5zz43mkXQyR2p16hc4GuZcoiLB7XJwpEoM8E9ZEMvULG0IYCctzF9uaG/s1600/atom-valid.PNG" title="Cara Memasang Widget Feed Validator Di Blog" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
If you would like to create a banner that links to this page (i.e. this validation result), do the following:</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Download the <b>"valid Atom 1.0"</b> banner</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Upload the image to your own serve. (This step is important. Please do not link directly to the image on this server).</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Add this HTML to your page (change the image src attribute if necessary):</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<pre style="background-color: white; color: #222222; font-size: 13px; line-height: 18.4799995422363px; text-align: justify;"><code><a href="http://feed2.w3.org/check.cgi?url=http%3A//www.tutorialblogspot.com/feeds/posts/default">
    <img src="valid-atom.png" alt="[Valid Atom 1.0]" title="Validate my Atom 1.0 feed" />
</a></code></pre>
<pre style="background-color: white; color: #222222; font-size: 13px; line-height: 18.4799995422363px; text-align: justify;"><code>
</code></pre>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: justify;">
<code><span style="font-family: Times, Times New Roman, serif;">If you would like to create a text <b>link instead</b>, here is the URL you can use :</span></code></div>
<div style="background-color: white; color: #222222; font-size: 13px; line-height: 18.4799995422363px; text-align: justify;">
<code><a href="http://feed2.w3.org/check.cgi?url=http%3A//www.tutorialblogspot.com/feeds/posts/default" target="_blank">http://feed2.w3.org/check.cgi?url=http%3A//www.tutorialblogspot.com/feeds/posts/default</a></code></div>
<div style="background-color: white; color: #222222; font-size: 13px; line-height: 18.4799995422363px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: justify;">
Jika sobat <b>mendapatkan</b> <b>pemberitahuan</b> <b>pemasangan Feed Validator Valid</b> seperti diatas,maka sobat harus copy-paste kode yang terdapat pada poin ke tiga di blog sobat dengan cara sebagai berikut :</div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: center;">
1. Sobat harus Login ke <a href="http://blogger.com/" target="_blank">blogger.com</a> untuk <b>mengatasi masalah pemasangan Widget Feed Validator </b>tersebut.<br />
<br /></div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: center;">
2. Klik add a <b>Gadget </b>dan<b> HTML/JavaScript.</b><br />
<b><br />
</b></div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: center;">
3. Letakkan kode yang didapat pada kolom yang tersedia.<br />
<br /></div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: center;">
4. Lalu klik tombol simpan.</div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: justify;">
Jika <b>posisi</b> <b>Widget Feed Validator</b> tidak <b>diposisi tengah</b>, sobat bisa <b>menyisipkan</b> <b>tag center </b>sebelum dan setelah kode. Lihat contoh berikut :</div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: justify;">
<span style="font-size: x-small;"><span style="color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.4799995422363px; text-align: left;"><center></span><br style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.4799995422363px; text-align: left;" /><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.4799995422363px; text-align: left;"><a href="http://feed2.w3.org/check.cgi?url=http%3A//www.tutorialblogspot.com/feeds/posts/default"></span><br style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.4799995422363px; text-align: left;" /><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.4799995422363px; text-align: left;">    <img src="valid-atom.png" alt="[Valid Atom 1.0]" title="Validate my Atom 1.0 feed" /></a></span><br style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.4799995422363px; text-align: left;" /><span style="color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.4799995422363px; text-align: left;"></center></span></span></div>
<div style="background-color: white; color: #222222; line-height: 18.4799995422363px; text-align: justify;">
<br /></div>
<div style="background-color: white; line-height: 18.4799995422363px; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">Nah,sekarang sobat sudah tahukan bagaimana<b> cara memasang Widget Feed Validator</b>. Sobat <b>menggunakannya dengan mudah dan cepat.</b> Jika sobat <b>kesulitan </b>dengan <b>cara pemakaian</b> <b>kode-kode</b> diatas,sobat bisa bertanya kepada saya. Mungkin sobat ada yang mau berbagi dengan saya tentang <b>cara menggunakan widget feed validator</b> ini? Jika ya,saya sangat berterimakaih ^_^ . Semoga bisa bermanfaat dan selamat mencoba !!!</span></div>
</div>

Tutorial Blogger Widget Cara Memasang Widget Feed Validator Di Blog

Cara Memasang Widget Feed Validator Di Blog - Sobat blogger, sobat pasti tahukan yang namanya Widget Feed Validator . Banyak para blogger ...

Cara Compress HTML Blog Agar Loading Lebih Cepat

9:38 PM Unknown 22

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Cara Compress HTML Blog Agar Loading Lebih Cepat</b> - Tutorial lagi.... Tutorial yang satu ini, bisa dibilang bukan untuk mempercantik ataupun memperindah sebuah blog, tetapi agar blog sobat bisa pengunjungnya lebih banyak dari sebelumnya. Dengan sobat mengikuti tutorial ini kemungkinan besar blog sobat akan menjadi ringan. Tutorial ini adalah <a href="http://www.fahmifanirius.ga/2014/12/cara-compress-html-blog-agar-loading_23.html">Cara Compress Template Blog Agar Ringan</a>.<br />
<br />
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4W2UheUc62D1JJOUAo_k09dZRQc24tLRE3t8sf5Y801EVofOrP370tDaPHu-frRXRFZczGFjnuchUEiOVqU7omHP2qNRbTpqQGEW2tGBGiqimSh0avbN17rA0_H2aLJKI3FxebLeO6Lb3/s1600/loading.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Compress HTML Blog Agar Loading Lebih Cepat" border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4W2UheUc62D1JJOUAo_k09dZRQc24tLRE3t8sf5Y801EVofOrP370tDaPHu-frRXRFZczGFjnuchUEiOVqU7omHP2qNRbTpqQGEW2tGBGiqimSh0avbN17rA0_H2aLJKI3FxebLeO6Lb3/s1600/loading.jpg" title="Cara Compress HTML Blog Agar Loading Lebih Cepat" width="200" /></a></div>
<br /></div>
<br />
Nah, buat blog sobat yang mungkin bisa dibilang berat banget, atau mungkin loading nya gak jalan-jalan. Sobat bisa ikuti tutorial ini, tutorial ini menjelaskan agar HTML blog sobat bisa di compress atau bisa disebut HTML nya dikecilin lagi. Biar blog sobat gak berat-berat amat. Jika blog sobat berat, kemungkinan besar pengunjung kurang nyaman dengan blog sobat. Belum dibuka masih proses loading, udah di close aja. :D<br />
<br />
Nah, mendingan kita langsung aja ke tutorial <b>Cara Kompress HTML Blog Agar Ringan Loadingnya</b><br />
<br />
<div style="text-align: center;">
1. Login Blogger</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Klik Template/rancangan</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Edit HTML</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
4. Tekan Ctrl+A secara bersamaan pada keyboard ini berguna untuk memblok semua teks. Kemudian copy atau bisa tekan Ctrl+C secara bersamaan pada keyboard.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Buka tab baru dibrowser kalian.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
6. Klik link berikut <a href="http://www.textfixer.com/html/compress-html-compression.php" target="_blank">http://www.textfixer.com/html/compress-html-compression.php</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
7. Paste kode tadi yang sudah di copy pada kotak HTML Compression Tool</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
8. Centang "Don't compress HTML head of document" (agar tidak ada widget, header, sidebar dsb tidak hilang/ bermasalah)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
9. Klik Compress HTML</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rple-nPikUEjmyVVA72IawLIDE0rN1JX_AopGRrzm_QisG_U38Uacu0h_Bqe6R3usXD1HrtabdopEbB_fENIAY7K3FwmtFPeo2w5Yq0BYmpHtIyljXpp18WshGNz6XnTtKSaSEpLGH5F/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Compress HTML Blog Agar Loading Lebih Cepat" border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rple-nPikUEjmyVVA72IawLIDE0rN1JX_AopGRrzm_QisG_U38Uacu0h_Bqe6R3usXD1HrtabdopEbB_fENIAY7K3FwmtFPeo2w5Yq0BYmpHtIyljXpp18WshGNz6XnTtKSaSEpLGH5F/s1600/Screenshot_2.png" title="Cara Compress HTML Blog Agar Loading Lebih Cepat" width="320" /></a></div>
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
10. Copy semua kode yang ada di kotak bawahnya.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
11. Paste kan di template edit HTML tadi.<br />
<br />
<br />
<br /></div>
</div>

Tutorial Blogger Cara Compress HTML Blog Agar Loading Lebih Cepat

Cara Compress HTML Blog Agar Loading Lebih Cepat - Tutorial lagi.... Tutorial yang satu ini, bisa dibilang bukan untuk mempercantik ataupu...

Cara Membuat Recent Comment Dengan Avatar Di Blog

3:33 AM Unknown 17

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Recent Comment Dengan Avatar Di Blog</b> - Tutorial lagii... Sekarang, saya akan jelas tutorial lagi tentang <a href="http://www.fahmifanirius.ga/2014/12/cara-membuat-recent-comment-dengan.html">Cara Membuat Widget Recent Comment With Avatar Di Blog</a>. Nah, buat blog sobat yang mungkin bisa di bilang blog nya ramai dan sangat sering di datangi pengunjung, dan pastinya banyak sekali pengunjung yang berkomentar di blog sobat. Dengan banyak nya pengunjung yang berkomentar di blog sobat tentunya membuat hati sobat senang sekali, karena gak sia-sia membuat blog dengan banyak pengunjung dan banyak yang berkomentar. Dengan begitu, saya buat <b>tutorial blogger pemula</b> yang berjudul <b>cara membuat widget recent comment dengan foto di blog</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Untuk sobat yang belum paham apa itu <b>recent comment atau komentar terakhir</b> dari pengunjung blog sobat bisa liat seperti gambar dibawah:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKXUutDIO8gTkQSM05pIglexSe-ahcYVkN7759_1uKuqbe4SF8u2uiy3gkQW7OWSeWdxR6A6kRSwGeNmcgS2FVljEz5swpGmm562Wrz_vpMNY4ic3vwcAdYFlI7gY1wz5HfNwoU6Zc9eii/s1600/Recent+comment.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Recent Comment Dengan Avatar Di Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKXUutDIO8gTkQSM05pIglexSe-ahcYVkN7759_1uKuqbe4SF8u2uiy3gkQW7OWSeWdxR6A6kRSwGeNmcgS2FVljEz5swpGmm562Wrz_vpMNY4ic3vwcAdYFlI7gY1wz5HfNwoU6Zc9eii/s1600/Recent+comment.png" title="Cara Membuat Recent Comment Dengan Avatar Di Blog" width="276" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Dengan sobat memasang widget recent comment ini, akan menampilkan komentar terakhir dari pengunjung sobat yang berbaik hati untuk berkomentar di artikel blog sobat yang unik dan menarik untuk diberi komentar. Makanya, buat blog sobat yang pengunjung nya banyak banget bisa di bilang begitu. <b>Pasang widget recent comment</b> aja.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">1. Login Blogger</span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout</span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget</span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/JavaScript</span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">5. Copy kode dibawah ini kemudian paste kan pada kolom HTML/JavaScript</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<style type="text/css" scoped> 
ul.kangismet_recent{list-style:none;margin:0;padding:0;} 
.kangismet_recent li{background:none !important;margin:0 0 6px !important;padding:3px  
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;} 
.kangismet_recent li:hover{border: 1px solid #ddd;}
.kangismet_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px 
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} 
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:<span style="color: #f1c232;">35</span>px;height:<span style="color: #f1c232;">35</span>px} 
.kangismet_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;} 
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments  = <b><span style="color: red;">5</span></b>,
showAvatar  = <b><span style="color: red;">true</span></b>,
avatarSize  = <b><span style="color: red;">35</span></b>,
roundAvatar = <b><span style="color: red;">true</span></b>,
characters  = <span style="color: red;"><b>40</b></span>,
defaultAvatar  = "<span style="color: red;"><b>http://www.gravatar.com/avatar/?d=mm</b></span>",
hideCredits = true;
maxfeeds=50,
adminBlog='<span style="color: red;"><b>Fahmi Fanirius</b></span>';
//]]>
</script>
<script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50"></script></span></code></pre>
</div>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan perubahan</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">numComments = <b><span style="color: red;">5</span></b> (jumlah komentar yang ditampilkan)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">showAvatar = <span style="color: red;"><b>true</b></span> (false, apabila ingin menyembunyikan avatar)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">avatarSize = <b><span style="color: red;">35</span></b> (ukuran avatar dalam pixel)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">roundAvatar = <b><span style="color: red;">true</span></b> (avatar bulat)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">characters = <b><span style="color: red;">40</span></b> (jumlah karakter isi komentar)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">defaultAvatar = "<b><span style="color: red;">http://www.gravatar.com/avatar/?d=mm</span></b>" (avatar default)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">adminBlog='<b><span style="color: red;">Fahmi Fanirius</span></b>' (nama admin blog)</span></div>

Komentar Tutorial Blogger Widget Cara Membuat Recent Comment Dengan Avatar Di Blog

Cara Membuat Recent Comment Dengan Avatar Di Blog - Tutorial lagii... Sekarang, saya akan jelas tutorial lagi tentang Cara Membuat Widge...

Cara Pasang Emoticon Pada Komentar Di Blog

10:13 PM Unknown 47

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Pasang Emoticon Pada Komentar Di Blog</b> - Untuk para pelajar, tentunya senang sekali, karena libur telah tiba. :D tepat sekali, hari ini hari minggu mungkin sobat sedang blogging hari ini dan sempat ketemu sama tutorial yang satu ini, ialah <a href="http://www.fahmifanirius.ga/2014/12/cara-pasang-emoticon-pada-komentar-di.html">Cara Memasang Emoticon Pada Komentar Di Blog</a>. Nah, mungkin sobat sangat tertarik dengan tutorial ini, mari kita simak.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl_M813xZqyahiXldJ01nByyX2CoClCgC1HlWaoh53NbnOi3aFtAOtwuX7AbIx3rJFqDgb_NQbvFxH-4fq2YhKHWEqXtWPOwzHN2RpKNogMCqjsUW2Z-TYI-R8xRPU4O7Y24iOIQ_cPdBz/s1600/fahmi.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Pasang Emoticon Pada Komentar Di Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl_M813xZqyahiXldJ01nByyX2CoClCgC1HlWaoh53NbnOi3aFtAOtwuX7AbIx3rJFqDgb_NQbvFxH-4fq2YhKHWEqXtWPOwzHN2RpKNogMCqjsUW2Z-TYI-R8xRPU4O7Y24iOIQ_cPdBz/s1600/fahmi.gif" title="Cara Pasang Emoticon Pada Komentar Di Blog" width="198" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<br />
<b>Tutorial blogger pemula</b> ini saya buat untuk sobat yang kemungkinan besar <b>mendapat pengunjung yang sangat banyak</b>. Bisa juga pengunjung sobat ratusan, ribuan, atau mungkin bisa jadi puluhan ribu per harinya. Tentunya blog sobat penuh juga dengan pengomentar. Semakin banyak yang berkomentar, semakin banyak pula pengunjung sobat.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Mungkin, blog sobat termasuk kriteria diatas. Dan ketika blog sobat banyak yang berkunjung dan berkomentar, sangat tak nyaman jika pengomentar blog sobat tanpa adanya<b> emoticon animasi pada komentar blog</b>. Buat blog sobat yang banyak komentar nya atau mungkin sedikit komentar bahkan sama sekali tak ada komentar *ups maaf. Bisa ikuti tutorial <b>Cara Membuat Emoticon Animasi Pada Komentar Di Blog.</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Tak ada salahnya juga blog sobat dipasang emoticon animasi keren pada komentar di blog sobat. Meskipun kemungkinan *maap pengunjung sobat tidak ada pengomentar. Mungkin, ikuti tutorial ini hanya untuk sekedar senang-senang ataupun belajar HTML dan CSS.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Lebih baik, saya akan jelaskan langsung deh, <b>Cara Membuat Emoticon Pada Komentar Di Blog</b></span><br />
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">Untuk demonya seperti ini:</span><br />
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img alt="smiley" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEM278Dn8H3ynBTahRb4bE0hE4hpap6QxjW1AsmFsqYPvGkjpTm5a6XN6EPlZUdNQfY95R-OFeIu0Qe64NzRbcap25C5NBBKZB45Jhbmmhm8KkDSFmyXdgVZ0_XDTL32lHAOnyr0lM_sM/s1600/smile1.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img alt="smiley" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0VSnIoRqM61t4SxyZrcQwJrRbFjOg3NgQXBmRnumYT3AVvjOH_GV_SiupOClMLN04A5ptFPDJ3UVeCzrPD0_bpfE4Y6Bo60mA4Cet0Y3W54dBOO2liNW6YRWZJNsixIl0nFGl6Oh__M/s1600/smile.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img alt="smiley" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7bAYgpDIb-rnf2qKPMvL8hkVb6wcJMGiLMrTzjaOsbPLEL80XwNjye5oyeMV35J9tvTT_darTID_vss1-zqyIqpvdp7jJzOwq7cQQQaOuzUss8TGCI5YqdbMj7AzSoLMVSwXRZziTI0/s1600/thumb.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img alt="smiley" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJKccSmlMFkZwBkGkzBr4w3fLoVzuPfDJbtEtbJY1GPgN4c-egCVCQND8wCfA1GDd73E_FqhdK9-Rf_3hL01l9aCGv8Pu8pnywxKOdntuCTz2udiZlYTa4MC5-exHIzZ91m5mb1qnXUIs/s1600/thumbsup.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaW2BSVMjMiIvOftm52biQcHGaQkq5NhFhOzPaR-LAl6eazBJQT8Npn4TR-A1SpJRSmnQopl3Y7Jflle1CRV6adqoXdFn9nyHz_ERq1iZikdV8GGulAjbxxgjacPPHD4FffMEADZV0OKw/s1600/rolleyes.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZg734y6qZFe8qhivsqYJ4bZ8FpIZ00sWKEYQWoNgw77onq93MK8qRk7qniwd_DensPISORKyp0JpCek9BO7WpgcEHoL4ahuzSReG6cxITpEJRAmyZPNgAPfMgeCX6aek5r_blCwJzQvI/s1600/applause.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKeDrH1HMPipj-P3c9uRvdQNPHCJB5jtLxiWK1qkodMYda8IMQtr7P9B2iHDuAPvtRZKOIeA4zJmBq3C819JuaUpSXBX2n_52p1-2rncgcUJhTB35C_LfvoSuA6t8M4Ha8yf73JmFYgg/s1600/sadanimated.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-WtJYWrxGMaiB3DWtCQ7Rw6a9J-H-g0UYpRIk-ij2_-EB5VDh4lZiIsxqsKjGjWwf7iKV2-FI7bPcourzZEE074PFp-OOGr4dfN5uVRZQDlO-B0dC9UKIPjX1gTToZqNEXWJoQIv3vLc/s1600/sad.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhVfdnQJz1qoOwELnZXbqpODlvmKJ4XEEqBGbEGm6i-eGzxVV7uVPpKusZXVTFpH896PPE_riufP_cljB1beiZXFnABno0FPgTTSY5-PQcHsgazQY-M3yy1wF3aZ7yu-XmoDPZtBCgBI/s1600/wink.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOCUeV3LFgKQBDHhZ-UslCwjzp-JVAZpRY7XTLFAnl_9bkyoFz1RoDK847nrJzHnL-9DdTNJC2j2ICNdxEtppvYqBtcPT7b77P7UjoUfkVbcG8tQK6Vhacza5wsjd80UT1jjtuFN3h64/s1600/icon_smile.gif=" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjisHZhcrQRm4ByIsClW31XrJw4gl6htD-pCgkQSuf6s2KJFuowgdYTC12fEByAojWqGNtUUu5HP4swPKaioAXGwBP0fT4kBV3YXjcYwilcb7i2INtoc2x0I-ClaKOhCLR7rpYqB9JJwek/s1600/hihi.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKgVvQR-zbey5ax9ZIzqP301L8Rk-_KEdFOYY50AWr6ZfNRoSndsSVB0SJGxhzFk6bbvb-24xKqFiOoL0JnH70vgNvz5HoNrr50owysEwRzLWfV2horY5d_wdct3_R3_XvTjdJu74CYU/s1600/wee.gif" style="background: none rgb(255, 255, 255); border: 0px !important; box-shadow: none; color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; height: auto !important; line-height: 25.2000007629395px; margin: 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
1. Login Blogger</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">2. Template</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">3. Edit HTML</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">4. Cari kode</span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: cyan;">]]></b:skin> </span></span></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">(agar lebih memudahkan untuk mencari, klik kolom edit HTML, kemudian tekan secara bersamaan pada keyboard Ctrl+F)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">5.  Setelah ketemu, copast kode dibawah ini. Letakkan kode dibawah ini tepat DIATAS kode </span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;">]]></b:skin></span></div>
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;">img.comment_emo { 
height: auto !important; 
vertical-align: middle !important; 
width: auto !important; 
border:0px !important; }
</span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Kemudian cari lagi kode </span><br />
<pre><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;"></body></span></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">7. Copy kemudian paste kode dibawah ini tepat DIATAS kode <span style="background-color: #0b5394; color: cyan; line-height: 25.2000007629395px;"></body></span></span><br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">
//<![CDATA[
/* Blogger Comments Emoticon
 * by Fahmi Fanirius
 * Url:http://fahmifanirius.ga
 */
ki = document.getElementById('comment-holder');
if (ki) {
    zx = ki.getElementsByTagName("p");
    for (i = 0; i < zx.length; i++) {
        if (zx.item(i).getAttribute('CLASS') == 'comment-content') {
            ki_emo = zx.item(i).innerHTML.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEM278Dn8H3ynBTahRb4bE0hE4hpap6QxjW1AsmFsqYPvGkjpTm5a6XN6EPlZUdNQfY95R-OFeIu0Qe64NzRbcap25C5NBBKZB45Jhbmmhm8KkDSFmyXdgVZ0_XDTL32lHAOnyr0lM_sM/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0VSnIoRqM61t4SxyZrcQwJrRbFjOg3NgQXBmRnumYT3AVvjOH_GV_SiupOClMLN04A5ptFPDJ3UVeCzrPD0_bpfE4Y6Bo60mA4Cet0Y3W54dBOO2liNW6YRWZJNsixIl0nFGl6Oh__M/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7bAYgpDIb-rnf2qKPMvL8hkVb6wcJMGiLMrTzjaOsbPLEL80XwNjye5oyeMV35J9tvTT_darTID_vss1-zqyIqpvdp7jJzOwq7cQQQaOuzUss8TGCI5YqdbMj7AzSoLMVSwXRZziTI0/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJKccSmlMFkZwBkGkzBr4w3fLoVzuPfDJbtEtbJY1GPgN4c-egCVCQND8wCfA1GDd73E_FqhdK9-Rf_3hL01l9aCGv8Pu8pnywxKOdntuCTz2udiZlYTa4MC5-exHIzZ91m5mb1qnXUIs/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaW2BSVMjMiIvOftm52biQcHGaQkq5NhFhOzPaR-LAl6eazBJQT8Npn4TR-A1SpJRSmnQopl3Y7Jflle1CRV6adqoXdFn9nyHz_ERq1iZikdV8GGulAjbxxgjacPPHD4FffMEADZV0OKw/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZg734y6qZFe8qhivsqYJ4bZ8FpIZ00sWKEYQWoNgw77onq93MK8qRk7qniwd_DensPISORKyp0JpCek9BO7WpgcEHoL4ahuzSReG6cxITpEJRAmyZPNgAPfMgeCX6aek5r_blCwJzQvI/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=$/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKeDrH1HMPipj-P3c9uRvdQNPHCJB5jtLxiWK1qkodMYda8IMQtr7P9B2iHDuAPvtRZKOIeA4zJmBq3C819JuaUpSXBX2n_52p1-2rncgcUJhTB35C_LfvoSuA6t8M4Ha8yf73JmFYgg/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-WtJYWrxGMaiB3DWtCQ7Rw6a9J-H-g0UYpRIk-ij2_-EB5VDh4lZiIsxqsKjGjWwf7iKV2-FI7bPcourzZEE074PFp-OOGr4dfN5uVRZQDlO-B0dC9UKIPjX1gTToZqNEXWJoQIv3vLc/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;$/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhVfdnQJz1qoOwELnZXbqpODlvmKJ4XEEqBGbEGm6i-eGzxVV7uVPpKusZXVTFpH896PPE_riufP_cljB1beiZXFnABno0FPgTTSY5-PQcHsgazQY-M3yy1wF3aZ7yu-XmoDPZtBCgBI/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOCUeV3LFgKQBDHhZ-UslCwjzp-JVAZpRY7XTLFAnl_9bkyoFz1RoDK847nrJzHnL-9DdTNJC2j2ICNdxEtppvYqBtcPT7b77P7UjoUfkVbcG8tQK6Vhacza5wsjd80UT1jjtuFN3h64/s1600/icon_smile.gif='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjisHZhcrQRm4ByIsClW31XrJw4gl6htD-pCgkQSuf6s2KJFuowgdYTC12fEByAojWqGNtUUu5HP4swPKaioAXGwBP0fT4kBV3YXjcYwilcb7i2INtoc2x0I-ClaKOhCLR7rpYqB9JJwek/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKgVvQR-zbey5ax9ZIzqP301L8Rk-_KEdFOYY50AWr6ZfNRoSndsSVB0SJGxhzFk6bbvb-24xKqFiOoL0JnH70vgNvz5HoNrr50owysEwRzLWfV2horY5d_wdct3_R3_XvTjdJu74CYU/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKgVvQR-zbey5ax9ZIzqP301L8Rk-_KEdFOYY50AWr6ZfNRoSndsSVB0SJGxhzFk6bbvb-24xKqFiOoL0JnH70vgNvz5HoNrr50owysEwRzLWfV2horY5d_wdct3_R3_XvTjdJu74CYU/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script></span></code></pre>
</div>
<div style="text-align: center;">
<div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">8. Simpan perubahan</span></div>
</div>
<div style="text-align: left;">
<h3 style="text-align: left;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Penulisan:</span></b></h3>
</div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #222222; font-size: 14px; line-height: 25.2000007629395px;">Cara penulisan emoticon smiley jika dipublish dikotak komentar blog:</span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #222222; font-size: 14px; line-height: 25.2000007629395px;" /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="smiley" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEM278Dn8H3ynBTahRb4bE0hE4hpap6QxjW1AsmFsqYPvGkjpTm5a6XN6EPlZUdNQfY95R-OFeIu0Qe64NzRbcap25C5NBBKZB45Jhbmmhm8KkDSFmyXdgVZ0_XDTL32lHAOnyr0lM_sM/s1600/smile1.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" /><span style="color: white;">.</span>:)</span><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="smiley" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0VSnIoRqM61t4SxyZrcQwJrRbFjOg3NgQXBmRnumYT3AVvjOH_GV_SiupOClMLN04A5ptFPDJ3UVeCzrPD0_bpfE4Y6Bo60mA4Cet0Y3W54dBOO2liNW6YRWZJNsixIl0nFGl6Oh__M/s1600/smile.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />^_^</span><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="smiley" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7bAYgpDIb-rnf2qKPMvL8hkVb6wcJMGiLMrTzjaOsbPLEL80XwNjye5oyeMV35J9tvTT_darTID_vss1-zqyIqpvdp7jJzOwq7cQQQaOuzUss8TGCI5YqdbMj7AzSoLMVSwXRZziTI0/s1600/thumb.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />:-d</span><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="smiley" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJKccSmlMFkZwBkGkzBr4w3fLoVzuPfDJbtEtbJY1GPgN4c-egCVCQND8wCfA1GDd73E_FqhdK9-Rf_3hL01l9aCGv8Pu8pnywxKOdntuCTz2udiZlYTa4MC5-exHIzZ91m5mb1qnXUIs/s1600/thumbsup.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />:-bd</span><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaW2BSVMjMiIvOftm52biQcHGaQkq5NhFhOzPaR-LAl6eazBJQT8Npn4TR-A1SpJRSmnQopl3Y7Jflle1CRV6adqoXdFn9nyHz_ERq1iZikdV8GGulAjbxxgjacPPHD4FffMEADZV0OKw/s1600/rolleyes.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />@@,</span><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZg734y6qZFe8qhivsqYJ4bZ8FpIZ00sWKEYQWoNgw77onq93MK8qRk7qniwd_DensPISORKyp0JpCek9BO7WpgcEHoL4ahuzSReG6cxITpEJRAmyZPNgAPfMgeCX6aek5r_blCwJzQvI/s1600/applause.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />\o/</span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div style="background-color: white; color: #222222; font-size: 14px; line-height: 25.2000007629395px; margin-top: 10px; text-align: left;">
</div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKeDrH1HMPipj-P3c9uRvdQNPHCJB5jtLxiWK1qkodMYda8IMQtr7P9B2iHDuAPvtRZKOIeA4zJmBq3C819JuaUpSXBX2n_52p1-2rncgcUJhTB35C_LfvoSuA6t8M4Ha8yf73JmFYgg/s1600/sadanimated.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />=(</span><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-WtJYWrxGMaiB3DWtCQ7Rw6a9J-H-g0UYpRIk-ij2_-EB5VDh4lZiIsxqsKjGjWwf7iKV2-FI7bPcourzZEE074PFp-OOGr4dfN5uVRZQDlO-B0dC9UKIPjX1gTToZqNEXWJoQIv3vLc/s1600/sad.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />:(</span><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhVfdnQJz1qoOwELnZXbqpODlvmKJ4XEEqBGbEGm6i-eGzxVV7uVPpKusZXVTFpH896PPE_riufP_cljB1beiZXFnABno0FPgTTSY5-PQcHsgazQY-M3yy1wF3aZ7yu-XmoDPZtBCgBI/s1600/wink.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />;)</span><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOCUeV3LFgKQBDHhZ-UslCwjzp-JVAZpRY7XTLFAnl_9bkyoFz1RoDK847nrJzHnL-9DdTNJC2j2ICNdxEtppvYqBtcPT7b77P7UjoUfkVbcG8tQK6Vhacza5wsjd80UT1jjtuFN3h64/s1600/icon_smile.gif=" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />:D</span><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjisHZhcrQRm4ByIsClW31XrJw4gl6htD-pCgkQSuf6s2KJFuowgdYTC12fEByAojWqGNtUUu5HP4swPKaioAXGwBP0fT4kBV3YXjcYwilcb7i2INtoc2x0I-ClaKOhCLR7rpYqB9JJwek/s1600/hihi.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />=D</span><span style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25.2000007629395px; margin-right: 10px; padding: 10px; text-align: center;"><img alt="" class="comment_emo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKgVvQR-zbey5ax9ZIzqP301L8Rk-_KEdFOYY50AWr6ZfNRoSndsSVB0SJGxhzFk6bbvb-24xKqFiOoL0JnH70vgNvz5HoNrr50owysEwRzLWfV2horY5d_wdct3_R3_XvTjdJu74CYU/s1600/wee.gif" style="background: none; border: 0px !important; box-shadow: none; height: auto !important; margin: 0px 10px 0px 0px; max-width: 98%; padding: 0px; page-break-after: always; vertical-align: middle !important; width: auto !important;" />:p</span></span></div>
</div>
<div style="text-align: center;">
<br /></div>
</div>

Animasi Komentar Tutorial Blogger Cara Pasang Emoticon Pada Komentar Di Blog

Cara Pasang Emoticon Pada Komentar Di Blog - Untuk para pelajar, tentunya senang sekali, karena libur telah tiba. :D tepat sekali, hari i...

Cara Jitu Untuk Mengetahui Jumlah Backlink Blog

5:33 AM Admin 14

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Cara Jitu Untuk Mengetahui Jumlah Backlink Blog</b> - Sobat tahu tidak untuk apa kita menggunakan <b>Backlink Blog</b>? banyak sekali para blogger yang berbondong-bondong mencari <b>Backlink</b> untuk blognya karena <b>Backlink</b> ini dapat <b>menaikkan ranking blog</b> atau artikel kita di <b>Search Engine ( Google )</b> sob.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTiUaV1uYRDYOiNdbKcPzR1Fz7aGJdYMbHED0SdtnCGV6x5-uUmeeXI_nRm-W-6fDpXIHZXRFxKYTrWDDoa-teMS1GyaRjS3Ho8CCLb7rr-QsxDl1oGeS7KsQEAHmS62RBudsQ-pCQtl2n/s1600/backlink1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTiUaV1uYRDYOiNdbKcPzR1Fz7aGJdYMbHED0SdtnCGV6x5-uUmeeXI_nRm-W-6fDpXIHZXRFxKYTrWDDoa-teMS1GyaRjS3Ho8CCLb7rr-QsxDl1oGeS7KsQEAHmS62RBudsQ-pCQtl2n/s1600/backlink1.jpg" width="320" /></a></div>
<br />
Nah,disini ada <b>2 cara</b> <b>termudah</b> dan <b>jitu</b> untuk <b>mengetahui</b> <b>Jumlah Backlink Blog</b>.<br />
<div>
<br /></div>
<div>
<b><span style="font-size: large;">1. Dengan Google Webmaster Tools.</span></b></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
1. Pastikan blog sobat sudah terdaftar dan ada di<b> Google Webmaster Tools</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
2. Buka <b><a href="https://www.google.com/webmasters/tools" target="_blank">https://www.google.com/webmasters/tools </a></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="text-align: left;"></b></div>
<div class="separator" style="clear: both; display: inline !important; text-align: center;">
</div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPwWHeGAWfI1XqG5ydgZfDjK3cp0tj_rA6A038cM2fFojqK5xVP6SEj3o8CScyNx6yF3xxcciLX_6dqXo4UZjRN6tIlI4F_GsmZp0o767n7m6dFjvfnfBr46ab3Q28miemDsSTKOiXX-hn/s1600/Cara-Mengetahui-Jumlah-Backlink-Blog-Anda-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPwWHeGAWfI1XqG5ydgZfDjK3cp0tj_rA6A038cM2fFojqK5xVP6SEj3o8CScyNx6yF3xxcciLX_6dqXo4UZjRN6tIlI4F_GsmZp0o767n7m6dFjvfnfBr46ab3Q28miemDsSTKOiXX-hn/s1600/Cara-Mengetahui-Jumlah-Backlink-Blog-Anda-1.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
3. Setelah itu klik link blog yang akan di cek<b> Jumlah Backlink</b>nya</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
4. Lalu klik dan pilih <b>"Lalu Lintas Penelusuran"</b> dan pilih Sub Menu <b>"Tautan ke Situs Anda"</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOfi7YQk_hJolYrGuj1UyVSPPJ7pskoVNgadK7rh2UjawZTwCdKumhv1A-WSh5vPjg0DT2iA4Icsqb-8Jmwsk9wEYfLOyFEFCoe_B14JBPk1683gbExYI81O1uw22hW-IETRm69r6ijg85/s1600/Lbcklink1_zps5a96af74.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOfi7YQk_hJolYrGuj1UyVSPPJ7pskoVNgadK7rh2UjawZTwCdKumhv1A-WSh5vPjg0DT2iA4Icsqb-8Jmwsk9wEYfLOyFEFCoe_B14JBPk1683gbExYI81O1uw22hW-IETRm69r6ijg85/s1600/Lbcklink1_zps5a96af74.jpg" width="320" /></a></div>
<ol>
</ol>
Maka,di blog akan muncul <b>Jumlah Backlink Blog</b> kamu dan dari mana saja <b>backlink</b> itu berasal.</div>
<div>
<br /></div>
<div>
<b><span style="font-size: large;">2. Dengan Ahrefs.</span></b><br />
<b><span style="font-size: large;"><br /></span></b></div>
<div>
<div style="text-align: center;">
1. Buka <b><a href="https://ahrefs.com/">https://ahrefs.com</a> </b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Lalu masukan URL link blog kalian yang mau di cek <b>Jumlah Backlink</b>nya pada form yang tersedia dan tekan <b>" Try It For Free "</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMSf_y280zRSh8-Ch1ANM25pQoKhlbr5ZMKvvrPkeZf4d3EbeMvA1zNz0if6gAdO5yhyphenhyphenwcAVbhNiZnf08ZOEJ7TmmRCeEeKMeQ23T-oh-95I08kodrA8NtfaM3CHXkz92lz7KxBtK-krDG/s1600/backlink.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMSf_y280zRSh8-Ch1ANM25pQoKhlbr5ZMKvvrPkeZf4d3EbeMvA1zNz0if6gAdO5yhyphenhyphenwcAVbhNiZnf08ZOEJ7TmmRCeEeKMeQ23T-oh-95I08kodrA8NtfaM3CHXkz92lz7KxBtK-krDG/s1600/backlink.jpg" width="320" /></a></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
3. Tunggu proses loading berlangsung dan lihat hasilnya.</div>
<ol>
</ol>
</div>
<div>
Kelebihan menggunakan<b> Ahrefs </b>adalah bisa <b>mengetahui</b> <b>Jumlah Backlink blog</b> sobat secara lengkap, tetapi <b>Tools Ahrefs </b>ini hanya bisa digunakan 1 kali cek link dalam sehari. Bila sobat ingin lebih,sobat harus mendaftar dulu ( FREE ) dan sobat bisa cek <b>Jumlah Backlink Blog</b> sebanyak 10 kali dalam sehari.</div>
<div>
<br /></div>
<div>
Nah,cara di atas sangatlah mudahkan Sob? Jadi,sobat bisa <b>dengan mudah melihat dan mengetahui backlink blog</b>. Jangan ragu-ragu untuk mencobanya ya ! Semoga Berhasil !!!</div>
</div>

Tutorial Blogger Cara Jitu Untuk Mengetahui Jumlah Backlink Blog

Cara Jitu Untuk Mengetahui Jumlah Backlink Blog - Sobat tahu tidak untuk apa kita menggunakan Backlink Blog ? banyak sekali para blogger y...

Cara Menghilangkan Tulisan Powered By Blogger

7:37 PM Unknown 10

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Cara Menghilangkan Tulisan Powered By Blogger</b> - <b>Tutorial blogger pemula</b> lagi... Sekarang tutorial yang sangat mudah, simple, cepet. <b>Tutorial blogger</b> itu adalah... <a href="http://www.fahmifanirius.ga/2014/12/cara-menghilangkan-tulisan-powered-by-blogger-diberdayakan-oleh-blogger.html">Cara Menghilangkan Tulisan Diberdayakan Oleh Blogger</a>. Buat blog sobat yang belum ngerti maksud tutorial disini, saya akan jelaskan. Dan berikut adalah contoh gambar dari <b>tulisan powered by blogger atau diberdayakan oleh blogger</b> (dalam bahasa Indonesia):<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip9ueLqbYEXfJ7_c75sYDz49WEzxbV74KITkXqxL-eGIFQJe8oZRVYFAuSvXmDFK48pqt0t0Q4QfWgw0w_qix9wFaH38hJ6E8uTBxSIL5U-OM_h7Cdj6mldxSHmsv7IL_RWP2Ke0KZDxSr/s1600/powered+by+blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menghilangkan Tulisan Powered By Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip9ueLqbYEXfJ7_c75sYDz49WEzxbV74KITkXqxL-eGIFQJe8oZRVYFAuSvXmDFK48pqt0t0Q4QfWgw0w_qix9wFaH38hJ6E8uTBxSIL5U-OM_h7Cdj6mldxSHmsv7IL_RWP2Ke0KZDxSr/s1600/powered+by+blogger.jpg" title="Cara Menghilangkan Tulisan Powered By Blogger" /></a></div>
<br />
Mungkin, di blog sobat terdapat <b>tulisan powered by blogger</b>. Tulisan tersebut merupakan <b>widget attribution</b> yang sudah dipasang otomatis kepada setiap blog oleh blogger. Dan kemungkinan, sobat risih terhadap tulisan tersebut di blog sobat dan ingin menghapus nya. Sobat bisa ikuti langkah berikut:<br />
<br />
<b>1. Cara Menghilangkan Tulisan Powered By Blogger</b><br />
<br />
Login Blogger --> Tata letak/layout --> Hapus gadget tulisan Atribusi dari powered by blogger. Lihat gambar beikut:<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDi4UPguTF0MkJWwe8ldYL-XNsdnZpdZpJi5gryLzVtJyo8r8xsp3yHoCoCMieYZxkHkAIJVvfFD3ttg7C30PNm9QItTieNr8Maqkxj2oWr4SXp7WQfPK47kVXEefO_kYv-nbn-n1HlK7-/s1600/atribusi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menghilangkan Tulisan Powered By Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDi4UPguTF0MkJWwe8ldYL-XNsdnZpdZpJi5gryLzVtJyo8r8xsp3yHoCoCMieYZxkHkAIJVvfFD3ttg7C30PNm9QItTieNr8Maqkxj2oWr4SXp7WQfPK47kVXEefO_kYv-nbn-n1HlK7-/s1600/atribusi.jpg" title="Cara Menghilangkan Tulisan Powered By Blogger" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYetMw7uGkjRLnKahYEo1zgs7ddCB4wzVI0UysbpPlDoIBSSpYCmY7cbAm3ZlHgBQT4Zk5Dvem2PfugmQnT_bYuDc2mnSgWhkxgfX6XoQAPi-Qt4snOZK2zaW_Po6k5L36q5Mpi1fBbG7/s1600/blogger-attribution-remove.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menghilangkan Tulisan Powered By Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYetMw7uGkjRLnKahYEo1zgs7ddCB4wzVI0UysbpPlDoIBSSpYCmY7cbAm3ZlHgBQT4Zk5Dvem2PfugmQnT_bYuDc2mnSgWhkxgfX6XoQAPi-Qt4snOZK2zaW_Po6k5L36q5Mpi1fBbG7/s1600/blogger-attribution-remove.png" title="Cara Menghilangkan Tulisan Powered By Blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Nah, sangat mudah kan?</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Dan saya akan beri tutorial lagi tentang <b>Cara Menghilangkan Tulisan Powered By Blogger</b> <b>yang tidak dapat di remove</b>. Tutorial ini khusus buat sobat yang sudah dipasangi template dan terdapat <b>tulisan powered by blogger atau diberdayakan oleh blogger dan tidak dapat di hapus</b>. Mungkin, gambarannya seperti berikut:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi657gJ58IuiAAWN5CIPztv7jsEwEHkXKh2cRxSsIhxqNEZ8qFIulfC1HadmnmrAN44iI3qPlx4XIC_uV5QT_-gPD184nEiv8-hNa0H0j_f6cxT2LRgpRDF_SapF7sGGIV_HDUj1YtKAl-3/s1600/remove.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menghilangkan Tulisan Powered By Blogger" border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi657gJ58IuiAAWN5CIPztv7jsEwEHkXKh2cRxSsIhxqNEZ8qFIulfC1HadmnmrAN44iI3qPlx4XIC_uV5QT_-gPD184nEiv8-hNa0H0j_f6cxT2LRgpRDF_SapF7sGGIV_HDUj1YtKAl-3/s1600/remove.jpg" title="Cara Menghilangkan Tulisan Powered By Blogger" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Gak ada tombol remove atau hapus nya kan? Saya akan beri tutorialnya.. Ini juga mudah kok. Kita menggunakan CSS untuk menghapus tulisan powered by blogger nya.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>2. Cara Menghilangkan Tulisan Powered By Blogger Yang Tidak Dapat Di Hapus</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
1. Login Blogger</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
2. Template/rancangan</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
3. Edit HTML</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
4. Cari kode <span style="background-color: #3d85c6; color: cyan;">]]></b:skin></span> (agar mempermudah pencarian, klik kolom edit HTML, kemudian tekan Ctrl+F secara bersamaan pada keyboard)</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
5. Setelah ketemu kode <span style="background-color: #3d85c6; color: cyan;">]]></b:skin></span> copy kemudian paste dan letakkan kode dibawah ini tepat DIATAS kode <span style="background-color: #3d85c6; color: cyan;">]]></b:skin></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #3d85c6; line-height: 20.7999992370605px; text-align: justify;"><span style="color: cyan; font-family: inherit;">#Attribution1 {</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #3d85c6; line-height: 20.7999992370605px; text-align: justify;"><span style="color: cyan; font-family: inherit;">height:0px;</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #3d85c6; line-height: 20.7999992370605px; text-align: justify;"><span style="color: cyan; font-family: inherit;">visibility:hidden;</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #3d85c6; line-height: 20.7999992370605px; text-align: justify;"><span style="color: cyan; font-family: inherit;">display:none</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #3d85c6; line-height: 20.7999992370605px; text-align: justify;"><span style="color: cyan; font-family: inherit;">}</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
6. Simpan perubahan</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Ada cara lain yang juga simple:</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
1. Login Blogger</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
2. Template/rancangan</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
3. Klik Sesuaikan/Customize</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
4. Pilih Tingkat lanjut/Advanced</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
5. Tekan Tambahkan CSS/Add CSS</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sfm1oXA_u5AF5E4QHPTL9fObAtgUvGoVTgLH8HKrNZ02rPP8UpH0xY0p3NwDeydg1Tyblr9COfewptrmj4xwYnbe_BwYHH8eiiv2yjI2r_ibWcU1ZmDRCyBhUN6fmRCwPwINaXJR5a4z/s1600/css.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menghilangkan Tulisan Powered By Blogger" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sfm1oXA_u5AF5E4QHPTL9fObAtgUvGoVTgLH8HKrNZ02rPP8UpH0xY0p3NwDeydg1Tyblr9COfewptrmj4xwYnbe_BwYHH8eiiv2yjI2r_ibWcU1ZmDRCyBhUN6fmRCwPwINaXJR5a4z/s1600/css.jpg" title="Cara Menghilangkan Tulisan Powered By Blogger" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
6. Copy kode dibawah ini, past dan letakkan kode nya di kolom Tambahkan CSS/Add CSS:</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #3d85c6; color: cyan; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.4799995422363px;">#Attribution1 {display: none;}</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
7. Tekan apply</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>

Hilangkan Tutorial Blogger Cara Menghilangkan Tulisan Powered By Blogger

Cara Menghilangkan Tulisan Powered By Blogger - Tutorial blogger pemula lagi... Sekarang tutorial yang sangat mudah, simple, cepet. Tutor...