Tutorial Blog Unik: JavaScript

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 Menghilangkan Gambar Tang Obeng Di Blog

9:34 PM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Menghilangkan Gambar Tang Obeng Di Blog</b> - Hari ini hari yang melelahkan. Banyak tugas disekolah. Tapi sobat tak perlu khawatir. Saya akan selalu berbaik hati membagikan <b>tutorial blogger pemula</b> yang mudah digunakan oleh sobat. Kali ini saya akan jelaskan <b>tutorial blogger</b> tentang <b><a href="http://www.fahmifanirius.gq/2014/04/cara-menghilangkan-pengaturan-tang-dan-obeng.html" title="Cara Menghilangkan Icon Quick Edit atau Tang Obeng Di Blog">Cara Menghilangkan Icon Quick Edit atau Tang Obeng 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/AVvXsEiDbMvP5qH0lyH0VXMt_75MFQhs_oI33S_0ATv2idAPhHL8QpvnE6rmAabFyxf457qv19d03EdNbwaCujFa1YnoIPj382SGc4-NgI-UScV4rU2Dbqdl-H6DFEV0Z8nQ6Q9-OZ07KqTkPFdr/s1600/t.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Menghilangkan Gambar Tang Obeng Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbMvP5qH0lyH0VXMt_75MFQhs_oI33S_0ATv2idAPhHL8QpvnE6rmAabFyxf457qv19d03EdNbwaCujFa1YnoIPj382SGc4-NgI-UScV4rU2Dbqdl-H6DFEV0Z8nQ6Q9-OZ07KqTkPFdr/s1600/t.png" title="Cara Menghilangkan Gambar Tang Obeng Di Blog" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Mungkin kebanyakan dari sobat masih bertanya-tanya apa maksud dari tutorial blogger yang akan bahas ini. <b>Icon quick edit atau gambar tang dan obeng</b> ini akan selalu muncul di blog sobat saat sobat memasang widget di panel tata letak atau layout pada blog sobat. Untuk sobat yang masih belum tau maksud dari penjelasan saya yang sudah sangat jelas, sobat bisa lihat gambar berikut:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxEtYDcciqBI7gMwxcT3VRSXme8hqK1_H5MRChpKBefl2DuYE2rsy6_7LgqN9o8JwBDkj6TQniCqQBcWTEyjk0P8vmVWGGKr17UUhWa2XFtYQBg8XqXLahyQYHwnz82OgsGeu8VdIMDdsq/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menghilangkan Gambar Tang Obeng Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxEtYDcciqBI7gMwxcT3VRSXme8hqK1_H5MRChpKBefl2DuYE2rsy6_7LgqN9o8JwBDkj6TQniCqQBcWTEyjk0P8vmVWGGKr17UUhWa2XFtYQBg8XqXLahyQYHwnz82OgsGeu8VdIMDdsq/s1600/images.jpg" title="Cara Menghilangkan Gambar Tang Obeng Di Blog" /></a></span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<br />
Tujuan google memberi <b>icon quick edit di blog</b> ini agar memudahkan pemilik blog untuk melakukan editing widget saat pemilik blog melakukan review atau melihat blog nya sendiri secara langsung. Dari nama nya kita sudah tau, quick edit. Qucik=cepat edit=ubah. Jadi, pemilik blog dapat mengubah dengan cepat widget yang telah dipasang oleh nya.<br />
<br />
Tapi ingat, siapapun bisa melihat <b>gambar tang dan obeng di blog</b> termasuk pengunjung sobat sendiri dapat melihat gambar tersebut. Namun, ketika pengunjung sobat klik <b>icon quick edit</b> tersebut harus login terlebih dahulu. Jadi aman, meskipun pengunjung sobat klik <b>icon quick edit</b> tersebut tidak akan bisa mengubah widget yang sudah dipasang oleh sobat selama pengunjung tersebut tidak bisa login sebagai pemilik blog.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Namun banyak dari kalangan pemilik blog merasa risih atau tidak nyaman saat melihat <b>icon quick edit atau gambar tang dan obeng di blog</b> nya. Entah kenapa saya juga tidak tau. Saya sendiri risih melihat nya. Maka dari itu saya membuat <b>tutorial blogspot</b> tentang <b>cara menghapus icon quick edit atau gambar tang dan obeng di blog</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Sebelum kita ke pembahasan, disini saya akan beri tau bahwa disini saya mempunyai 2 <b>cara untuk menghilangkan tang dan obeng di blog</b>. Cara pertama yaitu cara otomatis, setiap sobat memasukkan widget terbaru, maka widget tersebut sudah tidak ada <b>icon quick edit</b> nya. Untuk cara kedua yaitu cara manual. Jadi, sobat harus satu persatu mengatur quick edit nya sesuai berapa widget yang dipasang sobat.</span><br />
<h2 style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Cara 1. Cara Otomatis</b></span></h2><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. Template</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Edit HTML</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">4. Cari kode</span></div><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 />
<div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Copy kode dibawah ini kemudian paste dan letakkan kode tepat DIATAS kode </span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;">]]></b:skin></span></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;">.quickedit{          
display:none;           
}
</span></code></pre><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan</span></div><h2 style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Cara 2. Cara Manual</b></span></h2><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;">1. Login Blogger</span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Template</span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Edit HTML</span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, Helvetica, sans-serif;">4. Cari kode</span></div><pre><span style="color: cyan;"><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><b:include name='quickedit'/></span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"> </span></span></pre><div class="separator" style="clear: both; text-align: left;"><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><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. </span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;">Setelah ketemu kode </span><span style="background-color: #0b5394; font-family: Arial, Helvetica, sans-serif; text-align: center;"><span style="color: cyan;"><b:include name='quickedit'/></span></span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"> GANTI kode tadi dengan kode tersebut dengan kode dibawah ini:</span></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"></span></code></pre><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><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><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 Menghilangkan Gambar Tang Obeng 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 menghilangkan icon quick edit atau gambar tang dan obeng yang mungkin membuat Anda tidak nyaman untuk dilihat dengan adanya icon quick edit.</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">91%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 2541 votes</span></div></div></td></tr>
</tbody></table></div></div></div>

CSS Hilangkan JavaScript Tutorial Blogger Cara Menghilangkan Gambar Tang Obeng Di Blog

