Download Tema Full Seo Friendly 2015

Search Engine Optimization, biasa disingkat SEO  adalah suatu proses yang bertujuan untuk meningkatkan
 trafik atau melalui search engin atau ( mesin pencari ) untuk memaksimalkan blog untuk menjadi rank ter atas di google . .

tapi perlu anda ketahui walaupun blog anda full seo tetapi postingan anda copas semua itu sama saja anda punya warung roti tpi roti anda beli tepat disebelah toko anda ,

pasti pengunjung lebih memilih toko roti di sebelah anda karna di situ lah letak original / keaslian dari roti tersebut ,

alangkah lebih baiknya  jika anda membuat postingan itu sendiri dari tangan anda .

gimana apakah anda sudah paham ?

kalau sudah paham mari kita lanjut ke postingan yang sudah saya buat yaitu Download Tema Full Seo Friendly


Droid Plus

DEMO | DONWLOAD

Thesis New

DEMO | DONWLOAD

SIMPLE FAST

DEMO | DOWNLOAD

sekian postingan dari Admin . .semoga bermanfaat . . .

Cara Menambahkan Daftar isi /Sitemap Di blog terbaru

Salam Blogger . . .

nah kali ini admin akan share bagaimana cara menambahkan Cara Menambahkan Daftar isi /Sitemap DI blog .

 cara nya pun cukup mudah ,

copy kode di bawah ini lalu copy dah di blog sobat .

