Tutorial Blog Unik: February 2015

Cara Membuat Slide Like Fanspage Di Blog

<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 Slide Like Fanspage Di Blog</b> - Selamat hari freeday sobat. Selamat hari sabtu. Hari ini, <b><a href="http://fahmifanirius.gq/">Fahmi Fanirius Blog</a></b> akan membahas tentang yang bisa dibilang salah satu trik SEO untuk menaikkan trafik. Tutorial tersebut adalah <b><a href="http://www.fahmifanirius.gq/2015/02/cara-membuat-slide-like-fanspage-di-blog.html">Cara Membuat Kotak Like Fanspage Melayang Di Blog</a></b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFTdnRr_m5_sf1BNQ5Urynb0PdE68iH1p53FGQnmPQTLrGcNw6Kys1ZP5eTVssXq7zhj13Fh1XEzroEJQYZzNr_E6dJ4tl53H1gpR_sBwBGhPVxyguaPXwOeVzPaGi3tbpWj2oUyMLmiJ/s1600/fb+float.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Slide Like Fanspage Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFTdnRr_m5_sf1BNQ5Urynb0PdE68iH1p53FGQnmPQTLrGcNw6Kys1ZP5eTVssXq7zhj13Fh1XEzroEJQYZzNr_E6dJ4tl53H1gpR_sBwBGhPVxyguaPXwOeVzPaGi3tbpWj2oUyMLmiJ/s1600/fb+float.png" title="Cara Membuat Slide Like Fanspage Di Blog" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">
Pastinya sudah ngerti dan tau semua apa sih, fungsi seorang blogger membuat fanspage yang sering disebut FP di facebook untuk setiap blog yang mereka buat? Tujuan utama nya adalah untuk menaikkan dan memperkenalkan artikel blog mereka.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Tak hanya tombol follow saja agar pengunjung setia melihat update dari blog sobat yang mereka baca. Bisa saja dengan fanspage yang sobat buat khusus untuk blog sobat. Apalagi, pengunjung sobat pastinya lebih candu dan online di facebook daripada di google+ atau blogger yang dapat melihat setiap update artikel dari blog sobat melalui beranda facebook mereka. (<span style="color: red;">Baca juga</span>: <b><a href="http://www.fahmifanirius.gq/2014/04/cara-pasang-tombol-follow-blog-pada-blog.html">Cara Memasang Tombol Follow Blog Dan Dashboard Di Blog</a></b>)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Nah, tujuan untuk <b>cara membuat like box fanspage di blog</b>, untuk memperbanyak jumlah like dari fanspage sobat. Kalau blog sobat dibanjiri oleh pengunjung karena artikel atau post yang unik dan menarik untuk dibaca pengunjung, tentunya pengunjung tersebut akan tidak sabar untuk melihat artikel yang lebih menarik lagi untuk dibaca oleh mereka. Tentunya, pengunjung sobat me-like fanspage sobat melalui <b>kotak slide like fanspage melayang</b> yang sudah disediakan oleh sobat di blog sobat.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<br />
</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"> 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;"></head> </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 jQery dibawah ini. Letakkan kode dibawah ini tepat DIATAS kode </span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;"></head></span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/></span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: kode diatas merupakan kode jQuery. Jika kode jQuery sudah terpasang di blog sobat, maka tidak perlu dipasang lagi. Tanpa kode jQuery, widget ini tidak akan bisa tampil.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">6. Tata letak/layout</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">7. Tambahkan gadget/add gadget</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">8. HTML/JavaScript</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">9. Copy kode dibawah ini kemudian paste pada kotak HTML/JavaScript:</span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">
//
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=<span style="color: cyan;"><b>URL Fanspage Sobat</b></span>&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span></span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: ganti tulisan <b><span style="color: blue;">URL Fanspage Sobat</span></b><b style="color: cyan;"> </b>dengan url dari fanspage sobat sendiri</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
 Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger</strike></span></a></b></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<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%"><div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Slide Like Fanspage Di Blog</span></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;">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 like fanspage di blog yang dapat memperkenalkan fansage facbook Anda kepada pengunjung Anda.</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">92%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2457 votes</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br />
</span></div>
</div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
</div>

Cara Membuat Slide Like Fanspage Di Blog - Selamat hari freeday sobat. Selamat hari sabtu. Hari ini, Fahmi Fanirius Blog akan membahas t...

Cara Membuat Notifikasi Komentar Google Plus Di Blog

2:36 AM Unknown 4