Cara Menghilangkan Gambar Tang Obeng Di Blog - Hari ini hari yang melelahkan. Banyak tugas disekolah. Tapi sobat tak perlu khawatir. Saya a...

Cara Membuat DropDown Menu Warna Warni Keren Di Blog

5:09 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Cara Membuat DropDown Menu Warna Warni Keren Di Blog</b> - Tutorial kali ini keren banget. Beruntung! Sobat bisa membaca tutorial kali ini. <b>Menu</b><b> dr</b><b>opd</b><b>own warna war</b><b>ni </b><b>pada blog</b> ini dibuat sekeren mungkin.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> <span style="font-size: small;">Buat sobat yang belum ngerti <b>apa itu Menu dropdown</b>. <b>Menu dropdown adalah</b> tempat alternatif link yang sudah dikategorikan kebawah. Menu dropdown ini akan keluar jika kita mengkategorikan kemudian mengkategorikan lagi kategori yang tadi.</span><span style="font-size: small;"> </span></span></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div class="separator" style="clear: both; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Ps57agKzOBY8f89s0xY04fcJv9upA-_S2MNczhqhWWhda0lVIeGzwZWmekH_14akYzgN16CjIPuARnLa-SE2qfw4Qiy0ulqxJ3zaAihePAxeoiFA_ls0O3TUI5ukI-zMenuo3Y2-FEjn/s1600/colourful-menu_thumb4.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Ps57agKzOBY8f89s0xY04fcJv9upA-_S2MNczhqhWWhda0lVIeGzwZWmekH_14akYzgN16CjIPuARnLa-SE2qfw4Qiy0ulqxJ3zaAihePAxeoiFA_ls0O3TUI5ukI-zMenuo3Y2-FEjn/s1600/colourful-menu_thumb4.gif" /></a></span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Buat sobat yang benar-benar bingung penjelasan saya diatas, saya akan jelasakan lebih jelas lagi. Coba kita liat animasi diatas, terdapat kategori: BLOGGING, ENTERTAINMENT, dan lain-lain. Nah, didalam kategori BLOGGING di bagi menjadi kategori lagi seperti: SEO, MBT Tools, dan lain-lain. Itu yang disebut menu dropdown.</span></div><div style="text-align: left;"></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Tapi jangan salah,  <a href="http://www.fahmifanirius.gq/2014/04/cara-membuat-dropdown-menu-warna-warni-pada-blog.html" target="_blank" title="Cara Membuat Menu DropDown Keren Di Blog"><b>Cara Membuat Menu DropDown Keren Di Blog</b></a></span> ini dibuat sekeren mungkin. Ini sangat keren. Coba aja, liat blog orang lain yang hanya mempunyai <b>menu dropdown sederhana</b>. Disini <b>menu dropdown</b> nya keren dan responsive.</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">1. Sign in Blogger </span></span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">2. Template </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">3. Edit HTML </span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;">4. Cari kode </span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><span style="color: cyan;"></span></span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><span style="color: cyan;"><head></span></span></pre><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"> (agar mempermudah pencarian, klik kotak edit HTML lalu tekan Ctrl+F serentak pada keyboard) </span></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Setelah ketemu kode </span><span style="background-color: #0b5394; font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;"><head></span></span><span style="font-family: Arial, Helvetica, sans-serif;"> letakkan kode dibawah ini tepat DIBAWAH kode </span><span style="background-color: #0b5394; font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;"><head></span></span><span style="font-family: Arial, Helvetica, sans-serif;"> yang sudah sobat cari</span></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script src='http://mybloggertricks.googlecode.com/files/jquery-pack-colourful.js' type='text/javascript'></script>
<script src='http://mybloggertricks.googlecode.com/files/jcarousel-colourful.js'  type='text/javascript'> </script>
<script src='http://mybloggertricks.googlecode.com/files/mt-colourful.js' type='text/javascript'></script> </span></code></pre><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="white-space: pre-wrap;">6. Selanjutnya cari kode </span><span style="color: cyan;"></span></span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="color: cyan;"><body expr:class='&quot;loading </span></span></pre><span style="font-family: Arial, Helvetica, sans-serif;">7. Setelah ketemu kode </span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;">  </span><span style="background-color: #0b5394; color: cyan;"><body expr:class='&quot;loading</span></span><span style="font-family: Arial, Helvetica, sans-serif;"> letakkan kode dibawah ini tepat DIBAWAH kode </span><span style="background-color: #0b5394; color: cyan; font-family: Arial, Helvetica, sans-serif;"><body expr:class='&quot;loading</span><br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;"><pre><code><span style="font-family: Arial, Helvetica, sans-serif;">
<style type="text/css">
<style>
.MBT-Nav-container {
border: 1px solid #cfcfcf;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXn7j0LcKciACBKWPJAo56KZzupyh8pvZWkAXSBAMqqusKgXXB7Cmphyphenhyphen3Kq2-ugeyf7qCtQkQNzMj6DZbbyMWnPVWkihfSBRg_mDt0d7EIdXKM3HEoXqOxByDfZf0aUUsEWk9nh-1ww7s/s400/menu-bgd.png) bottom left repeat-x;
position: relative;
margin: 0;  padding: 0;border: 1px solid #cfcfcf;
}
ul#nav {
border-left: 1px solid #cfcfcf;
border-right: 0px solid #cfcfcf;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXn7j0LcKciACBKWPJAo56KZzupyh8pvZWkAXSBAMqqusKgXXB7Cmphyphenhyphen3Kq2-ugeyf7qCtQkQNzMj6DZbbyMWnPVWkihfSBRg_mDt0d7EIdXKM3HEoXqOxByDfZf0aUUsEWk9nh-1ww7s/s400/menu-bgd.png) bottom left repeat-x;
    position: relative;
    font-size: 12px; font-family: helvetica, arial, sans-serif;
    list-style: none;  margin: 0 auto;  padding: 0;
    width: 960px;
}
#nav ul {
     margin: 0;
}
:focus {
    outline: 0;
}
*html ul#nav { clear: both; height: 1%; }
ul#nav li a {
    display: block;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 33px;
    padding: 0 13px 0 10px;
    color: #333;
    text-decoration: none;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcDAy9yx0I9WhxYVXm81-MVy_iBJES8CeW7y4Us-WS8agE2bTET2hUfBcRMbnyPFH7upfEkbAptw0IASMkE5TdKXcmU_IiYPJZTt7ZkgfCgtm4xzZ2rzr5Pi2P4W00Nzp-S5GtM1bsGkI/s400/menu-rule.png) right 2px no-repeat;
}
*html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }
*:first-child+html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }
ul#nav li a:hover, ul#nav li a.open { color: #fff; }
ul#nav li#mbt a:hover, ul#nav li#mbt a.open { background: #0f1f37; }
ul#nav li#link-entertainment a:hover, ul#nav li#link-entertainment a.open { background: #b70943; }
ul#nav li#link-news a:hover, ul#nav li#link-news a.open { background: #cf3c02; }
ul#nav li#link-life a:hover, ul#nav li#link-life a.open { background: #724375; }
ul#nav li#link-technology a:hover, ul#nav li#link-technology a.open { background: #02b0cf; }
ul#nav li#link-top10 a:hover, ul#nav li#link-top10 a.open { background: #353533; }
ul#nav li#links-1 a:hover, ul#nav li#links-1 a.open { background: #b70943; }
ul#nav li#links-2 a:hover, ul#nav li#links-2 a.open { background: #289728; }
ul#nav li#links-3 a:hover, ul#nav li#links-3 a.open { background: #666666; }
ul#nav li#links-4 a:hover, ul#nav li#links-4 a.open { background: #b70943; }
ul#nav li#link-home a {
    padding: 0 33px 0 10px;
    text-indent: -9999px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlRRdUT6yl2u4j1WHU2LP5lfo6kiYdnVia9RiyBeJNfisgFs9b1yrI9ZOMEp0uYBJGBhyJqTVrYtc6gK50ddVBmwJNxSv5AqeoKvnqskD5qKMNq2e-YT70iiC4lGRQH2b9dMqRTchLOM/s400/home-icon.png) right 0px no-repeat;
}
*html ul#nav li#link-home a { padding: 0; width: 43px; }
ul#nav li#link-home a:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlRRdUT6yl2u4j1WHU2LP5lfo6kiYdnVia9RiyBeJNfisgFs9b1yrI9ZOMEp0uYBJGBhyJqTVrYtc6gK50ddVBmwJNxSv5AqeoKvnqskD5qKMNq2e-YT70iiC4lGRQH2b9dMqRTchLOM/s400/home-icon.png) right -33px no-repeat; }
/* Sub-Vertical Navigation */
ul.sub-nav {
    position: absolute;
    top: 33px;
    left: -1px;
    overflow: hidden;
    width: 960px;
    display: none;
    z-index: 999;
list-style: none;
  padding-left:0px;
}
ul#nav li#mbt ul.sub-nav { background: #6f7987 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikGgEVuO3BkkVnFzEh4XKZeyEhdthatsfBgiVponrLmoBRK6k-v75owf2W8LvApxQPFEySX3lYJpMZkljUHDeFsNIOtbcbZMHhpIn__4RF8dfpRlkqSWnVJtxfxxoN5XjrH5wZkRhEPQ4/s400/business-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-entertainment ul.sub-nav { background: #d46b8e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSvwwN4LcEfRKXQ_Tueq52YCET9JTnHWXlw2Mmu6FcPpNLs78gYTNn2tDR6d4YU7I05A7e6pFgsmq7UZzDQNE1tg0PZsMKcReM6ZOp_IOGPo0xjGm8wlT5Aledz_O-cPhXnlm0Ovu1zio/s400/entertainment-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-news ul.sub-nav { background: #e28a67 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9UYnb9zmmUHSEFBAdnu7r-B044ijVcVN29mOQCYqYUQF9gqZ_5x-FuD30lEXOmeHCVR1vFiATUI08Bx_hqgKlTGVfpr_Y4pt6a32e-mwPwLPpUfKhlehmS8XDHt5XrXKak-JBrtwJkqI/s400/news-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-life ul.sub-nav { background: #aa8eac url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnH7_4PEYaQaIQVqR9Aeyq8ihgME3FiTnG_U4_dT7lV7vZ5X7BoOmyTqFfnuRExVNFePgZsA4eJRh4P2vvF1NCvHPMs67FMu1yMM52Paq_VHpauiXyVc94glVcGcR8X69Kp7UlTqLan-E/s400/life-subnav-bgd.png) top left repeat-x; }
ul#nav li#link-technology ul.sub-nav { background: #67d0e2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBw9LGchW0vBeuQmH5I8OMNaxoLyUqXmFiJ-jsr3dmR1y03_lA5jLS70YPyKUUrDJ1-5k-TeM8oUSBoLDD1CklDa4Bgh2n58SzcGCqBRQ1yAkEb9l2-0FGbIngmpuhor7KbW8itxevERI/s400/technology-subnav-bgd.png) top left repeat-x; }
ul#nav li ul.sub-nav li { float: left;   }
ul#nav li ul.sub-nav li a {
    float: none;
    background: none;
    font-size: 11px;
    text-transform: none;
    color: #fff;
    line-height: 25px;
}

