Sabtu, 31 Oktober 2015

Cara Membuat Daftar Isi Akordion dengan Sortir Label

DEMO WIDGET

Semua-Niche|Cara Membuat Daftar Isi Akordion dengan Sortir Label,Halo kembali
lagi saya akan share widget yang sangat berguna bagi blog anda,Apakah itu ? , Yaitu daftar isi
memang di google ini anda akan menjumpai berbagai variasi daftar isi yang bisa anda pakai
mulai dari tampilan yang elegan,minimalis,sampai gaul pun ada,Tetapi kali ini saya akan share
daftar isi yang menurut saya sangat keren sekaligus elegant,Karena daftar isi ini tidak memakan
banyak tempat hanya panjang kebawah sesuai label yang anda pasang pada postingan .
Artikel Terkait ! : Cara Menerapkan Daftar Isi Menurut Label Di Blog

Langkah Pembuatan :

1.Masuk Ke Dalam Blog Anda
2.Silahkan Klik Laman Baru Dalam Blog Anda
3.Masukan Kode Dibawah Ini Didalam Postingan Agan Di Bagian HTML Bukan COMPOSE
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://dte-project.googlecode.com/svn/trunk/accordion-toc-skin.css"/>
<div id="table-of-content" class="table-of-content"><span class="loading">Memuat...</span></div>
<div class="credit-link"><a href="http://www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">&#9654; Accordion TOC</a></div>
<script>
var toc_config = {
url: 'http://semuaniche.blogspot.com',
containerId: 'table-of-content',
showNew: 10,
newText: ' - <strong style="font-weight:bold;font-style:italic;color:red;">Baru!</strong>',
sortAlphabetically: {
thePanel: true,
theList: true
},
maxResults: 9999,
activePanel: 1,
slideSpeed: {
down: 400,
up: 400
},
slideEasing: {
down: null,
up: null
},
slideCallback: {
down: function() {},
up: function() {}
},
clickCallback: function() {},
jsonCallback: '_toc',
delayLoading: 0
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/accordion-toc-1.js"></script>
Silahkan URL Blog Ganti Dengan 
URL Blog Anda

Jumat, 30 Oktober 2015

Template Fajri Awesome Seo Sekaligus Responsive

Semua-Niche|Template Fajri Awesome Seo Sekaligus Responsive,Walah sepertinya
saya sering sekali share hal-hal berbau dunia blogging tetapi khusus hari ini saya akan
share template,Tempalte ini mungkin bisa jadi referensi bagi anda yang masih binggung
nyari template yang bagus,Saya sarankan template ini,Karena template ini sangat menarik
dan sangat cocok untuk apapun niche yang ada di blog anda.

Fiture Template : 

  • Responsive
  • SEO Friendly
  • Flat UI Design
  • Vertical Menu
  • Dialog Box
  • Notification Comment
  • Search Box
  • Label Cloud Flat UI Design
  • Popular Post Widget Design
  • Blockquote Design
  • SyntaxHighlighter Yang Sudah Dimodifikasi
  • And Many More
Untuk Pengaturan Template 
Silahkan Amati Dibawah Ini

Untuk Pengaturan Notifikasi :

Untuk Pengaturan Notifikasi Silahkan Anda Ganti Bagian Home Page dengan Url
Blog Anda .
<script type='text/javascript'>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "http://semuaniche.blogspot.com",
max_result: 20,
t_w: 40,
t_h: 40,
summary: 9999,
new_tab_link: false,
ct_id: "comments-container",
new_cm: " Komentar Baru!",
interval: 30000,
alert: true,
alert: function (total) {
document.getElementById("show-total").innerHTML = '<strong class=\'total-show\'>' + total + '</strong>';
document.title = '(' + total + ') ' + originalTitle
}
};
$('#notif').click(function () {
$("#cm-wrapper").css({
right: "0px"
});
$("#bg, #notif2").show();
$("#notif").hide()
});
$('#notif2').click(function () {
$("#cm-wrapper").css({
right: "-381px"
});
$("#bg, #notif2").hide();
$("#notif").show()
});
$('#bg').click(function () {
$("#cm-wrapper").css({
right: "-381px"
});
$("#bg, #notif2").hide();
$("#notif").show()
});
document.getElementById('notif').onclick = function () {
document.title = originalTitle;
$('#show-total').hide()
};
document.getElementById('show-total').onclick = function () {
document.title = originalTitle;
$('#show-total').hide();
$("#cm-wrapper").css({
right: "0px"
});
$("#bg").show()
};
//]]>
</script>

Untuk Dialog Box :

Untuk Dialog Box Silahkan Anda Ganti Dengan Deskrpsi Sesuai Keinginan Anda
Dengan cari kata "Dialog Box" Pada Template .

Untuk Menu Vertikal :

Untuk Menu Vertikal yang berada di blog ini,Bisa Anda Edit Sesuai Selera Anda .
ul class='sidebar-menu'>
<li class='active'><a expr:href='data:blog.homepageUrl'>
<i class='icon-home'/>
<span>Home</span></a></li>
<li class='sub-menu'>
<a href='javascript:;'>
<i class='icon-eye-open'/>
<span>Blogger Plugin</span>
<span class='arrow'/>
</a>
<ul class='sub' style='overflow: hidden; display: none;'>
<li><a href='#' title='CSS'>CSS</a></li>
<li><a href='#' title='SEO'>SEO</a></li>
<li><a href='#' title='jQuery'>jQuery</a></li>
<li><a href='#' title='Navigation'>Navigation</a></li>
<li><a href='#' title='Komentar'>Komentar</a></li>
</ul>
</li>
<li class='sub-menu'>
<a href='javascript:;'>
<i class='icon-heart'/>
<span>Social</span>
<span class='arrow'/>
</a>
<ul class='sub' style='overflow: hidden; display: none;'>
<li><a href='#' title='Facebook'>Facebook</a></li>
<li><a href='#' title='Google'>Google</a></li>
<li><a href='#' title='Twitter'>Twitter</a></li>
</ul>
</li>
<li>
<a href='#'>
<i class='icon-user'/>
<span>About Me</span>
</a>
</li>
<li>
<a href='#'>
<i class='icon-envelope'/>
<span>Contact</span>
</a>
</li>
<li>
<a href='#'>
<i class='icon-lock'/>
<span>Privacy Police</span>
</a>
</li>
<li>
<a href='#'>
<i class='icon-refresh'/>
<span>Link Exchange</span>
</a>
</li>
<li class='sub-menu'>
<a href='javascript:;'>
<i class='icon-star'/>
<span>More</span>
<span class='arrow'/>
</a>
<ul class='sub' style='overflow: hidden; display: none;'>
<li><a href='#' title='Ragam'>Ragam</a></li>
<li><a href='#' title='Lain-lain'>Lain-lain</a></li>
</ul>
</li>
</ul>
</div>

Terakhir,Untuk Back To Top