<div id='show-cat'>
	</div>
	<div id='show-post'>
	<script type='text/javaScript'>
	var cat_home='https://sepilnyepil.blogspot.com/';cat_numb=11;cat_pre='Prev';cat_nex='Next';
	var cat_name;var cat_start;var cat_class;
	function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
	</script>
	</div>
	<style scoped="" type="text/css">
	#show-cat{float:left;margin:20px 2% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:normal;border:1px solid rgba(0,0,0,0.1)}
	#show-cat ul{margin:0;border-top:0 solid rgba(0,0,0,0.1);padding:0}
	#show-post ul li{list-style-type:none;margin:0 0 0 -25px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
	#show-post ul li:hover{margin-right:10px;border-color:#fcd3d3}
	#show-cat ul li a{display:block;padding:10px;border-bottom:1px solid rgba(0,0,0,0.1);transition:initial}
	#navi-cat a:hover{color:#fff!important}
	#show-cat ul li:last-child a{border-bottom:none}
	#show-cat ul li a,#navi-cat a{background:#fff;color:#555;font-weight:bold;text-decoration:none}
	#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:13px}
	#show-cat ul li a:hover,#navi-cat a:hover{background:#666;color:#fff}
	#show-post{float:left;width:69%;line-height:1.6em}
	#show-post a{color:#333;font-size:14px}
	#show-post a:hover{color:#f14b4b}
	#navi-cat{padding:20px 0}
	#navi-cat a{padding:5px 10px;background:rgba(0,0,0,0.7);margin:0 5px 0 0;color:#fff;border-radius:3px;}
	#navi-cat a:nth-child(2){background:#f14b4b;margin:0 10px 0 0;color:#fff}
	#navi-cat span{float:right;padding:5px 0;font-size:12px;color:rgba(0,0,0,0.5);font-weight:700}
	#show-cat::-webkit-scrollbar{width:8px;height:8px}
	#show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);}
	#show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}
	#show-cat::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}
	@media screen and (max-width:768px){#show-cat{width:35%}#show-post{width:59%}}
	@media screen and (max-width:480px){#show-cat{width:100%;margin:20px 0}#show-post{width:100%}}
	</style>

NB : https://sepilnyepil.blogspot.com/ganti dengan URL blog sobat . . 


untuk pemasangan bisa anda pasang di laman / di postingan di blog sobat , , 

oke sekian dulu postingan  Cara Menambahkan Daftar isi /Sitemap Di blog

semoga bermanfaat . . .

Cara Menambahkan Jadwal Televisi Di Blog

DEMO WIDGET JADWAL TELEVISI

Hai sahabat Blogger ,

kali ini admin akan share bagaimana Cara Menambahkan Jadwal Televisi Di Blog .

gimana apakah anda tertarik memasang Jadwal Televisi Di Blog ?

tentu ini akan membuat blog menjadi lebih unik karena secara tidak langsung pengunjung bisa  Melihat Jadwal Televisi Di Blog  di blog anda ,

oke langsung saja ,

simak baik baik cara nya ,

pertama copy kode di bawah ini

<div style="text-align: center;">
<b>Jadwal Televisi Update Setiap Hari
</b><iframe src="http://tvguide.co.id/mobile/all" style="background-color: white; border: none; height: 1000px; width: 600px;"></iframe></div>
<a href='http://blog-kenyut.blogspot.sg//2015/04/cara-menambahkan-widget-jadwal-televisi-di-blog-terbaru.html' target='_blank'>:: Get this widget ! ::</a>
<div style='clear:both;'/></div>


keterangan : yang berwarna merah bisa di ganti bisa di ganti sesuai selera anda

kedua buka Dasbord blog sobat setelah itu klik laman

ketiga buat laman baru , lalu copas kode di atas dengan mode HTML bukan COMPOSE .

keempat klik priview/lihat halaman sobat ,

kelima selesai deh . .

gimana mudah kan . .

oke sekian dulu tutorial dari admin , semoga bermanfaat ,,

jika ada yang ingin di tanyakan silahkan tanya di tempat yang sudah di sediakan ,Sumber http://blogkenyut.blogspot.com/p/blog-page.html

Cara Menambahkan Kode HTML di blogspot 2015

oke sobat blogger kali ini admin mau share  Cara Menambahkan Kode HTML di blogspot .

Postingan ini sangat berguna buat sobat blogger yang pemula atau istilah nya newbie ,

oke langsung saja simak baik baik cara nya .

pertama anda harus masuk halaman dasbord blog anda ,

setelah itu klik Tata Letak setelah itu klik Tambahkan Gatget

nanti akan muncul gambar seperti di bawah ini ,

setelah itu pilih Html/Javascript ingat yang di klik gambar + nya

setelah itu nanti akan muncul gambar seperti di bawah ini

langsung saja paste kan kode html anda ke kotak konten
oke sekian dulu postingan Cara Menambahkan Kode HTML di blogspot semoga bermanfaat :D

Cara Memasang Iklan Melayang Di samping Kiri dan Kanan Di Blog 2015

Cara Memasang Iklan Melayang Di samping Kiri dan Kanan Di Blog -

 Hai Sahabat Blogger , Kali ini admin akan share Cara Memasang Iklan Melayang Di samping Kiri dan Kanan Di Blog .

tentunya kalian sudah tahu apa itu iklan blog ,

agar lebih menarik biasa nya para blogger menggunakan  Iklan Melayang fi blog agar pengunjung blog lebih tertarik untuk melihat nya dan tentunya ini sangat menguntungkan bagi kita para pengguna blogger .

tapi sebelum admin kasih tutorial admin ingin beri saran sedikit tentang Iklan Melayang di blog  ini ,

jangan terlalu berlebihan menggunakan iklan melayang ini , karna bisa mengganggu pengunjung blog yang ingin membaca postingan blog anda , 

pasang lah iklan melayang ini sewajar nya agar pengunjung blog lebih nyaman untuk membaca nya , 

cari lah iklan ppc semenarik mungkin agar pengunjung tertarik untuk melihat iklan tersebut . . .


oke langsung saja simak baik baik  Cara Memasang Iklan Melayang Di samping Kiri dan Kanan Di Blog :

Pertama Masuk ke dashbor blog => Tata Letak => Tambahkan gadget terserah mau piilih yang mana => Html/Java Script .

Copy kode di bawah ini

Untuk Iklan Melayang sebelah kiri

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};

</script><script type="text/javascript">

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script>

<!--start: floating ads-->

<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">

<div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQul7PAQknhQSR33OIrmGvi2Yr-8BTXmQCi2_cXIkFM0L-ACO3depzQqwNn1VI5Jp84msYoRQrDHsCd3zldbONtB5CVY_Ay2E54jDOvJZ62A_igKR-HyJndIUn5xEV9J-IHNYpGax5Scrc/s1600/close3.png' alt='close' title='close button'/></center></a></div>

<!--Mulai disini-->

<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kiri Blog-->

<!--Akhir disini-->

</div>

<!--end: floating ads-->
<!--start: floating ads-->

Iklan Melayang Sebelah Kanan


<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">

<div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQul7PAQknhQSR33OIrmGvi2Yr-8BTXmQCi2_cXIkFM0L-ACO3depzQqwNn1VI5Jp84msYoRQrDHsCd3zldbONtB5CVY_Ay2E54jDOvJZ62A_igKR-HyJndIUn5xEV9J-IHNYpGax5Scrc/s1600/close3.png' alt='close' title='close button'/></center></a></div>

<!--Mulai disini-->

<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kanan Blog-->

<!--Akhir disini-->

<!--end: floating ads--></div>



ket :  <!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kanan Blog--> ganti dengan banner iklan sobat . . .

Ketiga Klik simpan dan lihat hasil nya .

oke sekian dulu tutorial dari admin semoga bermanfaat , 
dan jangan lupa untuk follow blog dan tinggalkan komentar kalo ada yang ingin ditanyakan . .

Cara Memasang Fanspage Melayang Di blog

Hai sahabat Blogger dalam kesempatan ini admin akan share Cara Memasang Fanspage Melayang Di blog . .

Nah keunikan dari Fanspage melayang di blog ini sendiri adalah pengunjung blog akan lebih mudah untuk like fanspage kita dan tentunya ini sangat menguntungkan bagi kita para blogger .. . .

dan tentunya ini sangat bermanfaat bagi pengguna blog pemula seperti saya , karena blog terlihat lebih keren dan tentunya menarik . .


oke langsung saja . .

simak baik-baik Cara Memasang Fanspage Melayang Di blog . .


Pertama Masuk ke dashbor blog => Tata Letak => Tambahkan gadget terserah mau piilih yang mana => Html/Java Script .


Copy kode di bawah ini


<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Klik Like Untuk Mendapat kan Update Terbaru dari Blog ini</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/sipelnyepel?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<a class='close' href='#'>&times;</a>
</div>




keterangan  :

Klik Like Untuk Mendapat kan Update Terbaru dari Blog ini ganti dengan kata kata sobat

blogkenyut ganti dengan id fanspage milik sobat . .

kedua klik simpan dan lihat hasilnya . . 

gimana mudah kan . .

oke sekian dulu tutorial dari admin , semoga bermanfaat . .

Cara Memasang Iklan/Banner Di Bawah Postingan Blog

Oke langsung saja simak baik baik caranya . .

1. Masuk ke Dashbor blog sobat . .

2. Pilih Template => Edit HTML

3. Cari kode <data:post.body/> untuk lebih mudah bisa menggunakan ctrl+f  ,
    biasanya terdapat 3 kode  <data:post.body/> nah pilih yang ke dua / tiga .

4. Pastekan iklan/Banner di bawah kode <data:post.body/> . .

5. klik Simpan Template , tunngu sampai loading selesai . .

  Sekian dulu tutorial Cara Memasang Iklan/Banner Di Bawah Postingan Blog   semoga bermanfaat . .

Kalau ada yang ingin di tanyakan silahkan tulis di komentar . .

Cara Membuat Widget Recent Post Berdasarkan Label di Blog

Contoh Widget Recent Post By Label

Cara Membuat Widget Recent Post Berdasarkan Label di Blog Beserta Gambar . Widget ini sangat cocok untuk blog yang niche nya Gado-Gado dan keunggulan widget ini adalah bisa mempermudah pengunjung untuk mengetahui apa yang di bahas di blog lewat widget Recent Post berdasarkan Label ini.

Disini admin akan mengambarkan contoh seorang pengunjung (A) yang sedang mengunjungi sebuah blog.
Contoh :
Semula si A ingin mencari seputar tutorial blog , trus tanpa sengaja dia melihat judul postingan yang bertema komputer yang berjudul ''Cara Hack Wifi Tetangga" lalu dengan rasa penasaran nya dia Ngklik judul tersebut.

Dari contoh diatas secara tidak langsung pengunjung yang semula TIDAK TAU akan menjadi lebih TAU hal ini juga berdampak positif bagi blog anda karena pengunjung jadi lebih betah berlama-lama di blog anda dan ini juga bisa meninggkatkan Kualitas blog sehingga besar kemungkinan blog akan nangkring di Page One google , karena Google menentukan Blog yang berkualitas dari segi seberapa lama pengunjung di blog anda dan banyaknya klik yang di klik penunjung.

Gimana berminatkah memasang widget ini di blog anda ?
Jika berminat langsung saja ikuti Tutorial Membuat Widget Recent Post Berdasarkan Label di Blog di bawah ini :

1. Masuk Dashbord Blog => Tata Letak => Tambahkan Gadget => Pilih HTML/JavaScript .
2. Jangan Lupa isi Judul dengan Nama Label setelah itu copy kode di bawah ini di kolom konten .

<style>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:72px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style>
<script>
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)
{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';
}
var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');
if(showpostthumbnails==true)
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');
    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