ul#nav li#mbt ul.sub-nav li a:hover, ul#nav li#mbt ul.sub-nav li a.active-cat{ background: #0f1f37 !important; }
ul#nav li#link-entertainment ul.sub-nav li a:hover, ul#nav li#link-entertainment ul.sub-nav li a.active-cat { background: #b70943 !important; }
ul#nav li#link-news ul.sub-nav li a:hover, ul#nav li#link-news ul.sub-nav li a.active-cat { background: #cf3c02 !important; }
ul#nav li#link-life ul.sub-nav li a:hover, ul#nav li#link-life ul.sub-nav li a.active-cat { background: #724375 !important; }
ul#nav li#link-technology ul.sub-nav li a:hover, ul#nav li#link-technology ul.sub-nav li a.active-cat { background: #02b0cf !important; }
</style>
<div class='MBT-Nav-container'>
<ul id='nav'>
<li class='non-vertical-link top-link' id='link-home'><a class='open' href='http://blazerracing.blogspot.com/'>Home</a></li>

</ul>

</li>

</ul>

</li>

</span></code></pre></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">8. Ganti link <span style="line-height: 22px;"><span style="color: blue;"><b><a href="http://fahmifanirius.gq/">http://fahmifanirius.gq</a></b></span></span> dengan link yang sobat inginkan untuk dituju.</span><br />
<div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">9. Simpan perubahan</span></div></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br />
</span></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">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;"><span style="font-size: small;"><br />
</span> </span><br />
<div style="text-align: right;"><span style="font-size: small;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><strike><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank">Tutorial Blogger </a></strike></span></b></span><br />
<span style="font-size: small;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br />
</span></b></span></div><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 DropDown Menu Warna Warni 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 dropdown menu warna warni keren di blog membuat kemudahan pengunjung Anda untuk melihat semua laman blog Anda. Menu dropdown disertai CSS warna-warni yang super keren.</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 2314 votes</span></div></div></td></tr>
</tbody></table></div></div></div>