Untuk Back To Top,Silahkan anda masukan script dibawah ini didalam HTML/JAVASCRIPT
Dibagian Tata Letak.
<script type="text/javascript" >
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyhf362eAArC-fYlj-NxNOo591P48PfXbnqGYPlbqX_UnpmdcyrdeDW8IbPiz_Datj-JsRQZT-XuHYNfkfxX-neZrQwBYu3VxEDkO174wcHtF6_1rBsVV2vfiKrjAOGWIb0RnyU3fs8FHh/s1600/Untitled.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

state: {isvisible:false, shouldvisible:false},

scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},

keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},

togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},

init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}

scrolltotop.init()

</script>

Ikan Juga Ternyata Tidur Layaknya Manusia !

Semua-Niche|Ikan Juga Ternyata Tidur Layaknya Manusia !,Pasti dari kalian
ada yang pernah menanyakan apakah ikan bisa tidur seperti manusia,Memang pertanyaan
ini sering ditanyakan apalagi yang mempunyai ikan dirumah,Sebenarnya ikan juga tidur layaknya manusia
Cuman,Ikan cara tidurnya berbeda dengan manusia.
Baca Juga !Internetan Aman Dengan Tips Sederhana
Ikan tidak tidur dengan mata tertup,Melain kan mereka tidur dengan mata terbuka,Pasti ada
yang nanya lah kok bisa ? , ini bisa terjadi karena ilmuan pernah meneliti
bahwa ikan sesungguhnya tidak Yang membuat ikan tidak bisa memejamkan matanya
Para Ilmuan juga percaya bahwa tidak semua ikan tidak memiliki kelopak mata
ada beberapa jenis ikan yang mempunyai kelopak yaitu beberapa spesies hiu .

Kelopak mata adalah bagian yang bertugas melindungi mata dari kotoran dan menjaga mata agar tetap lembab sehingga bisa berfungsi normal. Nah, mengingat ikan hidup di dalam air, mereka tidak membutuhkan kelopak mata. Sebab, mata ikan bisa tetap basah dan tidak terkena paparan sinar matahari secara langsung.
Ikan Masih Bisa Bergerak Walaupun Ia Tertidur
Berbeda Dengan Manusia,Ikan Tidur tidak kehilangan kesadaran sepenuhnya layaknya manusia
ikan masih bisa bergerak walaupun ia dalam keadaan tertidur.

Kamis, 29 Oktober 2015

Cara Mudah Membuat Widget Translator Halaman Blog

DEMO WIDGET

Semua-Niche|Cara Mudah Membuat Widget Translator Halaman Blog,Haii maaf saya jarang
posting,karena internet sedang lemot jadi tidak mendukung untuk posting,Oh iya
hari ini saya akan share bagaimana membuat widget translator halaman di blog anda
widget translator memang sangat bagus apabila dipasang didalam blog anda terlebih lagi
kalau dijadikan laman,Sebenarnya widget ini berfungsi untuk pengunjung blog anda yang tidak
mengerti bahasa yang anda sajikan didalam blog anda,Seperti pengunjung asing dengan anda
Baca Juga ! : Memodifikasi Template Anda (Blogger) Menjadi Seo Friendly
Memasang Widget seperti ini maka itu akan memper-mudah mereka untuk mencerna/mengerti
apa yang akan anda sampaikan di artikel anda,Untuk kita mari kita lihat cara pembuatannya :

1.Masuk Ke Dalam Blog Anda
2.Masuk Ke Bagian Tata Letak Di Blog Anda
3.Silhkan Klik HTML/JAVA SCRIPT
4.Letakan Kode Dibawah Ini Di Dalam HTML/JAVASCRIPT
<style type="text/css">
#translator-wrapper {
display:block;
width:200px;
border:1px solid #0A340A;
background-color:white;
overflow:hidden;
position:relative;
}
#translator-wrapper select {
border:none;
background:transparent;
font:normal normal 11px Tahoma,Verdana,Arial,Sans-Serif;
width:100%;
color:black;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
cursor:text;
padding:5px 10px;
}
#translator-wrapper a,
#translator-wrapper a:hover {
display:block;
background-color:#0A340A;
border:none;
color:white;
margin:0 0;
text-decoration:none;
position:absolute;
top:0;
right:0;
bottom:0;
cursor:pointer;
width:30px;
}
#translator-wrapper a:before {
content:"";
display:block;
width:0;
height:0;
border:5px solid transparent;
border-left-color:white;
position:absolute;
top:50%;
left:13px;
margin-top:-5px;
}
#translator-wrapper a:hover {background-color:#0A2C0A}
#translator-wrapper a:active {background-color:#082408}
#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
border:none;
outline:none;
cursor:pointer;
}
</style>
<h3>Translate this page to:</h3>
<div id="translator-wrapper">
<select id="translate-language">
<option value="en" selected="selected">English</option>
<option value="id">Indonesian</option>
<option value="af">Afrikaans</option>
<option value="sq">Albanian</option>
<option value="ar">Arabic</option>
<option value="hy">Armenian</option>
<option value="az">Azerbaijani</option>
<option value="eu">Basque</option>
<option value="be">Belarusian</option>
<option value="bn">Bengali</option>
<option value="bg">Bulgarian</option>
<option value="ca">Catalan</option>
<option value="zh-CN">Chinese</option>
<option value="hr">Croatian</option>
<option value="cs">Czech</option>
<option value="da">Danish</option>
<option value="nl">Dutch</option>
<option value="en">English</option>
<option value="eo">Esperanto</option>
<option value="et">Estonian</option>
<option value="tl">Filipino</option>
<option value="fi">Finnish</option>
<option value="fr">French</option>
<option value="gl">Galician</option>
<option value="ka">Georgian</option>
<option value="de">German</option>
<option value="el">Greek</option>
<option value="gu">Gujarati</option>
<option value="ht">Haitian Creole</option>
<option value="iw">Hebrew</option>
<option value="hi">Hindi</option>
<option value="hu">Hungarian</option>
<option value="is">Icelandic</option>
<option value="id">Indonesian</option>
<option value="ga">Irish</option>
<option value="it">Italian</option>
<option value="ja">Japanese</option>
<option value="kn">Kannada</option>
<option value="ko">Korean</option>
<option value="la">Latin</option>
<option value="lv">Latvian</option>
<option value="lt">Lithuanian</option>
<option value="mk">Macedonian</option>
<option value="ms">Malay</option>
<option value="mt">Maltese</option>
<option value="no">Norwegian</option>
<option value="fa">Persian</option>
<option value="pl">Polish</option>
<option value="pt">Portuguese</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="sr">Serbian</option>
<option value="sk">Slovak</option>
<option value="sl">Slovenian</option>
<option value="es">Spanish</option>
<option value="sw">Swahili</option>
<option value="sv">Swedish</option>
<option value="ta">Tamil</option>
<option value="te">Telugu</option>
<option value="th">Thai</option>
<option value="tr">Turkish</option>
<option value="uk">Ukrainian</option>
<option value="ur">Urdu</option>
<option value="vi">Vietnamese</option>
<option value="cy">Welsh</option>
<option value="yi">Yiddish</option>
</select><a id="translate-me" href="#" title="Translate!"></a>
</div>
<script type="text/javascript">
(function() {
var mylang = "id", // Your website language
anchor = document.getElementById('translate-me');
anchor.onclick = function() {
window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
return false;
};
})();
</script>