<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"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Notifikasi Komentar Google Plus Di Blog</b> - Selamat sore... Saat ini, saya akan bagi<b> tutorial blogger</b> lagi yang sering bahkan banyak digunakan oleh para blogger atau pembangun blog untuk blog mereka. Tutorial yang saya maksud adalah <b><a href="http://cara%20membuat%20recent%20comment%20dengan%20avatar%20di%20blog/">Cara Membuat Notifikasi Komentar Seperti Google Plus Di Blogger</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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNCVyfdfOQqXpqdF06d8zmgKOTSJIDx64lYlIOj8FxdvMyXc9Y3Jezwo_c56VrYVNtwnijiTgK3WYHgTgcWqTKC-cdzI8hWLdPv64U3b5uZ0Nbj0jqEocY7kVg0a86fcksF_xHd9_LCTnD/s1600/Screenshot_24.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Notifikasi Komentar Google Plus Di Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNCVyfdfOQqXpqdF06d8zmgKOTSJIDx64lYlIOj8FxdvMyXc9Y3Jezwo_c56VrYVNtwnijiTgK3WYHgTgcWqTKC-cdzI8hWLdPv64U3b5uZ0Nbj0jqEocY7kVg0a86fcksF_xHd9_LCTnD/s1600/Screenshot_24.jpg" title="Cara Membuat Notifikasi Komentar Google Plus Di Blog" width="211" /></span></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<br />
Nah, buat para blogger khusus nya seperti sobat mungkin, yang kemungkinan banyak sekali pengunjung sehingga blog sobat dibanjiri komentar. Pasti nya sobat senang dengan hal seperti itu. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Kalau blog sobat sudah banyak komentar nya, pasti nya sobat senang dan bisa pamer kepada pengunjung sobat karena sukses nya sobat dalam mengelola blog dengan cara mengikuti tutorial ini. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<b>Cara membuat notifikasi komentar ala google plus di blog</b> akan muncul recent comment, tapi seperti <b>google plus</b> dalam hal tampilan. (<span style="color: red;">Baca juga</span>: <b><a href="http://www.fahmifanirius.gq/2014/12/cara-membuat-recent-comment-dengan.html">Cara Membuat Recent Comment Dengan Avatar Di Blog</a></b>)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Entah apa tujuan para blogger <b>memasang notifikasi komentar ala google plus di blog</b> ini. Mungkin, para blogger yang dibanjiri komentar bisa pamer kepada pengunjung yang lain. Tapi, saya sarankan untuk blog sobat yang mungkin sedikit komentar atau hampir tidak ada yang berkomentar di blog sobat, saya sarankan untuk tidak memasang tutorial ini. :v tapi jangan tersinggung. Mungkin blog sobat tidak ada pengomentar mungkin karena kotak komentar nya di hilangkan. (Baca juga: <b><a href="http://www.fahmifanirius.gq/2015/02/cara-menghilangkan-kotak-komentar-bawaan-di-blog.html">Cara Menghilangkan Kotak Komentar Bawaan Di Blog</a></b>)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Kebanyakan, para blogger memasang notifikasi komentar ala google plus di blog bersebelahan dengan tombol follow dan dashboard. Jadi, sobat saya sarankan untuk baca dan ikuti tutorial <b><a href="http://www.fahmifanirius.gq/2014/04/cara-pasang-tombol-follow-blog-pada-blog.html">Cara Memasang Tombol Follow Blog Dan Dashboard Di Blog</a></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><span style="font-family: Arial, Helvetica, sans-serif;"> 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;"></head> </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 jQery dibawah ini. Letakkan kode dibawah ini tepat DIATAS kode </span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;"></head></span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/></span></code></pre><span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: kode diatas merupakan kode jQuery. Jika kode jQuery sudah terpasang di blog sobat, maka tidak perlu dipasang lagi. Tanpa kode jQuery, widget ini tidak akan bisa tampil. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">6. Cari lagi kode </span><br />
<pre><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;">]]></b:skin></span></pre><span style="font-family: Arial, Helvetica, sans-serif;">atau kode </span><br />
<pre><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;"></style></span></pre><span style="font-family: Arial, Helvetica, sans-serif;">7. Paste kode dibawah ini tepat DIATAS salah satu kode tersebut.</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;">/* Notifikasi Komentar
----------------------------------------------- */
#cm-total {
  position:fixed;
  top:14px;
  right:0;
  width:188px;
  text-align:left;
  z-index:9999;
  cursor:pointer;
}
.total-counter {
  background-color:#d11919;
  color:white;
  padding:1px 4px;
  font-family:Arial,Sans-serif;
  font-size:11px;
  border-radius:5px;
  font-weight:bold;
}
#notif {
  position:fixed;
  top:20px;
  right:180px;
  z-index:9999;
  height:22px;
  width:19px;
  opacity:.4;
  cursor:pointer;
}
#notif:hover {
  opacity:1;
}
.close-notif {
  position:fixed;
  top:92px;
  right:20px;
  z-index:9999;
  cursor:pointer;
  display:none;
}
#cm-container {
  width:355px;
  position:fixed;
  top:67px;
  right:0;
  z-index:9999;
  background-color:#e5e5e5;
  padding:60px 20px 10px 20px;
  color:#666;
  box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;
  text-align:left;
  border:1px solid rgba(0,0,0,.2);
  background-clip:padding-box;
  display:none;
}
#cm-container:before {
  content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTiI0236NNLV7d3BKW37UsPXCrbsbuxn03QxxIW0F6adWuV00dJSFhyZ0w5BJ9INBVNmdNVqf4jen9AjjrO72Vkyk28LUkG3JU3cNiL40AivpxuSI8qKDvDPZRH1XoZ81QwQv3QWqSh1o/s1600/arrow-notif.png');
  position:absolute;
  top:-14px;
  left:196px;
}
#cm-container:after {
  content:"Komentar Terbaru";
  position:absolute;
  top:22px;
  left:150px;
  text-align:center;
  font:normal 14px Arial;
  color:#333;
}
.cm-outer {
  margin:0 auto;
  padding:0;
  font-size:11px;
  text-align:left;
  font:normal 12px Arial;
}
.cm-outer ul{
  margin-bottom:5px;
}
.cm-outer li {
  padding:9px 10px 14px;
  list-style:none;
  clear:both;
  position:relative;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  background-color: white;
  margin-bottom:10px;
}
.cm-text {color:#797979;}
.cm-outer {margin:0 0 5px}
.cm-header {margin: 4px 0 8px 90px;font-size:11px;font-weight:normal !important;}
.cm-header a {color:#262626;text-decoration:none;font-size:14px;font-weight:bold}
.cm-header a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-left:90px}
.cm-outer img {
  display:block;
  float:left;
  background:#ececec url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihowg2YZE4prRkJWuKX1C2v_WMbsgRxQsjrYwguaPuO8Ddq1JPXGANO9MkKKaU-XXtIkkBOVmtCy950-eHdb7LbFtx2LRSzcegU3CdAPUPwBRlESxlx3XWKt6myMApKSMhaAKrHZX6F9w/s1600/anon80.png') no-repeat 50% 50%;
  overflow:hidden;
  border-radius:3px 0 0 3px;
  position:absolute;
  top:0;
  left:0;
}
.cm-footer {margin-top:7px;}
.cm-footer a {color:#5886a7;text-decoration:none;}
.cm-footer a:hover {color:#74a2c3;text-decoration:none;}
div.cm-header img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMFYuJxYuFlUV7NUspBe0SuSImYL1C2JgdVxYsAZkfFbIesye8iSZPT_WuolgLCWb28M0kSQztayx4yX58TYAa2jDjClEX3kiEAUuiLZzJ6srKZPocdWxY9Qtc63cVw5ToYHTUz6YRxLw/s80-c/gravatar.png);
}</span></code></pre></div><span style="font-family: Arial, Helvetica, sans-serif;">8. Masih ada lagi. Cari 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;">9. Copy kemudian paste kode dibawah ini kemudian letakkan kode berikut tepat DIATAS kode <span style="background-color: #0b5394; color: cyan;"></body></span></span></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><div id='cm-container'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvxY5OR6P8OCk9yD894Cd3IkK1dGHhboLlppN3xh_OGfrRH_BA1-5XEozpTLhpNyxnFlpIIebj3g9_SMrpAkFcwDD7PyKbZ4_QNeTFFZXjJCVmqrDw7kG5pnbATOkc2Z49ttoOw47Xds/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqW6PdzNmMn-RMWNASeRWR7uP7R_EUZBuaw5hxJnB4LqyxoLOQtb6CuaNDMgrJNawT8AMqZSDOYB4omHsOEZs46ZRVBGXI3ipNJmBuhCtIPFA2WGfgv5G6_sDSc_Qr3agSxUToab8jGWU/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
    home_page: "http://masyadi.com",
    max_result: 6,
    t_w: 80,
    t_h: 80,
    summary: 40,
    new_tab_link: true,
    ct_id: "cm-container",
    new_cm: " Komentar Baru!",
    interval: 30000,
    alert: true,
    alert: function(total) {
        document.getElementById("cm-total").innerHTML = '<strong class=\'total-counter\'>'+total+'</strong>';
        document.title = '(' + total + ') ' + originalTitle;
    }
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
//]]>
</script>
<script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/notif-komen.js' type='text/javascript'/></span></code></pre><span style="font-family: Arial, Helvetica, sans-serif;">10. Simpan</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;"><b><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger</strike></span></a></b></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><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%"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Notifikasi Komentar Google Plus Di Blog</span></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;">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 notifikasi komentar seperti google plus di blog dapat menunjukkan bahwa blog Anda dibanjiri oleh komentar pengunjung Anda.</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">92%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2457 votes</span><br />
<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br />
</span></div></div></div></td></tr>
</tbody></table></div></div></div>

CSS JavaScript JQuery Komentar Tutorial Blogger Widget Cara Membuat Notifikasi Komentar Google Plus Di Blog

Cara Membuat Notifikasi Komentar Google Plus Di Blog - Selamat sore... Saat ini, saya akan bagi tutorial blogger lagi yang sering bahkan ...

Cara Memasang Widget Share A Holic Sassy Untuk Blogger

10:14 PM Unknown 5

<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 Memasang Widget Share A Holic Sassy Untuk Blogger</b> - Kemaren hari friday, sekarang freeday bagi kita semua. Sebelumnya, selamat hari Valentine bagi yang merayakan... Maap, saya harus toleransi karena saya tidak merayakannya. Saat ini, saya akan jelaskan tutorial blogger tentang <b><a href="http://www.fahmifanirius.ga/2015/02/cara-memasang-widget-share-a-holic-sassy-untuk-blogger.html">Cara Memasang Widget Share Keren Di Blog</a></b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Banyak sekali tutorial yang membahas tentang <b>tombol share di blog</b>, saya juga pernah waktu lalu membahas tutorial <a href="http://www.fahmifanirius.ga/2014/04/cara-memberi-share-melayang-pada-blog.html"><b>Cara Membuat Tombol Share Keren Melayang Di Blog</b></a> dan <b><a href="http://www.fahmifanirius.ga/2014/12/cara-membuat-tombol-share-di-bawah.html">Cara Membuat Tombol Share Di Bawah Postingan Blog</a></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Tapi, beda nya tutorial yang satu ini dengan kedua tutorial tadi yang saya sebutkan, <b>widget share</b> nya super keren. Saat kursor menyentuh share nya, maka akan keluar share mana saja yang akan dipilih. Seperti share facebook, twitter, google plus, pinterest, tumblr, dan email.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Untuk contoh gambar nya, sobat bisa lihat gambar dibawah ini:</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/AVvXsEhh0VNuRqOiUOLhJxGuAQeoMDDqEJ7E5cD3v1J4Js9cB7Z2ETrnBxa6CoZCz0vIa0MI9yHUB26KyeoN25Rbi2SZZYmkarvq9m0vsY2wy5yVYlQh92ZsCorKXfU93IntDOZ2xR8MyMT6PlqF/s1600/images.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Memasang Widget Share A Holic Sassy Untuk Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0VNuRqOiUOLhJxGuAQeoMDDqEJ7E5cD3v1J4Js9cB7Z2ETrnBxa6CoZCz0vIa0MI9yHUB26KyeoN25Rbi2SZZYmkarvq9m0vsY2wy5yVYlQh92ZsCorKXfU93IntDOZ2xR8MyMT6PlqF/s1600/images.jpeg" title="Cara Memasang Widget Share A Holic Sassy Untuk Blogger" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Untuk demo nya, lain kali saya akan buatkan. Kalau sobat gak percaya widget share ini super keren, sobat bisa ikuti tutorial nya.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">1. Login Blogger</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">3. Tambahkan gadget/add gadget</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/JavaScript</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">5. Copy kode dibawah ini lalu paste dan letakkan kode nya pada kolom HTML/JavaScript</span></div>
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<div class='shr_ss shr_publisher'></div><p style="display:none;">Add Shareaholic Sassy Bookmarks To Blogger by <a href="http://www.fahmifanirius.ga/">Fahmi Fanirius Blogger Widgets</a></p>

<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};</script><script type="text/javascript">(function() {var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);})();
</script>