CSS DropDown JavaScript Tab Menu Tutorial Blogger Warna Warni Cara Membuat DropDown Menu Warna Warni Keren Di Blog

Cara Membuat DropDown Menu Warna Warni Keren Di Blog - Tutorial kali ini keren banget. Beruntung! Sobat bisa membaca tutorial kali ini. Men...

Cara Membuat Kelopak Bunga Berjatuhan Di Blog

4:52 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Kelopak Bunga Berjatuhan Di Blog - </b>Kembali lagi dengan saya, <b><a href="http://fahmifanirius.gq/" title="Fahmi Fanirius Blog">Fahmi Fanirius Blog</a></b> akan berbagi tentang tutorial blogger pemula. Untuk hari ini, saya akan bagikan salah satu tutorial untuk memperindah blog. Dan tutorial saat ini sama dengan tutorial sebelumnya. Yaitu tutorial <b><a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-salju-berjatuhan-pada-blog.html" title="Cara Membuat Efek Salju Berjatuhan Di Blog">Cara Membuat Efek Salju Berjatuhan Di Blog</a></b> dan <b><a href="http://www.fahmifanirius.gq/2014/03/cara-memberi-daun-berguguran-pada-blog.html" title="Cara Membuat Efek Daun Berguguran Di Blog">Cara Membuat Efek Daun Berguguran Di Blog</a></b></span></div></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Kedua tutorial tersebut dan tutorial saat ini merupakan tutorial efek di blog. Dan saat ini saya akan jelaskan tutorial tentang <b><a href="http://www.fahmifanirius.gq/2014/04/cara-memberi-kelopak-bunga-berjatuhan-pada-blog.html" title="Cara Membuat Kelopak Bunga Berjatuhan Di Blog">Cara Membuat Kelopak Bunga Berjatuhan Di Blog</a></b>. Seperti yang saya jelaskan tutorial sebelumnya, tutorial <b>cara memasang bunga berguguran di blog</b> akan mengeluarkan <b>kelopak bunga</b> dari atas blog (header blog).</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Tujuan utama dari tutorial ini sudah sangat jelas. Untuk memperindah dan mempercantik blog sobat. Agar blog sobat terlihat menarik dan enak untuk dilihat. Jelas sekali, pengunjung mungkin akan lebih nyaman untuk pergi ke web/blog sobat. Untuk demo kelopak bunga nya lihat animasi berikut:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDXnYuzEtQTE3G4grldh1G6Q_qx7lxlCnWzxvu86YPPEpDWeh0cpL7pC8UUA9HrLMAHRTtA92nvu3QeYh2d5uozW5Jbq6lw2vhkpNTR_JpDB83HmR9vuZaIVUA1SXHP6yNm8ZLw_SEeoIh/s1600/a1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Kelopak Bunga Berjatuhan Di Blog" border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDXnYuzEtQTE3G4grldh1G6Q_qx7lxlCnWzxvu86YPPEpDWeh0cpL7pC8UUA9HrLMAHRTtA92nvu3QeYh2d5uozW5Jbq6lw2vhkpNTR_JpDB83HmR9vuZaIVUA1SXHP6yNm8ZLw_SEeoIh/s1600/a1.gif" title="Cara Membuat Kelopak Bunga Berjatuhan Di Blog" width="200" /></a></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><span style="font-family: Arial, Helvetica, sans-serif;">Untuk tutorial nya, sobat bisa ikuti. Sangat mudah sekali.</span><br />
<div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Ini dia langkahnya: </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">1. Login in Blogger </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget/tambahkan gadget</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/JavaScript </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Copy paste kode di bawah ini pada kolom HTML/JavaScript:</span></div></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
.css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
.css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script></span></code></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan</span><br />
<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><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 Kelopak Bunga Berjatuhan 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 kelopak bunga di blog membuat blog Anda terlihat lebih cantik dan indah.</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 1561 votes</span></div></div></td></tr>
</tbody></table></div></div></div>

Efek JavaScript JQuery Tutorial Blogger Cara Membuat Kelopak Bunga Berjatuhan Di Blog

Cara Membuat Kelopak Bunga Berjatuhan Di Blog - Kembali lagi dengan saya, Fahmi Fanirius Blog akan berbagi tentang tutorial blogger pemula....

Cara Membuat Tombol Like Facebook Di Blog