Rabu, 28 Oktober 2015

Cara Membuat Artikel Terkait Melayang Di Blogger

Semua-Niche|Cara Membuat Artikel Terkait Melayang Di Blog, Artikel terkait memang sangat
berperan dalam blog anda,Terlebih lagi apabila anda
mempunyai artikel/postingan yang sama labelnya atau mungkin terkait dengan isi blog
Artikel terkait juga berguna bagi pengunjung agar pengunjung tersebut
tahu artikel apa saja yang terkait dengan artikel yang ia baca,Misalnya :
Anda membuat artikel seperti bagaimana cara membuat blog

Dengan begitu anda juga harus memberi tahu bagaimana cara mengatur blog dan sebagainya
blog dan sebagainya dan itu semua harus 1 label agar pengunjung tidak sibuk menyari artikel.
Mari kita pelajari bagaimana membuat Artikel Terkait Melayang Di Blogger
Baca Juga ! Memodifikasi Template Anda (Blogger) Menjadi Seo Friendly

Langkah Pembuatan :

1.Masuk Ke Dalam Blog Anda
2.Klik Bagian HTML > EDIT HTML
3.Cari Kode]]></b:skin> dalam blog anda
4.Letakan Kode Dibawah Ini Diatas Kode Tersebut 
#kislidingbox{background:#fff;border-top:1px solid #bbb;width:320px;height:200px;position:fixed;overflow:hidden;border:none;right:-360px;z-index:9999;text-align:left!important;letter-spacing:0;}
.kislidingbox-title{background:none;color:#00789d;display:block;height:35px;width:100%;font-size:12px;font-family:Aerial, sans-serif;text-transform:capitalize;font-weight:bold;padding-right:25px}
.kislidingbox-title span a{float:right;height:35px;width:25px;}
a#kislidingbox-close, a#kislidingbox-close {margin-right:15px;}
.kislidingbox-title > span > h2{font-size:20px!important;font-weight:normal!important;}
.kislidingbox-title span a img{margin:16px;border:0 !important;box-shadow:0 !mportant;}
.kislidingbox-container{border:none;float:left;width:100%;height:auto;margin:3px}
.kislidingbox-container > div{border:none;height:40px;margin:3px;padding:10px;}
.kislidingbox-container > div > span {font-size:14px;}
.kislidingbox-container img{float:left;margin:3px 5px;width:25px;border:1px solid #ccc;}
.show{bottom:80px;}
.hide{bottom:-145px;}
.related-post {margin:2em auto 0;font:normal normal 11px/1.4 Arial,Sans-Serif;}
.related-post h4 {font-size:150%;margin:0 0 .5em;}
.related-post-style-2 {border-top:1px solid rgba(0,0,0, 0.2);margin-top:-20px;padding-top:15px;list-style:none;}
.related-post-style-2 li {margin-left:-35px;style:none;}
.related-post-style-2 li {padding:0 10px 10px 10px;overflow:hidden;}
.related-post-style-2 li:first-child {border-top:none}
.related-post-style-2 .related-post-item-thumbnail {width:45px;height:45px;max-width:none;max-height:none;background-color:transparent;border:none;padding:0;float:left;margin:2px 10px 0 0;border:1px solid #ccc;}
.related-post-style-2 .related-post-item-title {font-weight:bold;font-size:120%;text-transform:capitalize;}
a.related-post-item-title {color :#333 !important;}
a:hover.related-post-item-title {color :#0491ea !important;text-decoration:none;}
.related-post-style-2 .related-post-item-summary {display:block;overflow:hidden;}
.related-post-style-2 .related-post-item-more {}
Silahkan anda atur kembali 
lebar,tinggi dan juga posisi widget .
5.Letakan Kode Dibawah Ini Diatas Kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'/>
<script type='text/javascript'>
$(window).scroll(function(){
if ($(this).scrollTop() &gt; 400) {
$(&#39;#kislidingbox&#39;).css({&#39;right&#39;:&#39;0px&#39;});
} else {
$(&#39;#kislidingbox&#39;).css({&#39;right&#39;:&#39;-360px&#39;});
}
});

$(document).ready(function(){
var kislidingbox = $(&#39;#kislidingbox&#39;);
var closed = $(&#39;#kislidingbox-close&#39;);
var minimize = $(&#39;#kislidingbox-minimize&#39;);
var maximize = $(&#39;#kislidingbox-maximize&#39;);

maximize.hide();

closed.click(function(){
kislidingbox.css({&#39;right&#39;:&#39;-350px&#39;});
kislidingbox.fadeOut(&#39;slow&#39;);
})
minimize.click(function(){
kislidingbox.toggleClass(&#39;hide&#39;);
$(this).hide();
maximize.show();
})
maximize.click(function(){
kislidingbox.toggleClass(&#39;hide&#39;);
$(this).hide();
minimize.show();
})
});
</script>Catatan :
6.Selanjutnya,Letakan Kode Dibawah Ini Tepat Sesudah Kode :
<div class='post-footer'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='show' id='kislidingbox'>
<div class='kislidingbox-title kislidingbox-www'>
<span style='float: left;margin:14px 0 0 15px;'>Baca Juga Artikel Ini</span>
<span><a href='javascript:void(0);' id='kislidingbox-close' title='close'><img alt='close button' class='a' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEtdbwyRL2AJqFPSasBZemrZPxSquwwipzArDwiu4d5YIE-B_SVvrvcwLJ9kDIy3NOFNUihy83mFcn1a7nGmvRBWSHLePif3Jc2FAFVrcAyNc0C4cIhIBFpClY_rlBdZs2p4yNmbx/s1600/close.png' title='close'/></a></span>
<span><a href='javascript:void(0);' id='kislidingbox-minimize' title='minimize'><img alt='minimize button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Oe-bH0LXdtht1PVU11Cl_eKp26W7rTnyXFO-BGEqslSilkvSgFh4bXhBikHWfO_l8Xqdw_CLXSJpynK7R4Y3rpiDp32YJsnbfAZjSIHueVmkne0VmsN2uvxvJnG1iIo2NefaM0kt/s1600/minimize.png' title='minimize'/></a></span>
<span><a href='javascript:void(0);' id='kislidingbox-maximize' title='maximize'><img alt='maximize button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2oHtfwRHqkqCSpngiJcbdpvJscVcChaUsXgWgI5F9RM0dIdm-cXacgfnMwqINek88LvXmvQpsE9fVrqYGR_DV6Pi8ClSxHUhmDWciMMeD7XtK25isD17QPchuWu0OhEbhHFcwQRkZ/s1600/maximize.png' title='maximize'/></a></span>
</div>
<div class='kislidingbox-container'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-post' id='sliding-tab'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: &quot;<data:blog.homepageUrl/>&quot;,
widgetTitle: &quot;&lt;h4&gt;&lt;/h4&gt;&quot;,
numPosts: 2,
summaryLength: 35,
titleLength: &quot;auto&quot;,
thumbnailSize: 45,
noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
containerId: &quot;sliding-tab&quot;,
newTabLink: false,
moreText: &quot;&quot;,
widgetStyle:2,
callBack: function() {}
};
</script><script src='http://blogger-json-experiment.googlecode.com/svn/resources/related-post/related-post.min.js' type='text/javascript'/>
</b:if>
</div>
</div>
</b:if>
Untuk Kode <div class='post-footer'> Biasanya ada lebih dari 1 letakan yang ke 2

Senin, 26 Oktober 2015

Cara Membuat Widget Postingan Terbaru Dengan Efek Tooltip

Semua-Niche|Cara Membuat Widget Postingan Terbaru Dengan Tooltip, Membuat Widget
Postingan Terbaru memang dibutuhkan oleh pengunjung,dengan anda membuat widget postingan
terbaru ! ,maka pengunjung akan mengetahui semua postingan terbaru anda,Karena dengan begitu
anda menambah kenyamanan pengunjung untuk berada tetap di blog anda . Selain itu membuat
Widget terbaru ini dapat membuat blog anda terkesan menarik dan rapih apalagi dengan efek tooltip
saya akan memberi anda bagaimana membuatnya .
Baca Juga ! Memodifikasi Template Anda (Blogger) Menjadi Seo Friendly

 Langkah Pembuatan : 

1.Masuk Ke Dalam Blog Anda
2.Kalau Sudah,Silahkan Klik Bagian Tata Letak
3.Silahkan Pilih Tambahkan Widget,Dan Klik HTML/JAVASCRIPT
4.Letakan Kode Dibawah Ini Didalam HTML/JAVASCRIPT 
     <style type="text/css">
#seocips-gallery { width:100%px; margin:0 auto; font:normal 11px Arial,Sans-Serif; color:#494848; padding:8px; background-color:#17B986; -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.4); -moz-box-shadow:0 10px 30px rgba(0,0,0,0.4); box-shadow:0 10px 30px rgba(0,0,0,0.4); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#seocips-gallery h2 { font:20px Arial,Sans-Serif; color:white; text-shadow:0 3px 2px black; text-transform:uppercase; margin:2px 2px 2px; padding:7px 14px; background-color:#48D; text-align:center; }
#seocips-gallery .bgt-item { float:left; display:inline; position:relative; margin:2px; padding:0 0; background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyHy7sMlqWLdeQrv30ydxnp2oaZ5GVKQChtKzsnnftDaujWZDScxA_pHsmokt6U-EyFrXO5YQ7ZjJ442yhRNx7-xvd9zobFrhPjBIiuCqQtK5GY_g67-aOtDDHV7GoHMmJ2MChpqIhi8g/s1600/seocipsldng.gif') no-repeat 50% 50%; width:85px; height:85px; }
#seocips-gallery .bgt-item img { width:85px; height:85px; border:none !important; margin:0 0 !important; padding:0 0 !important; background:transparent !important; display:none; }
#seocips-gallery .bgt-item .bgt-child { position:relative; top:10% !important; left:10% !important; z-index:1000; width:200px; background-color:white; border-top:5px solid #FA7C19; -webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.7); -moz-box-shadow:5px 5px 10px rgba(0,0,0,0.7); box-shadow:5px 5px 10px rgba(0,0,0,0.7); padding:10px 15px; overflow:hidden; word-wrap:break-word; display:none; opacity:0.9; }
#seocips-gallery .bgt-item .bgt-child h4 { font-size:12px; margin:0 0 5px; color:#FA7C19; }
#seocips-gallery .bgt-item:hover .hidden { display:block; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var bgtTitle = "Latest Posts",
numposts = 12,
numchar = 190,
rcFadeSpeed = 610,
pBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0PmkKJnvPm35sK0LJsKtdeUEgiMcGVzx1Z9Y0J0Ty_-sdHp5fklUDEReSwlsZUknjIMiLgSNmsWoOsDcRByDOocPgKvGCY90Bm7VKt7k_NUWpcE5fwMbOJFjoz6YRra7r8QJIahgBZz0/s1600/no-image-ava.jpg",
blogURL = "http://semuaniche.blogspot.com";
</script>
<script src="https://terbarunews.googlecode.com/svn/seocipsltspost.js" type="text/javascript"></script>
Silahkan Anda Ganti Url Dengan Url Blog Anda
Dan Silahkan Ganti Num Post Apabila Anda Ingin Mengatur Jumlah Post Yang Ingin Ditampilkan

Minggu, 25 Oktober 2015

Memodifikasi Template Anda (Blogger) Menjadi Seo Friendly

Semua-Niche|Memodifikasi Template Anda (Blogger) Menjadi Seo Friendly,Membuat blog
Seo Friendly adalah harapan atau mungkin keinginan semua blogger,Tetapi mungkin saja anda
masih binggung bagaimana membuat blog anda seo friendly ? , Disamping itu keunggulan
untuk blog seo friendly sangatlah banyak dan google pun sangat menyukai blog yang seo friendly
membuat blog seo friendly memang gampang-gampang susah,Mari kita pelajari cara membuatnya

1.Langkah Pertama,Memodifikasi Title Tag Anda

Title tag sangatlah berperan dalam serp google,Untuk itu memodifikasi title tag
sangat lah penting yang akan saya bagikan ini akan membuat title tag anda seo friendly,Selain itu
Title Tag juga dapat membantu menarik pengunjung untuk datang ke blog anda
Cari Kode Dibawah Ini Didalam Blog Anda :
<title><data:blog.pageTitle/></title>
Sekarang Ganti Kode Tersebut Dengan Kode :
<!-- SEO Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> | <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><title>Archive for <data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'><title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>

2.Memasang Tag Heading Yang Dinamis Di Blog Anda

Tag Heading Begitulah Namanya,Tag heading sendiri sangat banyak dijumpai hampir diseluruh blog
tag heading biasanya digunakan untuk memperbesar ukuran dari font dan juga heading sendiri
dibikin untuk menekankan kata yang penting dalam blog anda,Tag Heading terdiri 6 bagian
mulai dari (Heading,Sub Heading,Dan Juga Minor Heading)
Carilah Kode :
 <b:widget id='Header1' locked='true' title='Judul Blog Anda(Header)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
Setelah Ketemu Silahkan Ganti Dengan Kode
<b:widget id='Header1' locked='true' title='Judul Blog Anda (Header)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
</b:if>
</b:if>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
</b:if>
</b:if>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<p class='title'><b:include name='title'/></p>
<b:else/>
<h1 class='title'><b:include name='title'/></h1>
</b:if>
<b:else/>
<p class='title'><b:include name='title'/></p>
</b:if>
<b:include name='description'/>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>

3.Mengedit Judul Postingan Anda

Judul Postingan Memang sangat penting di blog,Judul berfungsi untuk memberi tahu kepada
pengunjung judul apa yang anda sajikan di blog anda dengan begitu pengunjung bisa tahu
apa isi artikel anda dengan melihat judul blog anda
Carilah Kode Dibawah Ini Didalam Template Anda :
 <b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Ganti kode tersebut dengan kode dibawah ini :
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<b:else/>
<h2 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>

4.Memasang Breadcrumb Di Blog Anda

Cari Kembali Kode Dibawah Ini Didalam Template Anda :
<b:includable id='main' var='top'>
Sekarang,Ganti Kode Tersebut Dengan Kode :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Uncategories</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Archive for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>All post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
Untuk Memper Indah Sekaligus Membuatnya Rapih Anda Letakan Kode Dibawah Ini Diatas Kode ]]></b:skin>
.breadcrumbs {
font-size: 11px;
color: #666;
padding: 10px 0px;
margin: 10px 0px 20px;
border-bottom: 1px solid #ddd;
}

5.Terakhir,Silahkan Pasang Meta Tag Ini 

Meta tag memang  sudah banyak di share oleh blogger-blogger di google
dan memang sudah banyak modifikasi meta tag,Tetapi yang saya bagikan Insya Allah Seo Friendly
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta expr:content='data:blog.title' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><meta expr:content='data:blog.pageName' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><meta content='noindex,nofollow' name='robots'/></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex,nofollow' name='robots'/></b:if>
<b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>

Sabtu, 24 Oktober 2015

Cara Membuat Efek Loading Kotak Rubik Keren Di Blogger

Semua-Niche|Cara Membuat Efek Loading Kotak Rubik Keren Di Blogger, Membuat efek
loading sangatlah berguna bagi blog anda,Selain menambah indah tampilan blog anda efek pada
loading juga dapat membuang rasa jenuh pengunjung saat blog anda sedang loading,Loading
yang lama memang sangat membosankan tetapi kalau menggunakan Kotak rubik ini tidak lagi,
Karena tampilannya yang sangat keren dan ringan di blog anda.Mari kita lihat cara pembuatannya
Baca Juga! Berikut Gambaran Kalau Matahari Diganti Bintang Lain

Langkah Pembuatan :

1.Masuk Kedalam Bagian HTML
2.Carilah Kode </head> Dalam Blog Anda
3.Letakan Kode Dibawah Ini Diatas Kode </head> 
<style> 
/* loader http://semuaniche.blogspot.com/*/
#Semua-Niche-load {
position: fixed;
z-index: 50;
top: 0; left: 0;
opacity: 0.9;
width: 100%; height: 100%;
background: #FDFEF8 url(http://3.bp.blogspot.com/-WqA4mLrQVsw/U4COhzzQi2I/AAAAAAAABrw/57-G3Pw25ek/s128-no/Loading.gif) no-repeat center;
line-height: 350px;
text-align: center;
font-size: 36px;
color: #353231;
text-indent: -9999px;
}
.MD #Semua-Niche-load { display: none; }
@media only screen and (device-width: 768px) {

#loading {
position:absolute;
width:1040px;
min-height:768px;
}
}

#Semua-Niche-progbar {
position: absolute;
top: 0; left: 0;
background: #ED0000;
opacity: 0.8;
width: 0;
height: 5px;
}

#md-loader {
height: 100%;
display: none;
}
</style>

<script>
(function($){
$(&quot;html&quot;).removeClass(&quot;MD&quot;);
$(&quot;#header&quot;).ready(function(){ $(&quot;#bingangbingung-progbar&quot;).stop().animate({ width: &quot;25%&quot; },1500) });
$(&quot;#footer&quot;).ready(function(){ $(&quot;#bingangbingung-progbar&quot;).stop().animate({ width: &quot;75%&quot; },1500) });
$(window).load(function(){
$(&quot;#bingangbingung-progbar&quot;).stop().animate({ width: &quot;100%&quot; },600,function(){
$(&quot;#bingangbingung-load&quot;).fadeOut(&quot;fast&quot;,function(){ $(this).remove(); });
});
});
})(jQuery);
</script>
4.Carilah Kembali Kode <head> 
5.Letakan Kode Dibawah Ini Diatasnya :
<div id='Semua-Niche-load'><div id='Semua-Niche-progbar'/><div id='md-loader'>Loading...</div></div>
Kode Diatas Sangatlah Berbeda, Mohon Diperhatikan Kode
</head> Dan Juga <head> Agar Tidak Salah Menempatkan Script

Jumat, 23 Oktober 2015

Google Bisa Membuat Otak Anda Semakin Lemot

Semua-Niche|Google Bisa Membuat Otak Anda Semakin Lemot,Google ? , Siapa zaman
sekarang yan tidak tahu google,Google adalah situs pencari terbesar google ini baru saja
ganti CEO gantinya CEO ini dikarenakan google membuat perusahaan baru yaitu google
Alphabet google ini terkenal dan menjadi situs terbesar sejak 17 tahun yang lalu Tapi tahukah anda ?
bahwa google dapat membuat anda semakin lemot ?

Kasus ini pernah diteliti,Penelitian ini dibuat untuk mengetahui apa dampak negatif google
bagi kehidupan manusia penelitian ini dari Kaspersky Lab Mereka melaporkan bahwa
36%  Responded eropa akan mencari sesuatu informasi di media online apabila lupa akan
sesuatu dan setelah mendapat informasi tersebut orang tersebut akan sekejap melupakannya.
Tidak hanya itu, laporan yang berjudul "The Rise and Impact of Digital Amnesia" yang survei 6000 orang usia 16 tahun dan 55 tahun, menunjukkan hal yang berkaitan. Penelitian itu menunjukkan fenomena yang disebut dengan 'amnesia digital'.
Hal Ini ber-arti banyak sekali orang yang tidak bisa menyimpan informasi lama
didalam ingatannya informasi tersebut berasal dari perangkat digital (online), Fenomena
amnesia digital ini ternyata ditemui disemua kalangan umur mulai dari tua hingga anak-anak.

Amnesia digital ini dipengaruhi oleh efek dari perkembangan teknologi,Seperti jika dulu
orang harus menghapal nomor hp atau sesuatu yang penting-penting,Sekarang ini orang-orang
hanya menyimpannya di perangkat mobile sehingga mereka mengandalkan perangkat
Mobile tersebut dibanding menghapalkannya .
Smartphone dan internet memang menjadi kebutuhan sehari-hari. Sebanyak 61 persen responden Eropa juga mengatakan bahwa mereka membutuhkan jawaban yang cepat dan tidak memiliki waktu untuk mencari informasi di buku, koran, atau yang lainnya.

Modifikasi Thread Comment Hack Dengan Menambah Tombol Konversi&Emoticon

Semua-Niche|Modifikasi Thread Comment Hack Dengan Menambah Tombol Konversi&Emoticon, Banyak yang bertanya setelah masuk ke blog yang lumayan
terkenal dan menanyakan,Bagaimana mereka memasang tombol konversi kode dan juga
emoticon di form Thread comment hack ? , Kali saya akan memberi anda sedikit informasi
bagaimana membuatnya,widget ini juga dapat menambah menarik tampilan
form komentar anda dan juga bisa membuat pengunjung meng-ekspresikan dirinya saat
berkomentar melalui komentar dengan cara memberikan emoticon saat berkomentar

Langkah Pembuatan :  

1.Masuk Ke Bagian Template Dalam Blog Anda
2.Carilah Kode <b:includable id='threaded-comment-form' var='post'>...</b:includable>
3.Ganti Kode Tesebut Dengan Kode :
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/>
<br/><br/><span class='konversi pencet'>Konversi Kode</span><span class='tutup pencet' style='display:none'>Tutup Konverter!</span><span class='show_emo pencet'>Emoticon</span></p>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;.konversi&#39;).click(function() {
$(&#39;.my-konversi&#39;).show();
$(&#39;.tutup&#39;).show();
$(&#39;.konversi&#39;).hide();
});
$(&#39;.tutup&#39;).click(function() {
$(&#39;.my-konversi&#39;).hide();
$(&#39;.tutup&#39;).hide();
$(&#39;.konversi&#39;).show();
});
$(&#39;.show_emo&#39;).click(function() {
$(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;);
});
});
</script>
<div class='my-konversi'><br/>
<script src='http://yourjavascript.com/84141947611/konversi-kode.js' type='text/javascript'/></div>
<div class='comment_emo_list'/>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor'/>
<b:else/>
<p><data:blogCommentMessage/>
<br/><br/><span class='konversi pencet'>Konversi Kode</span><span class='tutup pencet' style='display:none'>Tutup Konverter!</span><span class='show_emo pencet'>Emoticon</span></p>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;.konversi&#39;).click(function() {
$(&#39;.my-konversi&#39;).show();
$(&#39;.tutup&#39;).show();
$(&#39;.konversi&#39;).hide();
});
$(&#39;.tutup&#39;).click(function() {
$(&#39;.my-konversi&#39;).hide();
$(&#39;.tutup&#39;).hide();
$(&#39;.konversi&#39;).show();
});
$(&#39;.show_emo&#39;).click(function() {
$(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;);
});
});
</script>
<div class='my-konversi'><br/>
<script src='http://yourjavascript.com/84141947611/konversi-kode.js' type='text/javascript'/></div>
<div class='comment_emo_list'/>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
4.Selanjutnya,Taruhlah Kode Dibawah Ini Diatas Kode ]]></b:skin>
#comments .pencet { 
color : #fff;
margin-right : 10px;
padding : 4px 15px;
background-color : #e74c3c;
font-size : 12px;
font-weight : 400;
text-transform : none;
border-radius : 4px;
text-decoration : none;
outline : none;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px #333;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);
transition : background-color 1s 0s ease-out;
cursor : pointer;
}
#comments .pencet a {
color : #fff !important ;
}
.my-konversi {
display : none;
background : none;
width : 100%;
height: 265px;
margin-bottom : 5px;
}
Terakhir Simpan Template Anda

Cara Membuat Thread Comment Hack Ala Blog Kang Ismet Di Blogger

Semua-Niche| Cara Membuat Thread Comment  Hack Ala BlogKang Ismet Di Blogger,
Thread Comment Hack,Yaitu dimana kolom komentar anda di modifikasi oleh orang
sebenarnya Thread comment hack ini berfungsi untuk menarik pengunjung untuk berkomentar
thread comment hack ini juga tidak akan berpengaruh pada blog anda yang saya aja bagikan
ini adalah Thread Comment Hack ala Blog Kang Ismet,Beliau adalah blogger terkenal
yang sudah berapa kali memberi artikel tutorial yang sangat bermanfaat,Mari kita
lihat cara membuatnya :
Terkait ! : Membuat Widget Postingan/Artikel Terbaru Sesuai Label

Langkah Pembuatan :

1.Pertama Anda Masuk Ke Blogger Anda
2.Klik Bagian Template
3. Cari Kode </head> Dalam Blog Anda Letakan Kode Dibawah Ini Dibawah Kode </head>
<link href='https://googledrive.com/host/0BwbwSIoW-tx1ZTVSYlQ5X1R0UTA' rel='stylesheet' type='text/css'/>
Jika Kode Diatas Sudah Ada Lewati
Saja Langkah Ini
4.Selanjutnya Carilah Kode <b:include data='post' name='threaded_comments'/>
5.Ganti kode tersebut dengan kode :
<b:include data='post' name='comments'/> 
6. Selanjutnya,Cari Kode :
 <b:includable id='comments' var='post'>bla..bla..bla..</b:includable>
7.Ganti Kode Tersebut Dengan Kode :
<b:includable id='comments' var='post'>

<style type='text/css'>

  #origin_cform{font-family:&#39;Oswald&#39;,sans-serif;}

  #comments {line-height:1.4em;margin: 60px 0 15px 0;position:relative;background:#2a3542;border-radius:4px;padding:25px 20px 0 20px;font-family:&#39;Open Sans&#39;,sans-serif}

  #comments h3 {border-radius:4px 4px 0 0;font-size:14px;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase;font-weight:normal;left:0;top:-43px;background:#22afa4;color:#fff;width:85%;padding:14px 20px 14px 75px;position:absolute}

#comments h3:before {

 content: &quot;\f0e6&quot;;

 font-family:fontAwesome;

 font-size:22px;

 font-style: normal;

 background-color:#1a857d;

 color:#fff;

 border-radius:5px 0 0 4px;

 top:2px;

 left:0;

margin-top:-1px;

 padding:13px 20px 12px 20px;

 position:absolute;

}

.comment_avatar_wrap{

width:42px;

height:42px;

border: 1px solid #151d26;

background:#25303c;

padding:4px;

text-align:center;

margin-bottom:20px;

}

#comments .avatar-image-container {

float: left;

margin: 0 10px 0 0;

width: 42px;

height: 42px;

max-width:42px;

max-height:42px;

padding: 0;

margin-bottom:10px;

}

#comments .avatar-image-container img {

width: 42px;

height: 42px;

max-width: 42px;

max-height: 42px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzuTXTUOy0jBGE-auL4B5B81HGxexA3Vk_F5rBlUxWdUXzSMTUo1JzKtCNoj1K9g3dcW5rVZGhQ2Wf0RJv79zDsIiJBols7qYNWYRUdcSryYZlcAsWXa1gHkq3YRqwhgptfpZdnGENZnm4/s1600/anon.jpg) no-repeat;

}

.comment_name a {

color:#21afa4;

font-family:Oswald, Arial, Sans-serif;

padding-bottom:10px;

font-size:14px;

text-decoration: none;

}

.comment_name a:hover {

color:#c94e5c;}

.comment_admin .comment_name  {

font-family:Oswald, Arial, Sans-serif;

padding-bottom:10px;

font-size:14px;

text-decoration: none;

}

.comment_admin .comment_date  {

font-weight: normal;

font-size:11px;

}

.comment_name {

font-family:Oswald, Arial, Sans-serif;

padding-bottom:10px;

font-size:14px;

font-weight:normal;

position:relative;

}

.comment_service{

margin-top:5px

}

.comment_date {

color: #999;

float:right;

font-size:11px;

font-weight:normal;

}

.comment_date a{

color: #a9a9a9;

float:right;

font-size:11px;

font-weight:normal;

}

.comment_date a:hover{

color: #a9a9a9;

text-decoration:none;

}

.comment_body{

margin-top:-72px;

margin-left:65px;

background:#25303c;

border:1px solid #1d2630;

border-top:1px solid #171f28;

border-left:1px solid #171f28;

padding:15px;

}

div.comment_inner.comment_admin{

background:#394549;

}

.comment_body p {

line-height: 1.5em;

margin: 5px 0 0 0;

color: #999;

font-size: 13px;

word-wrap:break-word;

padding-bottom:10px;

}

.comment_inner {

padding: 15px;

margin: 5px 0 5px 0;

background-color:#35404d;

}

.comment_child .comment_wrap {padding-left: 5%;}

.comment_reply {

display: inline-block;

margin-top:8px;

margin-left:-5px;

padding: 1px 12px;

color: #fff !important;

text-align: center;

text-decoration: none;

border-radius: 2px;

background: #54687c;

font: 11px/18px sans-serif;

transition: background-color 1s ease-out 0s;

}

.comment_reply:hover {

text-decoration: none !important;;

background: #627c96;

}

.unneeded-paging-control {display: none;}

#comment-editor {width:100% !important;background:#e1e3e6 url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS8464lx-xX4WIk851lRZDYDf5LoTVQT1DQ1Froi-O9Nhq2i8XSewMrEUyLbGGUQTp36bBP8G9bhzzoUOgZJ6NSSMw9i5UXVajr8bFI9ST2Z0Rvx452L0MG15TIKZ10aicbrcm3LvWEo8/s1600/kangis-loader.gif&#39;) no-repeat 50% 30%;border-radius:4px;margin-bottom:20px;position:relative;}

.comment-form {max-width: 100% !important;}

.comment_form a {

    margin-bottom:8px;

text-decoration: none;

font-weight: normal;

font-family:&#39;Oswald&#39;,sans-serif;

font-size: 15px;

text-align:center;

    color:#54687c;

}

  .comment_form a:hover {text-decoration: none;color:#f2f2f2}



.comment_reply_form {

padding: 0 0 0 70px;

}

.comment_reply_form .comment-form {width: 99%;}

img.comment_emo {margin:0;padding:0;vertical-align:middle}

.comment_emo_list{

display:none;

}

.comment_emo_list .item {

float: left;

text-align: center;

margin: 10px 10px 0 0;

height: 40px;

width:41px;

}

.comment_emo_list span {

display: block;

font-weight: bold;

font-size: 11px;

letter-spacing: 1px;

}

.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}

.comment_img {max-width:100%!important;}



.comment_header{width:50px}

#respond {

overflow: hidden;

padding-left: 10px;

clear: both;

}

.comment_avatar img{width:42px;height:42px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzuTXTUOy0jBGE-auL4B5B81HGxexA3Vk_F5rBlUxWdUXzSMTUo1JzKtCNoj1K9g3dcW5rVZGhQ2Wf0RJv79zDsIiJBols7qYNWYRUdcSryYZlcAsWXa1gHkq3YRqwhgptfpZdnGENZnm4/s1600/anon.jpg) no-repeat}

.comment-delete img{float:right;margin-left:15px;margin-top:3px;}

.comment_author_flag {display:none}

.comment_admin .comment_author_flag {display:inline;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}

iframe{border:none;overflow:hidden}

.deleted-comment {

background:#db6161 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgntINEcx7pXP8MrWhEeXHQbmSxTbgdlWtLveCbeYd9fJNYVyH4SPucD6c03zEa0vUzyshlyXybgFe6laQOHSatH4skbLO14MM0eC7t2IeQrlW5ykzrqbIZ3hquVeVeM3joAXNk2JKEtGo/s1600/tempat-sampah.png) no-repeat 2% 50%;

color:#efd4d4;

line-height: 22px;

border: 1px solid #c44d4d;

padding:12px 15px 12px 45px;

margin:5px 0;

display: block;

}

.comment-form p {

background: #54687c;

padding: 15px 15px 14px 15px;

margin: 5px 0 5px 0;

color: #f4f4f4;

font-size: 13px;

line-height: 20px;

border-radius:4px;

position:relative;

}

div.comment_avatar img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {

content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhW2B_6S-iAjt2gK_7NKZFAwl7Sk16kI6LVH121vTCCrFaxknYoI5Sz5TN2h8iKQc2cJqb0UfnMtH8j5bPEpEVNG3RYRYswT9LYwl81V1Lc0FboDtNaqTtXp1QVfFtCvi7addkOMndONY/s45-c/gravatar.png);

}

  div:target .comment_inner{background:#346656;transition:all 15s ease-out;}

div:target .comment_child .comment_wrap .comment_inner{background:#404c5c;}



iframe{border:none;overflow:hidden}



.center {

 text-align:center

}



img.cm-prev {

  max-width:100%;

  margin:10px auto;

  page-break-after:always;

  display:block;

  text-align:center !important;

}

</style>



<div class='comments' id='comments'>

    <a name='comments'/>

 <b:if cond='data:post.allowComments'>

  <b:if cond='data:post.numComments != 0'>

   <h3>

    <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:

     <b:else/>

     <data:post.numComments/> <data:commentLabelPlural/>

    </b:if>

   </h3>

  </b:if>

             

  <b:if cond='data:post.commentPagingRequired'>

   <span class='paging-control-container'>

    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

    &#160;

    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

    &#160;

    <data:post.commentRangeText/>

    &#160;

    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

    &#160;

    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

   </span>

  </b:if>

                     

  <div class='clear'/>

  <div id='comment_block'>

   <b:loop values='data:post.comments' var='comment'>

                                                                           

   <div class='comment_wrap' expr:auclass='data:comment.adminClass' expr:id='data:comment.anchorName' level='0'>                                                                                    

     <a expr:name='data:comment.anchorName'/>

      <b:if cond='data:post.adminClass == data:comment.adminClass'>

       &lt;div class=&#39;comment_inner comment_admin&#39;&gt;

       <b:else/>

                            &lt;div class=&#39;comment_inner&#39;&gt;

      </b:if>

   

    <div class='comment_header'>

                               <div class='comment_avatar_wrap'>

     <div class='comment_avatar'>

      <data:comment.authorAvatarImage/>

                                 </div>

<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>Balas</a>

     </div>

                       

     <div class='clear'/>

    </div>

       

    <div class='comment_body'>

                                      <span class='comment_arrow'/>

     <div class='comment_name'>

      <b:if cond='data:comment.authorUrl'>

       <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

       <b:else/>

       <data:comment.author/>

      </b:if>      

                  <span class='comment_service'>

                      <b:include data='comment' name='commentDeleteIcon'/>

<a class='comment-delete' expr:href='data:comment.deleteUrl' title='Hapus komentar jelek ini'>

<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxHMWoUQEY8gu5p-7moset8zq5Q71OCYNkNi0-usMHbvXZpEI7vG58GnQUpwa9E9uAudjjTyWw6tnccQ0RivdKlha5Cysv0YCTPCcq5_X0tJ30YGNPM_ALzosJ_yuEYXyZNnR8YLC2Ibk/s1600/delete4.png' title='Hapus komentar jelek ini'/>

</a>

      <span class='comment_date'><abbr class='published' expr:title='data:post.timestampISO8601'>                   <data:comment.timestamp/></abbr></span>

  </span></div>

     <b:if cond='data:comment.isDeleted'>

      <span class='deleted-comment'><data:comment.body/></span>

      <b:else/>

      <p><data:comment.body/></p>

                        <div class='clear'/>

                     

     </b:if>

                                                     

    </div>                        

     <div class='clear'/>

     &lt;/div&gt;

     <div class='clear'/>

         

    <div class='comment_child'/>

    <a expr:name='&quot;r_&quot;+data:comment.anchorName'/>

    <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>            

    </div>

   </b:loop>            

   </div>  

    <div class='clear'/>

    <b:if cond='data:post.commentPagingRequired'>

     <span class='paging-control-container'>

       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

       &#160;

       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

       &#160;

       <data:post.commentRangeText/>

       &#160;

       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

       &#160;

       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

     </span>

    </b:if>

    <div class='clear'/>

  <div class='comment_form'>        

       

   <b:if cond='data:post.embedCommentForm'>

    <b:if cond='data:post.allowNewComments'>

      <div class='comment_emo_list'/>                                                                                            

       <b:include data='post' name='threaded-comment-form'/>

       <b:else/>

       <data:post.noNewCommentsText/>

    </b:if>

    <b:else/>

    <b:if cond='data:post.allowComments'>

     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    </b:if>

   </b:if>

  </div>

 </b:if>

</div>



                 

       <script type='text/javascript'>

       //<![CDATA[

       if (typeof(jQuery) == 'undefined') {

 //output the script (load it from google api)

 document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");

}

       //]]>

       </script>

   

       <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

       <script type='text/javascript'>

     

         <b:if cond='data:post.numComments != 0'>

         var Items = <data:post.commentJso/>;

         var Msgs = <data:post.commentMsgs/>;

         var Config = <data:post.commentConfig/>;

        <b:else/>

         var Items = {};

         var Msgs = {};

         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};

        </b:if>

       //<![CDATA[

       //Global setting

        Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment

        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan

        Replace_Youtube_Link = true;//Embed video YouTube, ketik "false" untuk mendisable

        Replace_Image_Link = true;//Auto replace link image,  ketik "false" untuk mendisable.

                                Replace_Force_Tag = true;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi

        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true

     

        //Pengaturan Emoticon

        Emo_List = [

        ':)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjls9MqJhUOIItxvtoToVoJDXnzgw4LajP2l-iGCL4DNgd7dvNWQOu4DkHYvztAMQmcJVVFZqYrZaEHDQ-G-rrSznyL8Zu6M-DNjAOEl2VHoqq3FscPAvJOeeztzA75njr_pKIi4ZGhyzw/s1600/smile1.gif',

        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL48YhIR1LnugnhtzwNjmYx2fZiAp1RJmnx6dFnLqvjJjNUD3aHagI0MmK85RpK9-eykTGgSMqY5MV61mKK_9rd7rjOp1LvhH_ND1wT2h0GVwJE6fD9UiM5Ox1ExvZ33ewgFJRelAvTCo/s1600/sad.gif',

        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_dneRia4dwwS5CBGuZte87p4Amxx4JaaIE4ry7gDkwwZSKbJXjv16pNq2K4CNFUYhtpYFpzaQOO307nGj8AofOVHfN5XSyRNlMJfODWB3gEoLOtdkkvq5c3cN4ux3evQ19dXNE4SPzus/s1600/sadanimated.gif',

        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidFw3nRvHDz3Tbdswo4yFd18GbIa5F8l-xo6l4k9geG18Rvdgd5wSsHG_mEpkBAhrtqsV7IsxP1nI8NmRItsS0xsnjTfcPUIewB2BVRnOcyiynmlUg6m98iJt_3ZTxZLDDXD6YEP9A6m8/s1600/smile.gif',

        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-2JYSuY3s8wV6H4rkfqAj26rk0WgxQKHPzP7RE56bg5rJxY7oLudXVo66IaTgcc0dSRDvSmnoYIxkrXYSrddyRDzHqAnKQ8X68UF9J9qN-2KjQ2yI8PSO1PWKnPmKlHqGdgQYipYc0Oo/s1600/icon_smile.gif',

        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__nk0iBDZ_jfY-pTeyaJHJPu1DVE4zA2cDvu8vsqs9AOG9JFEg524slD4kDyLPLJog7LZtOJ1V46OufEfx__KfeKnNdFM39w6TEmEzxM7EFEaybU-mpOeiPFr-D5lliJUhTGqpN146KY/s1600/hihi.gif',

        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVHzbMimGsoL6vYLo3wJvp2kFC8YsZ69ygQkHEa8By-QOU2MaZzPkcCWkyv6xfnXaDjc8g60i0KV1sbDYHWdfwnRY2CyzU5hB85DrfpWpU6KGaumhUs0wI2mXkLlI9gZOorkITPTNxAKM/s1600/applause.gif',

        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH8x3dTXJyQ7MiezNq2LH-yFO7xto6UVig-pq2CN_vbKexTs2scPo5RRR5Yi_S4vd7u2kxYQdjm7Z8QPhUmmrTjyislBio7az_FjPpKHcyLej6UDtcNVA8MV0PUq0YC9i6GFCGH2NGKzw/s1600/rolleyes.gif',

        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoRfaPdzSUfMK6hdAt2w9DN8zIYX7AzzOTbdHreV8nOXRjMezFUpKK1WpMlViAu43Y2vdEteP69xAvN57PM3q1_x9LUdDvlTjuw5hlM-F1paFSE2XtjvFxjk_ysILNBSNCoQkgdJBsPz0/s1600/wink.gif',

        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCPkkyfKHsSJBpYwWsROSJtJ-u0r5V1JtHhO5ZeSzv1-ViKYEg3tPRV8TZaty4ZcWzuSMqGbbvxFvS8cZLy9hAYVQ3jE3uCbUrSZMlQTdY2Gdp_gyaYzwOK0StjS-oAeopS2ptxcoVwhY/s1600/thumb.gif',

        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEdrOACY_1e3nfbWT1eWz35Je7fIAlF-zy41y132KSH4dm-W-TzkeCjzsx-U8ty33VhWgjDQuvJ4du_-KGVJzZaYI4gS4lo2FnGiCBdWjzhVeL_yquvd6dpm9ljb7NV2c8I9wmy6v1_-I/s1600/thumbsup.gif',

                                                                 ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW3zSDFXCqA_4JE1Oi5jFAv_dNc0AqWNHOTSjo2VWSpVTtExtq_kEP120tIv3VVqu_TxtFbZ8FCEuvZkuAHBq2U7AE55Q_TfDHrt1R_jNAFiWOJY5r-mq5bOPAqLDjFO-tIQfIvZLL7ac/s1600/wee.gif',    

        ];

     

                           

                                //Config Force tag list, define all in lower case

                                Force_Tag = [

                                    '[pre]','<pre>',

                                    '[/pre]','</pre>',

                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',

                                    '</pre>','</code>'

                                ];

   

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))    

             

       //]]>

         </script>

</b:includable>

Terakhir Simpan Template Anda