</span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan</span></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger</strike></span></a></b></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><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%"><div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Memasang Widget Share A Holic Sassy Untuk Blogger</span></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;">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 memasang widget share a holic sassy untuk blogger merupakan widget berbagi yang didesain sekeren mungkin.</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">83%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 497 votes</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br />
</span></div>
</div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
</div>

Tutorial Blogger Widget Cara Memasang Widget Share A Holic Sassy Untuk Blogger

Cara Memasang Widget Share A Holic Sassy Untuk Blogger - Kemaren hari friday, sekarang freeday bagi kita semua. Sebelumnya, selamat hari ...

Klikoffice.co.id Belanja Online Peralatan dan Perlengkapan Kantor

9:56 PM Unknown 4

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Klikoffice.co.id Belanja Online Peralatan dan Perlengkapan Kantor</b> - Selamat siang sobat semua nya... Selamat hari friday, bukan freeday. :v Maaf, untuk saat ini saya tidak posting artikel mengenai tutorial blogger, saya akan memberikan informasi kepada sobat tentang <a href="https://www.klikoffice.co.id/"><b>belanja online</b></a> peralatan dan <a href="https://www.klikoffice.co.id/"><b>perlengkapan kantor</b></a> terpercaya yaitu klikoffice.co.id</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/AVvXsEh9jb49BUhWPPpnK54dZRm9EQRNg0uwWciuQ4l02rSa8x_lgMZAGO94pmprtnW2nPHDjYdytJJuSFCXOcyOHZUw9pNoev501fe7vf9r7FmHshkY0WlNtqkmh39gHWRlF-j_aH9hYpa91Dcg/s1600/logo-274x55.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Klikoffice.co.id Belanja Online Peralatan dan Perlengkapan Kantor" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9jb49BUhWPPpnK54dZRm9EQRNg0uwWciuQ4l02rSa8x_lgMZAGO94pmprtnW2nPHDjYdytJJuSFCXOcyOHZUw9pNoev501fe7vf9r7FmHshkY0WlNtqkmh39gHWRlF-j_aH9hYpa91Dcg/s1600/logo-274x55.png" title="Klikoffice.co.id Belanja Online Peralatan dan Perlengkapan Kantor" width="400" /></a></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;"></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"> <b> Klikoffice.co.id</b> adalah sebuah situs belanja online yang sangat terpecaya dan tempat penyedia perlengkapan dan <a href="https://www.klikoffice.co.id/"><b>peralatan kantor</b></a> lengkap yang berlokasi di Indonesia. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<b> Klikoffice.co.id</b> merupakan sebuah situs yang bergerak dalam bidang perdagangan peralatan dan kebutuhan alat-alat kantor lengkap secara online. <b><a href="https://www.klikoffice.co.id/">Klikoffice.co.id </a></b>bernaung dibawah perusahaan PT. Kogara Prima Media <span style="background-color: white;">selaku distributor resmi beberapa merek ternama. Perusahaan tersebut khusus nya klikoffice.co.id menjual produk berkualitas dan bergaransi resmi.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;"><br />
</span><span style="background-color: white;">Produk yang di <b><a href="https://www.klikoffice.co.id/">jual perlengkapan kantor</a></b> tersebut seperti: </span><span style="background-color: white;">Alat Pemotong Kertas, Mesin Jilid, Penghancur Kertas, Mesin Hitung Uang, Mesin Laminating, Mesin Absensi, Mesin Fax, Mesin Fotocopy, Mesin Kasir, Printer, Printer Label, Alat Detektor Uang, Proyektor, Brankas, Filing Cabinet, serta aksesoris tambahan dari merek terkenal dan berkualitas lainnya.</span></span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="background-color: white;">Klikoffice.co.id men <b><a href="https://www.klikoffice.co.id/">jual peralatan kantor </a></b>yang sangat lengkap dan terpercaya. Jadi, sobat tidak perlu lagi meragukan produk peralatan dan perlengkapan kantor yang dijual oleh klikoffice.co.id karena produk tersebut menjual produk berkualitas dan bergaransi resmi.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;"><br />
</span> <span style="background-color: white;">Untuk sobat yang mungkin butuh produk peralatan dan perlengkapan kantor, bisa belanja online di situs Klikoffice.co.id karena situs Klikoffice.co.id mempunyai banyak kelebihan yang memungkinkan sobat tertarik saat selesai membaca artikel yang saya buat ini.</span></span><br />
<h3 style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; font-size: small;">Kelebihan Klikoffice.co.id</span></span></h3>
<ol>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b style="text-align: left;">Produk Peralatan dan Perlengkapan Kantor yang Lengkap</b><br />
<span style="text-align: left;">Sobat tak perlu khawatir lagi untuk mencari peralatan dan perlengkapan kantor, karena klikoffice.co.id menyediakan lebih dari 5.000 jenis produk pilihan dari 11 kategori yang tersusun sistematis. Mulai dari kategori mesin hitung uang, mesin kasir, mesin jilid, mesin laminating, meja, kursi, brankas, brankas, proyektor, serta aksesoris tambahan lainnya.</span></span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b style="text-align: left;">Kemudahan Pembayaran dengan Cicilan 0%</b><br />
Untuk kenyamanan dalam berbelanja, Klikoffice.co.id menghadirkan fasilitas Cicilan 0% untuk semua produk dengan tenor cicilan hingga 12 bulan.</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Gratis Pengiriman Seluruh Indonesia</b><br />
<span style="text-align: left;">Klikoffice.co.id memberikan layanan pengiriman gratis di seluruh Indonesia. Jadi sobat tak perlu khawatir untuk biaya pengiriman karena Klikoffice.co.id bebas ongkos kirim. (Syarat dan ketentuan berlaku)</span></span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Pesanan yang mudah</b><br />
<span style="font-family: Arial, Helvetica, sans-serif; text-align: left;">Klikoffice.co.id juga memberi layanan Customer Care yang bersedia membantu sobat dalam berkonsultasi atau bertanya tentang produk perlengkapan dan peralatan kantor yang akan dibeli. </span><span style="text-align: left;">Hubungi Klikoffice.co.id di (021) 97694123</span></span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b style="text-align: left;">Sistem Pembayaran yang Aman, Mudah, dan Terpercaya</b><br />
<span style="text-align: left;">Klikoffice.co.id menyediakan berbagai metode pembayaran yang aman dengan </span>sertifikasi VeriSign dan Credit Card Fraud Detection System.</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Garansi Resmi</b><br />
Setiap produk yang dijual oleh klikoffice.co.id merupakan produk orisinil dan bergaransi resmi yang disertai dengan deskripsi lengkap dan jelas yang dapat membantu sobat untuk memilih secara cerdas dan tepat dalam berbelanja</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Promo</b><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Ada banyak sekali promo menarik yang bisa sobat dapatkan </span><span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Arial, Helvetica, sans-serif;">di Klikoffice.co.id</span></span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Saran</b><br />
Klikoffice.co.id juga selalu siap menerima saran dan masukan dari sobat untuk pengembangan dan pelayanan dari Kikoffice.co.id</span></li>
</ol>
<span style="font-family: Arial, Helvetica, sans-serif;">Bagaimana? Apakah sobat tertarik dan ingin membeli produk peralatan dan perlengkapan kantor di Klikoffice.co.id? Saya sudah menjelaskan kelebihan dan keuntungan membeli produk peralatan dan perlengkapan kantor di Klikoffice.co.id Makanya, penuhi kebutuhan alat kantor sobat di Klikoffice.co.id!</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div>
<h3 style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Informasi www.klikoffice.co.id (PT. Kogara Prima Media)</span></h3>
</div>
<div>
<ul>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Komp. Perkantoran Grogol Permai</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">JL. Prof. Dr. Latumeten Blok C No. 15</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Jam Kerja : Senin - Jumat jam 08.30 - 17.00 WIB</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Telp : 021 - 9769 4123</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Telp : 0857 1476 1470</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Email : info@klikoffice.co.id</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">WhatsApp : 0857 1476 1470</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">PIN BB : 75322885</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">KakaoTalk / LINE ID : KlikOffice</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Email : info@klikoffice.co.id</span></li>
<li style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Website : www.klikoffice.co.id</span></li>
</ul>
</div>
<div style="text-align: justify;">
</div>
</div>