6:49 PM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Tombol Like Facebook Di Blog</b> - Tutorial kali ini sangat dicari orang-orang. Buat blog sobat yang belum terpasang template, pasti tidak ada tombol suka facebook di blog yakan? Dan kemungkinan besar template-template blogger terdapat tombol suka atau like button di blog mereka.</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCzoAkycFsRzdHBQLLVLyHetV_0XcvFi0Tu4mGmfRlKOE0ioqSvSK95AuWVMtH4bwLpbGJY-jXpqwQU6iP_uCXQkeLcz5KhiqZT0BTMJBQOHeCBm5R92q5jhg1GDb3iTyQe1r4vIXC0Lg0/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Tombol Like Facebook Di Blog" border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCzoAkycFsRzdHBQLLVLyHetV_0XcvFi0Tu4mGmfRlKOE0ioqSvSK95AuWVMtH4bwLpbGJY-jXpqwQU6iP_uCXQkeLcz5KhiqZT0BTMJBQOHeCBm5R92q5jhg1GDb3iTyQe1r4vIXC0Lg0/s200/images.jpg" title="Cara Membuat Tombol Like Facebook Di Blog" width="200" /></span></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Buat sobat yang belum <b>terpasang like button atau tombol suka di blog</b> sobat, bisa ikuti tutorial ini. Tapi, sebelum kita beranjak ke tutorial, saya mau jelasin ke sobat yang belum tau. Kebangetan banget, kalau sobat masih gak tau. Tapi saya yakin sih, sobat sudah paham dengan tutorial ini.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Belum yang belum tau, pastinya sobat pernah berkunjung dan mampir ke blog orang lain dan pernah liat <b>like button atau tombol suka pada blog</b>. Bener kan? Itu yang dimaksud like button pada blog.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Bagi para Blogger yang <a href="http://www.fahmifanirius.gq/2014/04/cara-pasang-like-button-facebook-di-blog.html" target="_blank" title="menambahkan like button atau tombol suka di blog"><b>menambahkan like button atau tombol suka di blog</b></a> mereka, yaitu salah satu cara menambah trafik pengunjung blog mereka. Gimana caranya? Gini, saya jelasin. Jika sobat memasang like button atau tombol suka di blog, ketika si pengunjung mampir ke blog sobat dan baca-baca artikel yang mungkin terkesan menarik dan unik, kemungkinan besar artikel atau konten yang dibuat unik dan menarik sobat akan di like oleh pengunjung tersbut yang sudah terhubung difacebook.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Ketika pengunjung tersebut sudah like artikel atau konten sobat, otomatis aktifitas tersebut akan masuk ke beranda facebook pengunjung tersebut. Ketika masuk aktifitas tersebut diberanda facebook, teman-teman facebook dari pengunjung tersebut akan membaca juga. Semakin menyebar dan menyebar. Mungkin, artikel ini tidak hanya tutorial blogger. Tapi juga untuk SEO. Lah wong, saya malah bahas salah satu menaikkan trafik blog. <span class="Apple-style-span" style="line-height: 19px;">(︶︿︶)</span></span><br />
<div class="separator" style="clear: both; text-align: center;"></div><div id="denzuaz" style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRW2-TqbGUu-Bee0yIButM_WkkxS5GE6yOZ808HdGMHEhhaMAefdZGdKvWXMBK4wJqwGALy_xs4pOHyZhyphenhyphenfYdSoHSS5EQolCteYk6jZA3H-yIlPMdgHylcHI6jyuGTlgOMwa3TVzysz2EB/s1600/Animasi+like.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></a></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Ini dia langkahnya:</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">1. Sign in Blogger</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget </span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/JavaScript</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Copy paste kode dibawah ini pada kolom HTML/JavaScript</span></div></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span"><iframe scrolling="no" frameborder="0" allowtransparency="true"  style="border: medium none; overflow: hidden; width: 280px; height:  40px;"  src="http://www.facebook.com/plugins/like.php?href=</span><b><span class="Apple-style-span" style="bcolor: cyan;">http://fahmifanirius.gq</span></b><span class="Apple-style-span">&layout=standard&show_faces=false&width=280&action=like&font=arial&colorscheme=light&height=40"></iframe></span></span></code></pre><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan perubahan</span></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">7. Lihat hasilnya</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<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><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 Tombol Like Facebook 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><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat tombol like facebook di blog membuat penilaian seberapa banyaknya blog Anda disukai pengunjung melalui tutorial ini.</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">71%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 231 votes</span></div></div></td></tr>
</tbody></table></div>

JavaScript Tutorial Blogger Cara Membuat Tombol Like Facebook Di Blog

Cara Membuat Tombol Like Facebook Di Blog - Tutorial kali ini sangat dicari orang-orang. Buat blog sobat yang belum terpasang template, pas...

Cara Memberi Anti Block Di Blog

8:53 PM Unknown 16

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Memberi Anti Block Di Blog</b> - Tutorial Blogger lagi... Tutorial kali ini sepertinya, tutorial yang paling banyak dicari. Tutorial tersebut adalah <a href="http://www.fahmifanirius.gq/2014/04/cara-memberi-anti-block-pada-postingan.html" target="_blank" title="Cara Memasang Script Anti Block atau Anti Copy di Blogger"><b>Cara Memasang Script Anti Block atau Anti Copy di Blogger</b></a>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Buat sobat yang belum tau apa itu anti block. Saya mau jelasin. Block adalah memblok teks atau tulisan, bahasa mudah nya ketika sobat akan mengcopy teks keluar <a href="http://www.fahmifanirius.gq/2014/04/cara-mengubah-warna-highlight-pada-blog.html" target="_blank" title="warna highlight"><b>warna highlight</b></a> biru atau keluar biru-biru. Kalau masih belum jelas, liat animasi memblok dibawah:</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPWBFbaWf8UgheybtiYjX1qFKvp8blGsIgLHpbYUEYvs6Ackcj2GOH_6A__OvXXdAuQMOOGCLrtd5f9oYRlSh-Im3GD517cB18foZA2F5ZL3mvYWlaqdni2_2TXOlwgOLev7O_uRPoDwax/s1600/f.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Memberi Anti Block Di Blog" border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPWBFbaWf8UgheybtiYjX1qFKvp8blGsIgLHpbYUEYvs6Ackcj2GOH_6A__OvXXdAuQMOOGCLrtd5f9oYRlSh-Im3GD517cB18foZA2F5ZL3mvYWlaqdni2_2TXOlwgOLev7O_uRPoDwax/s1600/f.gif" title="Cara Memberi Anti Block Di Blog" width="400" /></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: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;">Baca juga:</span> <b><a href="http://www.fahmifanirius.gq/2014/04/cara-mengubah-warna-highlight-pada-blog.html" target="_blank" title="Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog">Cara Mengubah Warna Seleksi Highlight Teks Saat Di Blok Di Blog</a></b></span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Disini sangat jelas bahwa tujuan memasang script anti block atau anti copy pada blogger <b>agar blog kita tidak bisa di block dan di copy orang lain.</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Jadi, kita gak perlu risau dan gelisah konten atau artikel blog kita akan di copas orang lain seenaknya sendiri.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Sebelum kita ke tutorialnya, disini saya kasih 2 cara dalam tutorial ini, terserah sobat mau pilih cara kesatu atau kedua. (˘⌣˘)ε˘`)</span><br />
<br />
<h2 style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">Cara 1:</span></b></span></h2><br />
<div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">1. Sign in Blogger</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/javascript</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Copast kode dibawah ini pada kolom HTML/JavaScript</span></div></div><div style="text-align: center;"><div style="background: #e0eff7; border: 3px dashed #0159f8; height: 200px; overflow: auto; padding: 10px; text-align: left; width: auto;"><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">
function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"
</script>
<p style="display:none;">
Protected by <a href="http://fahmifanirius.gq">Fahmi Fanirius Blog</a></p>
<script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script></span></code></pre></div></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan Perubahan</span></div></div><div style="text-align: left;"><h2 style="text-align: left;"><b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Cara 2:</span></b></h2></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">1. Sign in Blogger</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Klik panel Template</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Klik Edit HTML </span></div></div><div style="text-align: center;"><div style="text-align: left;"><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 mempermudah pencarian, klik Ctrl+F pada keyboard)</span></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Setelah ketemu kode </span><span style="background-color: #0b5394; font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;"></head></span></span><span style="font-family: Arial, Helvetica, sans-serif;"> letakkan kode dibawah ini tepat DIATAS kode </span><span style="background-color: #0b5394; font-family: Arial, Helvetica, sans-serif;"><span style="color: cyan;"></head> </span></span></div><div style="background: #e0eff7; border: 3px dashed #0159f8; height: 200px; overflow: auto; padding: 10px; text-align: left; width: auto;"><pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
</span></code></pre></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan perubahan</span></div></div><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><span style="font-family: Arial,Helvetica,sans-serif;"><strike><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank">Tutorial Blogger </a></strike></span></b><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"> </span> </span></div><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 class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Memberi Anti Block 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%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat anti block atau anti copas dengan mudah</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 </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Fahmi Fanirius</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"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">89%</span>/       <span itemprop="bestRating">100%</span> Suara Dari <span itemprop="ratingCount">1001</span> votes</span></div></td></tr>
</tbody></table></div></div></div>