if (showpostsummary == true) {
      if (postcontent.length < numchars) {
          document.write('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('</i>');}
}
var towrite='';var flag=0;
document.write('<br><strong>');
if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='No Comments';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}
if(displaymore==true)
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Read more&#187;&#187;</a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==false)
if (i!=(numposts-1))
document.write('<hr color="#d9f1fa" size=0.5>');
}document.write('</ul>');
}
</script>
<script>
var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;
</script><script src="http://blog-kenyut.blogspot.com/feeds/posts/default/-/LABELMU?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script><div class="clear"/></div>

 *Penting

a. Angka 5 Bisa diganti dengan jumlah postingan yang ingin di tampulkan.
b. Blog-kenyut ganti dengan nama Blog anda.
c. LABELMU ganti dengan url label yang ingin di tampilkan.

3. Klik simpan dan lihat hasilnya .

Cara Membuat Notifikasi Komentar Mirip Google Plus di Blog

Hai Sahabat blogger kali ini admin akan share bagaimana Cara Membuat Notifikasi Komentar Mirip Google Plus .

 Nah kelebihan dari widget ini adalah loading blog lebih ringan di banding dengan Notifikasi Komentar Avatar atau Recent Coment Avatar ,

Disamping kelebihan loading yang ringan kelebihan lain nya adalah tampilan blog menjadi lebih simple dan keren ,