Belanja Online Klikoffice.co.id Peralatan dan Perlengkapan Kantor Klikoffice.co.id Belanja Online Peralatan dan Perlengkapan Kantor

Klikoffice.co.id Belanja Online Peralatan dan Perlengkapan Kantor - Selamat siang sobat semua nya... Selamat hari friday, bukan freeday. :...

Cara Mengganti Navigasi Next Previous Dengan Judul Post

1:13 AM Unknown 7

<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" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Mengganti Navigasi Next Previous Dengan Judul Post</b> - Saya kembali lagi sobat blogger yang baik hatinya. Sekarang, saya akan memberi tutorial blogger pemula lagi. Tutorial tersebut adalah <b><a href="http://www.fahmifanirius.ga/2015/02/cara-mengganti-navigasi-next-previous-dengan-judul-post.html">Cara Mengganti Navigasi Next Previous Page Dengan Judul Post</a></b>. Untuk saat ini, khusus nya tahun 2015, tutorial ini sangat banyak dipakai oleh template blog. Kalau dulu pas awal-awal 2014, saya jarang nemuin template yang beginian. Mungkin, untuk saat ini tutoriali ini terlalu mainstream.</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/AVvXsEgf6V4oChWDWZOPt5HiTgkGA1KC_leYc9MxoDAgZ_H1iuaVupc0zkaFmqLtCivUB6TtDjVCrYz0PgL7Dxq2IVtPGLTN-_W5Ckx4dVnspRE40DRZdS9BMWlns_iOkQBu1yjR1K7p4kWZt2pk/s1600/Screenshot_17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengganti Navigasi Next Previous Dengan Judul Post" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf6V4oChWDWZOPt5HiTgkGA1KC_leYc9MxoDAgZ_H1iuaVupc0zkaFmqLtCivUB6TtDjVCrYz0PgL7Dxq2IVtPGLTN-_W5Ckx4dVnspRE40DRZdS9BMWlns_iOkQBu1yjR1K7p4kWZt2pk/s1600/Screenshot_17.jpg" title="Cara Mengganti Navigasi Next Previous Dengan Judul Post" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Tutorial ini adalah salah satu kecil untuk mendatangkan trafik. Cara kerja nya seperti <b>related post atau artikel terkait</b> yang mungkin sudah terpasang di blog soba setelah sobat membaca <b><a href="http://www.fahmifanirius.ga/2015/01/cara-membuat-related-post-artikel.html">Cara Membuat Related Post / Artikel Terkait Di Blog</a></b>. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Seperti yang dikatakan pada tutorial <b>cara membuat related post</b> adalah ketika pengunjung sobat tuntas membaca artikel atau postingan sobat yang sangat unik dan menarik untuk dibaca, maka mau tidak mau pengunjung akan melirik postingan sebelumnya, postingan setelahnya, dan juga <b>related post</b>. Jika post sebelumnya, post setelahnya, atau related post memiliki judul yang sangat menarik dan membuat pengunjung penasaran untuk dibaca, maka otomatis page atau laman lain akan mendapat pageview.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Bayangkan jika semua post blog sobat mempunyai judul menarik dan membuat penasaran untuk dibaca, maka semua artikel atau post di blog sobat akan mendapat pageview dan akan meningkatkan kualitas artikel blog sobat.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCHtWawE8qHcmOdyr7XVQsZ3tOp3_wwLh1bqfzSc9xAmMzHqGmLZlJqEL-JlprKCQ97J6nlnWg0VDRyGSxyc7OMtUpSRm8ElM9qu6dRpgF7WoApynqHA1qtqk3f7G10Fw4S-Lb0Ad4yz8a/s1600/Screenshot_25.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengganti Navigasi Next Previous Dengan Judul Post" border="0" height="33" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCHtWawE8qHcmOdyr7XVQsZ3tOp3_wwLh1bqfzSc9xAmMzHqGmLZlJqEL-JlprKCQ97J6nlnWg0VDRyGSxyc7OMtUpSRm8ElM9qu6dRpgF7WoApynqHA1qtqk3f7G10Fw4S-Lb0Ad4yz8a/s1600/Screenshot_25.jpg" title="Cara Mengganti Navigasi Next Previous Dengan Judul Post" width="320" /></a></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">
Dan disini, saya akan jelaskan <b>cara mengubah navigasi next previous dengan judul post</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"> 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><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;"><div class='blog-pager' id='blog-pager'></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. Kode lengkapnya seperti berikut ini:</span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
    <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div></span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Setelah ketemu kode diatas, GANTI kode diatas menjadi kode berikut ini:</span></div>
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><div class='blog-pager' id='blog-pager'>                                                   
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:alt='data:newerPageTitle' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'/>
</div>
</b:if> 
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img alt='arrow' src='http://i1335.photobucket.com/albums/w677/yoyosuharyo/arrow_zps37c931f2.png'/>
</a>
</b:if>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:alt='data:olderPageTitle' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'/>
</div>
</b:if>
  </div></span></code></pre>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: jika kode <div class='blog-pager' id='blog-pager'> lebih dari satu, maka sobat pilih kode setelah</span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: cyan;"><b:includable id='nextprev'></span></span></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">untuk lebih jelasnya, lihat gambar berikut ini:</span><br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB_Mc0wXtOj7l8hjjrdKS5fr0ZQ0W2mzuY0CC5Eh8lgaTIWiW0xRhyphenhyphenEyBhvaQw8EEPbsVfYhJuodIslbUX96wEaxoVoSTn_Mz05ocYhiuV4zp7LnRXLvcNGxOWMxctNn-zq_xO7Vhyphenhyphenl8ZA/s1600/Screenshot_24.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Mengganti Navigasi Next Previous Dengan Judul Post" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB_Mc0wXtOj7l8hjjrdKS5fr0ZQ0W2mzuY0CC5Eh8lgaTIWiW0xRhyphenhyphenEyBhvaQw8EEPbsVfYhJuodIslbUX96wEaxoVoSTn_Mz05ocYhiuV4zp7LnRXLvcNGxOWMxctNn-zq_xO7Vhyphenhyphenl8ZA/s1600/Screenshot_24.jpg" title="Cara Mengganti Navigasi Next Previous Dengan Judul Post" /></span></a><br />
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">7.  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;">8. Copy kode dibawah ini tepat DIATAS kode <span style="background-color: #0b5394; color: cyan;"></body></span></span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function getTitlesForNav(e){for(var t=0;t<e.feed.entry.length;t++){var n=e.feed.entry[t];var r="";for(var i=0;i<n.link.length;i++){if(n.link[i].rel=="alternate"){r=n.link[i].href;break}}if(r!="")urlToNavTitle[r]=n.title.$t}}function urlToPseudoTitle(e){var t=e.match(/\/([^\/_]+)(_.*)?\.html/);if(t){t=t[1].replace(/-/g," ");t=t[0].toUpperCase()+t.slice(1);if(t.length>28)t=t.replace(/ [^ ]+$/,"...")}return t}var urlToNavTitle={};document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+"script>");$(window).load(function(){window.setTimeout(function(){var e=$("a.blog-pager-newer-link").attr("href");if(e){e=e.replace(/\.blogspot\.[^/]+\//,".blogspot.com/");var t=urlToNavTitle[e];if(!t)t=urlToPseudoTitle(e);if(t)$("a.blog-pager-newer-link").html(t)}e=$("a.blog-pager-older-link").attr("href");if(e){e=e.replace(/\.blogspot\.[^/]+\//,".blogspot.com/");var t=urlToNavTitle[e];if(!t)t=urlToPseudoTitle(e);if(t)$("a.blog-pager-older-link").html(t)}},500)})
//]]>
</script></b:if></span></code></pre>
</div>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">9. Simpan</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: saran saya, sebelum sobat mengikuti tutorial ini, sobat harus ikuti terlebih dahulu tutorial <b><a href="http://www.fahmifanirius.ga/2015/01/cara-membuat-navigasi-next-page-number.html">Cara Membuat Navigasi Next Page Number Di Blog</a></b> agar hasil nya tidak muncul di homepage.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger</strike></span></a></b></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><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%"><div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Mengganti Navigasi Next Previous Dengan Judul Post</span></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;">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 mengganti navigasi next previous dengan judul post yang dapat meningkatkan pageview Anda dengan cara pengunjung melihat judul sebelum atau sesudah dari artikel tersebut.</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 2497 votes</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br />
</span></div>
</div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
</div>

Tutorial Blogger Cara Mengganti Navigasi Next Previous Dengan Judul Post

Cara Mengganti Navigasi Next Previous Dengan Judul Post - Saya kembali lagi sobat blogger yang baik hatinya. Sekarang, saya akan member...

Cara Menghilangkan Kotak Komentar Bawaan Di Blog

2:24 AM Unknown 5

<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 Menghilangkan Kotak Komentar Bawaan Di Blog </b>- Selamat pagi sobat saya yang baik hati... Sekarang, saya akan tulis tutorial blogger lagi sebagai bahan koleksi dan share kepada sobat semua. Disini saya akan beri tutorial blogger pemula yang kemungkinan tidak begitu amat penting dan jarang hampir tidak dilakukan oleh pembuat blog. Tutorial blogger tersebut adalah <b><a href="http://www.fahmifanirius.ga/2015/02/cara-menghilangkan-kotak-komentar-bawaan-di-blog.html">Cara Menghapus Kotak Komentar Bawaan Di Blog</a></b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqetNqwlHkycqs-oSaXmAi_WA1OXdQ5kMg6mdH-7AzUF-6couLEax9bwWS3HYuKDGpyoHbaRSRYsHczRcD_ADEBzkll63s4rc1O7MF0UVvLnkM67aFb4QFu8UspSQsN5RGbVMfyCYoSmT/s1600/Screenshot_23.jpg" imageanchor="1" style="font-family: Arial, Helvetica, sans-serif; font-size: small; margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqetNqwlHkycqs-oSaXmAi_WA1OXdQ5kMg6mdH-7AzUF-6couLEax9bwWS3HYuKDGpyoHbaRSRYsHczRcD_ADEBzkll63s4rc1O7MF0UVvLnkM67aFb4QFu8UspSQsN5RGbVMfyCYoSmT/s1600/Screenshot_23.jpg" width="200" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Tutorial ini tidak begitu amat penting, seperti yang sudah saya katakan diatas. Karena, jika sobat mengikuti tutorial ini dan ingin menghapus kotak komentar bawaan blogspot, maka akan mengurangi tingkat SEO blog sobat. Tapi, tutorial ini sangat cocok untuk blog pribadi yang digunakan untuk menuliskan pengalaman cerita atau curahan hati dan blog tersebut tidak ingin mendapatkan komentar.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Meskipun tutorial ini tidak begitu amat penting, ada juga sebuah blog yang saya pernah kunjungi begitu banyak sekali para komentator dari pengunjung blog tersebut yang ingin mencari backlink, mempromosikan blog, atau mempromosikan sebuah produk, dan tidak ada <b>kotak komentar</b>nya. Mungkin, si pembuat blog sudah sangat malas untuk melihat dan menerima spam komentar di blog nya tersebut.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Jadi, tutorial ini selain cocok untuk blog yang isi nya curahan hati alias curhat dan ingin tidak di komentari oleh siapapun dan juga blog yang ramai dengan spam komentator dalam jumlah banyak dan tidak mungkin untuk menghapus dan memilah-milah satu per satu <b>spam komentar</b>, sebaiknya sobat bisa mencegah itu semua dengan tutorial ini, <b>cara menghilangkan kolom komentar di blog</b>.</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</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 dan hapus kode seperti yang dibawah ini</span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p></span></code></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></div>
<span style="font-family: Arial, Helvetica, sans-serif;">5. Setelah kode diatas dihapus, lalu pilih simpan.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger</strike></span></a></b></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><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%"><div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Menghilangkan Kotak Komentar Bawaan Di Blog</span></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;">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 menghapus dan menghilangkan kotak komentar bawaan blogspot yang kemungkinan dapat membantu Anda untuk mencegah blog Anda agar tidak dapat dikomentari.</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">81%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 997 votes</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
</div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
</div>

Hilangkan Komentar Tutorial Blogger Cara Menghilangkan Kotak Komentar Bawaan Di Blog

Cara Menghilangkan Kotak Komentar Bawaan Di Blog - Selamat pagi sobat saya yang baik hati... Sekarang, saya akan tulis tutorial blogger la...

Cara Menghapus Dan Menghilangkan Navbar Blog

6:46 PM Unknown 11

Hilangkan Tutorial Blogger Cara Menghapus Dan Menghilangkan Navbar Blog

Cara Menghapus Dan Menghilangkan Navbar Blog - Selamat hari sabtu sobat saya yang baik hati. Kebetulan hari ini saturday dan freeday. ...

Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments

3:59 AM Unknown 14

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments</b> - Tutorial blogger lagi. Tutorial kali ini terlihat beda dengan tutorial yang lain. Yang membedakan hanya terletak pada judul. Judul tutorial yang satu cukup panjang seperti kereta api. -_- tutorial tersebut adalah <b><a href="http://www.fahmifanirius.ga/2015/02/cara-membuat-show-hide-emoticon-dan-konversi-kode-di-form-threded-comments-blog.html">Cara Memasang Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments</a></b>. Sebenarnya judul itu harus pendek. Misal: <b>cara membuat show hide emoticon pada komentar blog</b>, <b>membuat show hide emoticon dan konversi kode pada komentar blog</b>. Ternyata sama aja panjang nya. :3</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/AVvXsEi2dpNHIBC3dhcvzO6rOksstIA2NucMruDyM8K21pwMMHf-bsjP3Oz4AyyoDWSZsHRIsAPzqZePRIvisn-mhxRr_TBdnj6xdU-nvRIKIAqitGko6w3NS5HAX389N3r715iNT1OT7u_fyY5S/s1600/Screenshot_16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments" border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dpNHIBC3dhcvzO6rOksstIA2NucMruDyM8K21pwMMHf-bsjP3Oz4AyyoDWSZsHRIsAPzqZePRIvisn-mhxRr_TBdnj6xdU-nvRIKIAqitGko6w3NS5HAX389N3r715iNT1OT7u_fyY5S/s1600/Screenshot_16.jpg" title="Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments" width="200" /></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;"> Saya tertarik untuk membahas tutorial yang satu ini karena beberapa alasan, ada yang request, gak ada ide buat tutorial blogger lagi, entah apalagi. :v yang pasti, tutorial yang satu ini saya buat khusus untuk sobat yang membaca dan spesial untuk sobat setia saya yang request tutorial ini.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc2axMTFSPgutVxbPO7oBxhslozkiFa2T8h3UGVxID5mMK1VK6NaBO7-KKt-4hyfzhhnfgD0yi-Rfu6B58LD06LzJE5KT3YJKawO11BGB0i3m10zOOHxJ9QlHNKQ786OrAOtvdi5Kp2apc/s1600/Screenshot_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments" border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc2axMTFSPgutVxbPO7oBxhslozkiFa2T8h3UGVxID5mMK1VK6NaBO7-KKt-4hyfzhhnfgD0yi-Rfu6B58LD06LzJE5KT3YJKawO11BGB0i3m10zOOHxJ9QlHNKQ786OrAOtvdi5Kp2apc/s1600/Screenshot_7.jpg" title="Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments" width="400" /></a></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">
Emoticon, sering digunakan oleh para web designer dan bisanya diletakkan <b>diatas threded form comments</b> (kotak komentar). Tujuan utama web designer dan juga pembuat template sehingga banyak sekali para blogger atau pembuat blog yang menggunakan template terdapat emoticon untuk <b>form threaded</b> tersebut adalah agar tulisan komentar dari para pengunjung sobat terlihat lebih hidup meskipun hanya sebuah gambar. Jika tidak ada gambar komentar, mata juga tidak nyaman untuk memandang nya.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Apalagi mungkin si pengomentar blog sobat ingin memberi senyuman kepada sobat karena rasa terima kasih telah membuat artikel yang unik dan menarik, dengan cara apalagi selain dengan gambar emoticon. Facebook, twitter, whatsapp, bbm, line saja banyak sekali gambar dan animasi emticon nya.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Untuk <b>tombol konversi kode</b> yang biasanya terpasang di blog orang lain, itu mempunyai fungsi tersendiri.  Fungsi nya sama dengan <b>parse HTML</b>. Karena konversi bisa disebut juga dengan parse atau convert (dalam bahasa Inggris). Untuk lebih detail tentang <b>konversi kode HTML</b>, sobat bisa baca di <b><a href="http://www.fahmifanirius.ga/p/parse-html.html">Parse HTML</a></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Sebelum pergi ke penjelasan, disini saya akan beri 2 cara berbeda untuk tutorial ini. <b>Cara memasang show hide emoticon pada komentar blog</b> dan <b>cara memasang show hide emoticon dan konversi kode pada komentar blog</b>.</span><br />
<h2 style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Cara Membuat Show Hide Emoticon Dan Tombol Konversi Kode Pada Komentar Blog</span></h2>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"> 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:includable id='threaded-comment-form' var='post'></span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;"> </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, GANTI kode  <span style="color: cyan;"><b:includable id='threaded-comment-form' var='post'></span><span style="color: cyan;">  </span>dan juga kode </b:includable> Untuk lebih jelasnya, lihat gambar dibawah ini.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-HyLNe0-WAdeObBglPMSgLbBAHBoYdsH7ZXWpoI0sZihFmBsyoadgj5D-neZkjXOBPCHwWKgoSoXCfbgp1KP5b79adz3w9n7ZaiwClI09mMseTYFOax92ySh58j4bDgggMnlHIHUagjZ/s1600/Screenshot_10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-HyLNe0-WAdeObBglPMSgLbBAHBoYdsH7ZXWpoI0sZihFmBsyoadgj5D-neZkjXOBPCHwWKgoSoXCfbgp1KP5b79adz3w9n7ZaiwClI09mMseTYFOax92ySh58j4bDgggMnlHIHUagjZ/s1600/Screenshot_10.jpg" title="Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: kode yang didalam kotak warna merah hapus semua. Kemudian GANTI dengan kode dibawah ini</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;"><b:includable id='threaded-comment-form' var='post'> 
<div class='comment-form'> 
<b:if cond='data:mobile'> 
<p><data:blogCommentMessage/> <br/><br/>
<span class='konversi pencet'>Konversi Kode</span><span class='tutup pencet' style='display:none'>Tutup Konverter</span><span class='show_emo pencet'>Emoticon</span></p> 
<script type='text/javascript'> 
$(document).ready(function() { 
$(&#39;.konversi&#39;).click(function() { 
$(&#39;.my-konversi&#39;).show(); 
$(&#39;.tutup&#39;).show(); 
$(&#39;.konversi&#39;).hide(); }); 
$(&#39;.tutup&#39;).click(function() { 
$(&#39;.my-konversi&#39;).hide();
$(&#39;.tutup&#39;).hide(); 
$(&#39;.konversi&#39;).show(); }); 
$(&#39;.show_emo&#39;).click(function() { 
$(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;);
 }); }); 
</script> 
<div class='my-konversi'><br/> 
<script src='http://yourjavascript.com/84141947611/konversi-kode.js' type='text/javascript'/>
</div> 
<div class='comment_emo_list'/> 
<data:blogTeamBlogMessage/> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/> 
</b:if> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/> 
</b:if> 
<iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor'/> 
<b:else/> 
<p><data:blogCommentMessage/> <br/><br/>
<span class='konversi pencet'>Konversi Kode</span><span class='tutup pencet' style='display:none'>Tutup Konverter!</span><span class='show_emo pencet'>Emoticon</span></p>
<script type='text/javascript'> 
$(document).ready(function() { 
$(&#39;.konversi&#39;).click(function() { 
$(&#39;.my-konversi&#39;).show(); 
$(&#39;.tutup&#39;).show(); 
$(&#39;.konversi&#39;).hide(); 
}); 
$(&#39;.tutup&#39;).click(function() { 
$(&#39;.my-konversi&#39;).hide(); 
$(&#39;.tutup&#39;).hide(); 
$(&#39;.konversi&#39;).show(); 
}); 
$(&#39;.show_emo&#39;).click(function() { 
$(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;); 
}); }); 
</script> 
<div class='my-konversi'><br/> 
<script src='http://yourjavascript.com/84141947611/konversi-kode.js' type='text/javascript'/></div> 
<div class='comment_emo_list'/> 
<data:blogTeamBlogMessage/> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/> 
</b:if> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/> 
</b:if> 
<iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor'/> 
</b:if> 
<data:post.friendConnectJs/> 
<data:post.cmtfpIframe/> 
<script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> 
</div> 
</b:includable>
</span></code></pre>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Cari lagi kode</span><br />
<pre><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;">]]></b:skin> </span></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">7.  Setelah ketemu, copast kode dibawah ini. Letakkan kode dibawah ini tepat DIATAS kode </span><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;">]]></b:skin> </span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"> #comments .pencet {  
color : #fff;  
margin-right : 10px;  
padding : 4px 15px;  
background-color : #e74c3c;  
font-size : 12px;  
font-weight : 400;  
text-transform : none;  
border-radius : 4px;  
text-decoration : none;  
outline : none;  
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px #333;  
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);  
transition : background-color 1s 0s ease-out;  cursor : pointer;  }  
#comments .pencet a {  color : #fff !important ;  }  
.my-konversi {  
display : none;  
background : none;  
width : 100%;  
height: 265px;  
margin-bottom : 5px;  }</span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">8. Simpan</span><br />
<h2>
<span style="font-family: Arial, Helvetica, sans-serif;">Cara Membuat Show Hide Emoticon Pada Komentar Blog</span></h2>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Sebelum sobat menerapkan tutorial ini, sobat harus menerapkan tutorial yang saya berikan sebelum nya. Yaitu <b><a href="http://www.fahmifanirius.ga/2014/12/cara-pasang-emoticon-pada-komentar-di.html">Cara Pasang Emoticon Pada Komentar Blog</a></b>. Tujuan dari sobat harus membaca dulu tutorial tersebut, karena tutorial ini sangat berkaitan dengan tutorial tersebut. Jika sobat sudah menerapkannya, dan emoticon sudah terpasang, maka sobat baca tutorial ini.</span></div>
<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><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;">.comment_emo_list {
display: none;
}</span></pre>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">5. Cari dan hapus kode dibawah ini</span><br />
<pre><span style="line-height: 18.8999996185303px; text-align: justify; white-space: normal;"><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;"><div class='comment_emo_list'/></span></span></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">6.  Cari dan hapus kode diatas pada bagian comment_form seperti dibawah ini</span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><div class='comment_form'>
 <b:if cond='data:post.embedCommentForm'>
  <b:if cond='data:post.allowNewComments'>
   <div class='comment_emo_list'/>
   <b:include data='post' name='threaded-comment-form'/>
  <b:else/>
   <data:post.noNewCommentsText/>
  </b:if>
 <b:else/>
  <b:if cond='data:post.allowComments'>
   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
  </b:if>
 </b:if>
</div>
</span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">7. Cari lagi kode</span><br />
<pre><span style="line-height: 18.8999996185303px; text-align: justify;"><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;"><b:includable id='comment-form' var='post'></span></span></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">8. Setelah ketemu kode diatas, kemudian klik titik titik disebelah kode tersebut. Untuk lebih jelasnya, lihat gambar dibawah ini</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4eYtwo9p3UkWUm5sjLNSLfqw_q-YDOq1GUyVFMSIRh_3G-Ekgg0swKR2mPlECjfvtT8qwSzwlIg7Km-qHYCYCgVYtG__ywJ3lP_TX-7iC_1SPyUw-2zznI0ua5BSZjzTcIsptDADH8w_5/s1600/Screenshot_17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4eYtwo9p3UkWUm5sjLNSLfqw_q-YDOq1GUyVFMSIRh_3G-Ekgg0swKR2mPlECjfvtT8qwSzwlIg7Km-qHYCYCgVYtG__ywJ3lP_TX-7iC_1SPyUw-2zznI0ua5BSZjzTcIsptDADH8w_5/s1600/Screenshot_17.jpg" title="Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;">9. Kemudian scroll ke bawah sedikit dan temukan kode</span><br />
<pre><span style="line-height: 18.8999996185303px; text-align: justify;"><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;"><data:blogTeamBlogMessage/></span></span></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">Cari yang paling bawah kemudian paste kode dibawah ini tepat DIATAS kode <span style="background-color: #0b5394; line-height: 18.8999996185303px; text-align: justify;"><span style="color: cyan;"><data:blogTeamBlogMessage/></span></span> </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: Ingat! Scroll kebawah sedikit, lalu cari yang paling bawah.</span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><div style='margin-bottom: 5px;'>
<input onclick='if(this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display != &apos;&apos;){this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display=&apos;&apos;;this.innerText=&apos;&apos;;this.value=&apos;Hide Emoticon&apos;;}else{this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display=&apos;none&apos;;this.innerText=&apos;&apos;;this.value=&apos;Show Emoticon&apos;;}' style='background-color: #21afa4; border: none; border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 0 1px 2px #222; color: #fff; cursor: pointer; display: block; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 12px; padding: 3px 10px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); width: 100%;' type='button' value='Show Emoticon'/>
<div class='alt1'>
<div style='display: none;'>
<br/>
<div style='text-align: center;'>
 <div class='comment_emo_list'/>
</div>
</div>
</div>
</div></span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">10. Simpan</span><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger</strike></span></a></b></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><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 Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments</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 show hide emoticon dan tombol konversi kode di form threaded comments yang dapat memudahkan pengunjung Anda berekspresi.</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">95%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2759 votes</span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
</div>
</div>

Komentar Tutorial Blogger Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments

Cara Membuat Show Hide Emoticon Dan Konversi Kode Di Form Threaded Comments - Tutorial blogger lagi. Tutorial kali ini terlihat beda denga...

Cara Membuat Energy Saving Mode Keren Di Blog

2:25 AM Unknown 16

<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" 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 Energy Saving Mode Keren Di Blog</b> - Udah beberapa hari ini saya tidak posting tutorial blogger pemula. Dan di sore yang hujan cukup deras untuk wilayah Surabaya ini, saya akan post tutorial lagi yang kemungkinan besar jarang dipakai oleh para blogger atau pembangun blog. Tutorial yang saya maksudkan adalah <b><a href="http://www.fahmifanirius.ga/2015/02/cara-membuat-energy-saving-mode-keren-di-blog.html" rel="dofollow" title="Cara Membuat Energy Saving Mode Di Blog">Cara Membuat Energy Saving Mode Di Blog</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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggw-sgxh4DimvlLyUIKwHL26pmVb2daEtQzC8EbbjMx4A15Rhd1lj5vwfsDqo3KLD6qbZSRZvZ2vgyb3eK3MFmCqPYf_Thls-SMrvrED5oNuTi-VRNSqcTUx44A4gsEOY9E8AI9VlNnjsX/s1600/Screenshot_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Energy Saving Mode Keren Di Blog" border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggw-sgxh4DimvlLyUIKwHL26pmVb2daEtQzC8EbbjMx4A15Rhd1lj5vwfsDqo3KLD6qbZSRZvZ2vgyb3eK3MFmCqPYf_Thls-SMrvrED5oNuTi-VRNSqcTUx44A4gsEOY9E8AI9VlNnjsX/s1600/Screenshot_4.jpg" title="Cara Membuat Energy Saving Mode Keren Di Blog" width="320" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Pasti, diantara sobat saya yang setia membaca artikel blog sederhana saya tidak mengerti untuk maksud dari tutorial ini. Karena memang jarang dipakai oleh para blogger. Untuk itu, sebelum saya memberi tutorial <b>cara membuat energy saving mode di blog</b>, saya akan jelaskan apa maksud dari tutorial dan kegunaannya.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Energy menurut kamus besar bahasa Inggris dapat diartikan dengan energi, daya, atau kekuatan. Saving artinya menyimpan. Sedangkan mode adalah mode atau cara. Energy=daya, saving=menyimpan, mode=cara. Jadi, arti dari kata <b>Energy saving mode</b> adalah Cara untuk menyimpan daya di blog.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Entah apa maksud lebih detail dari kalimat tersebut. Karena tutorial <b>cara memasang energy saving mode di blog</b> ini hanya lah sebuah tampilan, bukan berarti benar-benar blog nya menyimpan daya atau kekuatan.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Dan <b>tampilan energy saving mode</b> akan muncul, ketika pengunjung sobat pergi atau meninggalkan blog sobat. Misalnya pengunjung sobat membuka tab lain atau membuka window lain, maka tampilan <b>energy saving mode </b>akan muncul.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Untuk lebih jelasnya lagi, sobat bisa mencoba tutorial ini. Dan saya akan beri bebarapa <b>cara memasang energy saving mode di blog</b>. Sobat bisa pilih salah satu diantara pilihan cara yang saya berikan.</span><br />
<h2 style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"> Cara Membuat Energy Saving Mode Dengan Gambar Sendiri</span></h2>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;"> 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;"></head> </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;"></head></span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script language='javascript' src='http://infoikiblog.googlecode.com/files/Energy%20Saving%20Mode%20%5BINFOIKI%5D.txt' type='text/javascript'></script></span></code></pre>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan Template</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Setelah itu masih ada langkah selanjutnya</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">7. Tata letak/layout</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">8. Tambahkan gadget/add gadget</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">9. HTML/JavaScript</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">10. Copy kemudian paste kode dibawah ini pada kolom HTML/JavaScript</span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(URL gambar energy saving mode) no-repeat center center fixed black; }
div#energysaving p span {display:none;visibility:hidden;}
</style></span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">11. Simpan</span><br />
<h2>
<span style="font-family: Arial, Helvetica, sans-serif;">Cara Membuat Energy Saving Mode Dalam Bahasa Indonesia</span></h2>
<span style="font-family: Arial, Helvetica, sans-serif;"> 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;"></head> </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;"></head></span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?lang=id'
type='text/javascript'/>
<script>jQuery.noConflict();</script>
</span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan</span><br />
<h2>
<span style="font-family: Arial, Helvetica, sans-serif;">Cara Membuat Energy Saving Mode Dalam Bahasa Inggris</span></h2>
<span style="font-family: Arial, Helvetica, sans-serif;">Cara Membuat Energy Saving Mode Dalam Bahasa Indonesia</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"> 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;"></head> </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;"></head></span><br />
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?time=30'
type='text/javascript'/>
<script>jQuery.noConflict();</script>
</span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan</span><br />
<h2>
<span style="font-family: Arial, Helvetica, sans-serif;">Cara Membuat Energy Saving Mode Dengan CSS</span></h2>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"> 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>
<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;">body::before,
body::after {
  position:absolute;
  position:fixed;
  content:"";
  background:#000;
  -moz-transition:all 1s ease-in-out;
  -o-transition:all 1s ease-in-out;
  -webkit-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  z-index:99999;
}
body::before {
  border:10px solid #ccc;
  border-left:none;
  top:0;
  left:50%;
  right:0;
  bottom:0;
}
body::after {
  top:0;
  left:0;
  border:10px solid #ccc;
  border-right:none;
  right:50%;
  bottom:0;
}
body:hover::before {
  left:100%;
}
body span.energyatas {
  position:absolute;
  position:fixed;
  right:0;
  left:0;
  top:46.5%;
  border:5px solid #ccc;
  margin:0 0 0 -1px;
  z-index:999999;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  opacity:1;
  -moz-transition:all 3s ease-in;
  -o-transition:all 3s ease-in;
  -webkit-transition:all 3s ease-in;
  transition:all 3s ease-in;
  -moz-box-shadow:0 0 20px 3px #6405C2;
  -webkit-box-shadow:0 0 20px 3px #6405C2;
  box-shadow:0 0 20px 3px #6405C2;
}
body span.energybawah {
  position:absolute;
  position:fixed;
  right:0;
  left:0;
  top:46.5%;
  border:5px solid #ccc;
  margin:0 0 0 0;
  z-index:999999;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  opacity:1;
  -moz-transition:all 3s ease-in;
  -o-transition:all 3s ease-in;
  -webkit-transition:all 3s ease-in;
  transition:all 3s ease-in;
  -moz-box-shadow:0 0 20px 3px #6405C2;
  -webkit-box-shadow:0 0 20px 3px #6405C2;
  box-shadow:0 0 20px 3px #6405C2;
}
body:hover::after {
  right:100%;
}
body:hover::before,
body:hover::after {
  visibility:hidden;
}
body:hover span.energyatas {
  visibility:hidden;
  -moz-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  top:0;
}
body:hover span.energybawah {
  visibility:hidden;
  -moz-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  top:100%;
}
body span.energy {
  width:35%;
  border-bottom:5px solid #ccc;
  border-top:5px solid #ccc;
  padding:10px;
  background:#000;
  border-radius:20px;
  font-size:20px;
  color:#fff;
  text-align:center;
  position:absolute;
  position:fixed;
  left:32%;
  right:45%;
  top:40%;
  bottom:45%;
  margin:0 0 0 0;
  z-index:123455543123445556888;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  opacity:1;
  -moz-transition:all 3s ease-in;
  -o-transition:all 3s ease-in;
  -webkit-transition:all 3s ease-in;
  transition:all 3s ease-in;
  -moz-box-shadow:0 0 20px 3px #6405C2;
  -webkit-box-shadow:0 0 20px 3px #6405C2;
  box-shadow:0 0 20px 3px #6405C2;
}
body:hover span.energy {
  visibility:hidden;
  -moz-transition:all .7s ease-out;
  -o-transition:all .7s ease-out;
  -webkit-transition:all .7s ease-out;
  transition:all .7s ease-out;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  right:0;
  z-index:99999999;
}</span></code></pre>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: sobat bisa mengubah sendiri warna nya sesuai dengan keinginan. Untuk mengetahui kode warna, silahkan klik <b><a href="http://www.fahmifanirius.ga/p/blog-page_8.html">KODE WARNA</a></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">6. 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.  Setelah ketemu, copast kode dibawah ini. Letakkan kode dibawah ini tepat DIBAWAH kode </span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;"><</span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;">body</span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;">></span></div>
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><span class='energyatas'></span>
<span class='energy'><data:blog.title/><br/><span style='font-size:11px;color:#fff'>Gunakan Scroll Mouse/Keyboard Untuk Mengscroll Halaman</span></span>
<span class='energybawah'></span></span></code></pre>
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: kode <data:blog.title/> dapat diubah dengan keinginan sobat. Kode tersebut menunjukkan nama blog sobat. Sobat bisa mengganti dengan nama biasa.</span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger</strike></span></a></b></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><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 Energy Saving Mode 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 energy saving mode di blog dapat memberi tampilan hemat energi blog Anda.</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">87%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 1297 votes</span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
</div>

Animasi Efek Tutorial Blogger Cara Membuat Energy Saving Mode Keren Di Blog

Cara Membuat Energy Saving Mode Keren Di Blog - Udah beberapa hari ini saya tidak posting tutorial blogger pemula. Dan di sore yang hu...