JavaScript Tutorial Blogger Cara Memberi Anti Block Di Blog

Cara Memberi Anti Block Di Blog - Tutorial Blogger lagi... Tutorial kali ini sepertinya, tutorial yang paling banyak dicari. Tutorial terse...

Cara Membuat Dan Memasang Widget Burung Twitter Terbang Di Blog

9:02 PM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="display: inline !important; font-family: 'Times New Roman'; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="display: inline !important;"><b><span style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-weight: normal;"><b>Cara Membuat Dan Memasang Widget Burung Twitter Terbang Di Blog</b></span><span class="Apple-style-span" style="font-weight: normal;"> </span><span class="Apple-style-span"><span style="font-weight: normal;">- Mungkin, banyak sekali sobat yang sudah kenal dan ngerti dengan maksud tutorial </span><a href="http://www.fahmifanirius.gq/2014/04/cara-memberi-burung-twitter-terbang-pada-blog.html" target="_blank" title="Cara Membuat Widget Burung Twitter Terbang Di Blog">Cara Membuat Widget Burung Twitter Terbang Di Blog</a><span style="font-weight: normal;">. Karena sobat sudah banyak berkunjung ke blog orang lain. Pastinya, sobat sudah banyak tau dengan </span><b style="font-weight: normal;">cara memasang burung twitter terbang di blog</b><span style="font-weight: normal;">.</span></span></span></b></div></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<b> <b></b></b> </span><br />
<div style="display: inline !important; font-family: 'Times New Roman'; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: center;"><b><b><b><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-weight: normal;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuMg-8bIHO5NFYF4fqnxQMPew3Km3ZqL7QGGsuJOvT1rC-vkQuSRuhv3PmbKKfpqqKKFEmKTIXm-GB08WJ-XwfMCTzhBsXkU6XZg7N7d7XtzhPdX6k8GP85i3_X8UNp-nVML2vh7477msj/s1600/d.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Dan Memasang Widget Burung Twitter Terbang Di Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuMg-8bIHO5NFYF4fqnxQMPew3Km3ZqL7QGGsuJOvT1rC-vkQuSRuhv3PmbKKfpqqKKFEmKTIXm-GB08WJ-XwfMCTzhBsXkU6XZg7N7d7XtzhPdX6k8GP85i3_X8UNp-nVML2vh7477msj/s1600/d.png" title="Cara Membuat Dan Memasang Widget Burung Twitter Terbang Di Blog" width="160" /></a></span></b></b></b></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="display: inline !important; font-family: 'Times New Roman'; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="display: inline !important; font-family: 'Times New Roman'; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="display: inline !important; font-family: 'Times New Roman'; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="display: inline !important; font-family: 'Times New Roman'; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="display: inline !important; font-family: 'Times New Roman'; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;"> <b><b><b></b></b></b></span><br />
<div style="display: inline !important; font-family: 'Times New Roman'; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="display: inline !important;"><div style="display: inline !important;"><b><b><b><b><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-weight: normal;">Buat sobat yang ingin <b>pasang widget burung twitter terbang di blog</b> dan bosan dengan tombol twitter biasa, sobat bisa ikuti tutorial ini. Tutorial simple dan mudah digunakan. Ini adalah salah satu cara untuk menambah followers banyak di twitter. Kenapa? Karena, ketika pengunjung banyak yang klik burung twitter kemudian akan terhubung di twitter nya sobat, mungkin pengunjung sobat tersebut ingin tanya-tanya mengenai blog sobat lewat twitter, ataupun ingin tau dengan sobat, pengunjung sobat bisa follow sobat lewat twiter.</span></b></b></b></b></div></div></div><b><span style="font-family: Arial, Helvetica, sans-serif;"> </span></b></div></div></div></div></div><span style="font-family: Arial, Helvetica, sans-serif;"><b></b><br />
<b><b><span class="Apple-style-span" style="font-weight: normal;">Disini, saya kasih <b>9 widget burung twitter terbang di blog</b>. Ada berbagai warna dari <b>widget burung twitter terbang di blog</b>. Jadi, sobat bisa pilih warna kesukaan sobat, jadi gak harus warna biru seperti logo twitter.</span></b></b></span><br />
<div style="font-weight: normal; margin: 0px;"><b><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></b></div><span style="font-family: Arial, Helvetica, sans-serif;"><b> </b> </span><br />
<div style="font-weight: normal; margin: 0px;"><span class="Apple-style-span"><b><b><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-weight: normal;">Apakah sobat ingin <b>memasang widget twitter burung terbang di blog</b>?</span></b></b></span></div><span style="font-family: Arial, Helvetica, sans-serif;"><b> </b> </span><br />
<div><b><s><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-weight: normal;"><br />
</span></s></b></div><span style="font-family: Arial, Helvetica, sans-serif;"><b> </b> </span><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI9jw1nXstlWbW-jNvqBlqncreL7hJjauXC6tC9FW5dC4ki-2qEtJlXYRr08ELxBx1166mI8d80OttSHtlTyx9L_115vpgw723Wb4WdJ8ogW46GZKdcyGrRCt8jdGlphbW5FQBWTlzPt6p/s1600/twiter+birds.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Dan Memasang Widget Burung Twitter Terbang Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI9jw1nXstlWbW-jNvqBlqncreL7hJjauXC6tC9FW5dC4ki-2qEtJlXYRr08ELxBx1166mI8d80OttSHtlTyx9L_115vpgw723Wb4WdJ8ogW46GZKdcyGrRCt8jdGlphbW5FQBWTlzPt6p/s1600/twiter+birds.png" title="Cara Membuat Dan Memasang Widget Burung Twitter Terbang Di Blog" /></span></a></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Ini dia langkahnya:</span></div></div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Seperti biasa, 1. Sign in Blogger</span></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout</span></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget</span></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/javascript</span></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Copast kode di bawah ini pada kolom HTML/JavaScript</span></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div></div><pre><code><span style="font-family: Arial, Helvetica, sans-serif;">!-- floating twitter Bird versi fahmi fanirius-->
<script type="text/javascript" src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAYFNLd182vzQgi7M6V-k1l0u3rL6Ki9zaMbW0wO2V_YgUX-q51XFlooe59vynLcw9p2-fQiKhiJG4af1bSRg7AfpuIKITImmf9PrMktvFcWmAHxExGX4LtSVRZOIYwIiGp90Dqod5TW8/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/fahmifanirius";
var tweetThisText = "Twitter - UserID http://fahmifanirius.gq";
tripleflapInit();
</script>
</span></code></pre><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan perubahan</span></div></div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">7. Lihat hasinya</span></div></div></div></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">*Tulisan <span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">fahmifanirius</span></span> ganti dengan nama ID twitter sobat. Untuk warna burung twitter terbang nya, sobat bisa milih dan ganti url nya dibawah.</span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: yellow;"><b>Warna Kuning:</b>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyphenhyphenp5roDwGBdwo66hbzB62n-ov-IXmSx4jLYHup0om0EOPqUpquDVKHqdhYYDa44jQoFCJzcJocJ87sONzY-2ygS8dpGQJIM1wogfU1kMU5Bz83JesOBeupYObQ32TwLzL71vwIOvWHYM/s1600/yellow+bird.png</span></span></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<pre><span style="font-family: Arial, Helvetica, sans-serif;"><b>Warna Hitam:</b>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZuthSUrsd83jZBMkZNlu7sRn_03rFhbystfxPPzC6LsGnoTtWynMinJnBN0LBOhZjT34vC8ApKlPLYDNoHifcdu3AIs_3oJBwDCT47_YsJKD4anMDnM5ds5jggdSRoYAU9Rr3co6Cv-g/s1600/black+bird.png</span></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<pre><span style="color: cyan; font-family: Arial, Helvetica, sans-serif;"><b>Warna Biru:</b>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicx0lwZdjP3XSW4upTIniVAE0cfVZw-rfo_OyXCpVYvwiLbvgaD52cRS0l2UIdJTHD13fm0boa97j3kpNXMaITFFS-lxEQGd7etjFDjxTRfq9kMHXdAKgJFnNcHgQCGOoj0gWNN7_PMl4/s1600/Blue+bird.png</span></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<pre><span style="color: #e69138; font-family: Arial, Helvetica, sans-serif;"><b>Warna Coklat:</b>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf_j1UMQBK_Lnq3JWtMqeAAk62b_Q0kUS1m6SSdLBYO6yocIQRJIlWF4hP6lL3keZabveXmJ35RNqBPHGYpn-Oz9YsHv6tvbsRnOWQdOQ28MA_mwoY6zr0wFmblWnvBlc_Mrfu8RBlLTU/s1600/brown+bird.png</span></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<pre><span style="color: lime; font-family: Arial, Helvetica, sans-serif;"><b>Warna Hijau:</b>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzbyMumsL10wds2mGLq-C7XuwXG1CXJ_V7ZeVwfRaKImsEIIdvqRELYkdSEy1ohbf1rH5jmoBbjtuArG9FI1KCuDc505JTmulJE2GzVWtE0i0GHbd33ruF_g2YeS1X5JHqw5kOrpOSDLM/s1600/Green+bird.png</span></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<pre><span style="color: #b4a7d6; font-family: Arial, Helvetica, sans-serif;"><b>Warna Ungu:</b>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYLObshj0PY_Vg9sUcmI0Kof6ESyWWYLeuaHo6GM3Ar-i6UIC6HVRKrI4H4UuOgB1c0fjyVLBB7ozeMut1RVqd9GG4cfu13GLURI38xRgf8ysrnBP23iOz6OugSaux5kOsaEIys2xLQPY/s1600/purple+bird.png</span></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<pre><span style="color: white; font-family: Arial, Helvetica, sans-serif;"><b>Warna Putih:
</b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVLUiUZd-XxzvSFxDIKWg_Wj8eT0t_WYh0gE7pSK-eaB31g0YqEXfF2Fre1zA4WNiGiL27aWFbhPepchd74pmojvA4rb2-OdzfjP8aD-DDeTMHqmvFAZVf47ogi1LDUlqxS0OZ0IS-4I/s1600/white+bird.png</span></pre><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<pre><span style="color: #e06666; font-family: Arial, Helvetica, sans-serif;"><b>Warna Merah:</b>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE2YFik1rV_i-B1PWCN9KmVvjedeoy9v-XUfxxJbVf0qWOL-cRnEIeOLBX1zSL3TU8ZoTpftJYGw_cQkoY7aBQIG3tGKqiUTBrVPfndiFjyPTq9Sw9mdE7avQ9kyHqo9ILNWaGZe-Uv_U/s1600/red+bird.png</span></pre></div><div style="text-align: justify;"><span class="Apple-style-span" style="color: red; font-size: small;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><br />
</span></span></div><div style="text-align: justify;"><br />
</div><div gt="" span=""><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. </span><span style="font-family: Arial, Helvetica, sans-serif;">Semoga berhasil... ˆ⌣ˆ</span></div><div style="text-align: start;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: right;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><strike><a href="http://www.fahmifanirius.gq/p/tutorial-blogger.html" target="_blank">Tutorial Blogger</a></strike></span></b><b style="color: white; font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: left;">ger</b></div><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 Dan Memasang Widget Burung Twitter Terbang 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 sekaligus memasang widget burung twitter terbang di blog yanng dapat memudahkan pegunjung Anda untuk follow twitter Anda dngan animasi burung twitter yang keren.</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 1567 votes</span></div></div></td></tr>
</tbody></table></div></div></div>