nah langsung saja , simak baik-baik cara nya

pertama anda masuk ke Dasbord Blog => Template  => Edit Html 

kedua cari cari kode  ]]></b:skin> atau kode  </style>  untuk mempermudah pencarian bisa tekan ctrl+f setelah itu copy kode  ]]></b:skin> atau kode  </style> .

ketiga copy kode di bawah ini setelah itu paste di atas  ]]></b:skin> atau kode  </style> .

/* 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:25px;
  right:126px;
  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:300px;
  position:fixed;
  top:62px;
  right:0;
  z-index:9999;
  background-color:#422929;
  padding:60px 20px 10px 20px;
  color:#0D8A80;
  box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;
  text-align:left;
  border:5px solid #580606;
  background-clip:padding-box;
  display:none;
}
#cm-container:before {
  content:url('

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzZnPQ7GxAEuG2GYiZI-6L0xJKEjzzmB-x_HN5byk7PViwSsoWfhCsTnGNzVyV0NdynevatiBlO2Oiy6Oj-ZXSb1TepVkGlsbfF7D9VPZv5KX3XiIBRuZnCG2TPADqRxu1IMIUs_QsqEI/s1600/arrow-notif.png');
  position:absolute;
  top:-19px;
  left:200px;
}
#cm-container:after {
  content:"Komentar Terbaru";
  position:absolute;
  top:22px;
  left:150px;
  text-align:center;
  font:normal 14px Arial;
  color:#fff;
}
.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: #422929;
  margin-bottom:10px;
}
.cm-text {color:#E61919;}
.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/AVvXsEh0KoMrYfACSqkhsd1Z2i-ctHni76O0bTZ7itFSZKWGeXjwAYTuq_G_QDQcyahRYPUYuNvVXnz6fQoe8a2OBo9DJ3GfwRUfaSOAkFzggg0TDLoZ44lqg3FFFHLvZarBvVaG42EZe4gc57Y/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='http://img1.blogblog.com/img/openid16-rounded.gif'] {
content: 

url(

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3SgBYJDVdpQ4J5QfqwvvPmM-tlK6SjCEmSCXfNhGdzgTkDhOMOlrwFDsJob7439kYWY4ommnRmHxpXeci3Xb5WofT630Qn9lAjjmj-_1Is8y9aUn99csD7rcTb2REkwdkIkkj0NHKn-I/s80-c/gravatar.png);
}

ke empat cari kode </body> dan paste kode di bawah ini di atas </body> 

<div id='cm-container'/>
<div id='notif'><img alt='notifikasi' 

src='

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEA1GGyGv77yZp08lya0hphKcZdWanTNzg8p-IOUSCX28p-DtxU4ubnoSpJYl81h4Al4u0YtqKDHfWam2wrQX6rOOPYkNC5_n2R3vWqVxRFVHnVpTstB_q1_-SirNABbbpLS398eKK1f0/s1600/lonceng.png' 

title='Notifikasi'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' 

src='

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpo1GbQKhn5peIHkl3ozzPGGtIkVPZpm05Iv83I7o7UAo0uLRHZ4kHwRL5WcF_4F2fynAzG2EBvWFJDmyt4KNjVtpRJgv0i4BrGUQwFPOYJBGSJeslZVZ2GRWJZUm6gzGDI0BwAGGVJSk/s1600/delete4.png' 

title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
    home_page: "https://sepilnyepil.blogspot.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='http://yourjavascript.com/1858374111/aab-notif-koment.js' 

type='text/javascript'/>

NB : ganti https://sepilnyepil.blogspot.com/ dengan url blog anda 

Setelah itu klik simpan dan lihat hasil nya

oke sekian dulu tutorial dari Cara Membuat Notifikasi Komentar Mirip Google Plus .

 semoga bermanfaat , kalo ada yag ingin ditanyakan bisa tanya di komentar . .

Ciri Ciri Blog Yang Gagal / Rusak

Salam blogger ,

dalam kesempatan ini admin akan share  Ciri Ciri Blog Yang Gagal / Rusak ,

bagaimana perasaan anda ketika blog anda di anggap gagal ?

pasti itu membuat anda menjadi down . .

apakah blog anda berada kriteria di bawah ini ,

kalau ada maka berhati-hati lah . ..

oke langsung saja . ..

berikut Ciri Ciri Blog Yang Gagal / Rusak :

• Blog Yang kebanyakan iklan
  
  karena blog yang kebanyakan iklan itu biasa nya sangat mengganggu pengunjung , sehingga pengunjung blog itu sendiri lebih memilih blog yang sedikit iklan karena tidak terlalu mengganggu saat di baca
  .
• Sering Ganti Template
  
  karena sering ganti template biasanya blog lebih menjadi agak error dan biasa nya blog menjadi lebih berat . .
• Loading blog yang sangat berat
  
  ini sangat berpengaruh bagi blog anda , bagaimana pengunjung mau buka postingan anda yang lain sedangkan di beranda aja lama loading nya .
• Menambahkan wiget yang tidak penting
  
  karena Menambahkan wiget yang tidak penting biasa nya membuat loading blog semakin lebih berat .
  oke sekian dulu Ciri Ciri Blog yang tidak Sukses / Gagal semoga bermanfaat . .

Cara Menambahkan Visitor Flag Counter Di Blogspot

Visitor Flag Counter ini biasa d gunakan oleh sahabat blogger untuk melihat visitor / pengunjung dari asal nya ,
Postingan ini tentunya sangat ber manfaat bagi yang sedang belajar nge blog ,

oke gak usah panjang lebar , simak baik baik cara nya . .

pertama anda harus masuk ke http://flagcounter.com/

kedua langsung saja klik GET YOUR FLAG COUNTER

setelah itu nanti akan muncul gambar seperti di bawah ini

langsung saja klik skip ,

setelah itu nanti akan muncul gambar seperti di bawah ini

langsung saja copy kode nya dan tempatkan di blog anda pada Widget HTML

gimana mudah kan ?
kalau ada yang ingin di tanyakan silahkan tanya di tempat yang sudah di sediakan . .
oke sekian dulu postingan dari saya semoga bermanfaat . .