JavaScript Tutorial Blogger Cara Membuat Dan Memasang Widget Burung Twitter Terbang Di Blog

Cara Membuat Dan Memasang Widget Burung Twitter Terbang Di Blog - Mungkin, banyak sekali sobat yang sudah kenal dan ngerti dengan maksud t...

Cara Membuat Title Atau Judul Blog Berjalan

7:19 PM Unknown 1

<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Title Atau Judul Blog Berjalan</b> - Hari ini, saya akan buat tutorial blogger tentang <b><a href="http://www.fahmifanirius.gq/2014/04/cara-membuat-title-bergerak-pada-blog.html">Cara Membuat Judul Blog Bergerak</a></b> Buat sobat yang mungkin dan saya yakin pernah mampir ke web atau blog orang lain dan melihat <b>title bar atau judul</b> yang ada diatas web browser bisa berjalan dan bergerak. Buat sobat juga yang ingin tau <b>cara membuat title bar bergerak di blog</b> mungkin bisa ikuti tutorial ini.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Tujuan dari <b>cara membuat title atau judul blog bergerak</b>, mungkin dari para blogger adalah agar blog nya lebih terkesan dinamis dan bisa membuat kalimat lebih panjang dari biasanya pada <b>title bar atau judul</b> bisa. Untuk itu, sobat bisa <b>membuat title blog</b> sobat lebih panjang. Bisa juga cerpen sobat dijadikan title blog sobat. :v</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Mengapa title blog yang muncul pada tab browser bisa dibuat <b>lebih panjang</b>? Karena jika ingin membuat kalimat pada <b>title bar atau judul di blog</b> yang kalimat nya panjang akan terpotong kalimat nya dengan titik-titik.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
Daripada sobat bertanya-tanya bagaimana <b>cara membuat title bar atau judul blog berjalan</b> bisa ikuti tutorialnya...</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"></div><div id="denzuaz" style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcpQZI5vCsigIjrxC1AVNYk9W-DK8dZSTmZudyVOrwvaNHb9ZhcypN5gt3_VCVgcGEdK4ay8OIC7BpbeHIjPGbdUE0Fwq_zRduUYYmJjVSFk6y5cpwxlPBxwp_c-s80MyCWS8DTqfsU-dJ/s1600/h.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Title Atau Judul Blog Berjalan" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcpQZI5vCsigIjrxC1AVNYk9W-DK8dZSTmZudyVOrwvaNHb9ZhcypN5gt3_VCVgcGEdK4ay8OIC7BpbeHIjPGbdUE0Fwq_zRduUYYmJjVSFk6y5cpwxlPBxwp_c-s80MyCWS8DTqfsU-dJ/s1600/h.gif" title="Cara Membuat Title Atau Judul Blog Berjalan" width="400" /></span></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Ini dia langkahnya:</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Seperti biasa, 1. Sign in Blogger</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">2. Template</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Edit HTML</span></div></div><div style="text-align: center;"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">4. Cari kode <span style="color: cyan;"></span></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;"><span style="background-color: #e06666; color: black;"></span> <span style="color: blue;"><span style="color: black;">(agar lebih memudahkan pencarian, arahkan pointer/kursor ke edit HTML. Kemudian klik secara bersamaan pada keyboard Ctrl+F)</span></span></span></div></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><span style="color: black;">5.  </span></span>Setelah ketemu kode <span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"><head></span></span>, copast kode dibawah ini. Letakkan kode dibawah ini tepat DIBAWAH kode <span style="color: blue;"><span style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"><head></span></span><span class="Apple-style-span" style="background-color: #0b5394;"> </span><span style="color: black;">yang kalian cari tadi</span></span></span><br />
<pre><code><span arial="" class="Apple-style-span" font-family:="" helvetica="" sans-serif="" style="font-family: Arial, Helvetica, sans-serif;"><script language='JavaScript'>var txt="<b><span style="color: cyan;">Selamat Datang di Fahmi Fanirius Blog | @fahmifanirius</span></b>";var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout("bergerak()",kecepatan);}bergerak();</script></span></code></pre><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan Perubahan</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">7. Lihat hasilnya pada tab browser sobat</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">*Tulisan <b><span class="Apple-style-span" style="color: #0b5394;">Selamat Datang di Fahmi Fanirius | @fahmifanirius</span></b> <span style="color: black;">ganti dengan teks yang kalian inginkan.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #fce5cd;"><span style="color: black;"><br />
</span></span> <span style="color: #fce5cd;"><span style="color: black;"><br />
</span></span></span></div><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><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 Title Atau Judul Blog Berjalan</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><span style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat title atau judul blog berjalan atau bergerak dapat membuat title blog Anda menjadi lebih hidup dan akan muncul pada title bar browser</span></span><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">.</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;">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">84%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 1342 votes</span></div></div></td></tr>
</tbody></table></div>

JavaScript Tutorial Blogger Cara Membuat Title Atau Judul Blog Berjalan

Cara Membuat Title Atau Judul Blog Berjalan - Hari ini, saya akan buat tutorial blogger tentang Cara Membuat Judul Blog Bergerak Buat sob...