tag:blogger.com,1999:blog-19022149395550615882024-02-07T10:51:59.628+07:00Bootstrap for BloggerDesain Template Blogger SEO Friendly, Fast Loading, dan Responsive dengan BootstrapRomelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.comBlogger17125tag:blogger.com,1999:blog-1902214939555061588.post-49440014911322358802016-09-21T20:42:00.003+07:002016-09-21T20:42:57.928+07:00Cara Menghapus Subscribe to Atom di Blogger <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKheDKwe2Q-48Uw-nXt5oA9IqSxwsZWuLZm1GKuQq7KhHpS7U-AV6Uctp_AcIWYwdPv9G4GFWLPGfxvER7xo5LsPrP58ePRCQfm4d4V0p3dmvAwnw8jy2pYJt4m0nBQrrqZDcuTHhCm3c/s1600/desain+blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Menghapus Subscribe to Atom di Blogger " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKheDKwe2Q-48Uw-nXt5oA9IqSxwsZWuLZm1GKuQq7KhHpS7U-AV6Uctp_AcIWYwdPv9G4GFWLPGfxvER7xo5LsPrP58ePRCQfm4d4V0p3dmvAwnw8jy2pYJt4m0nBQrrqZDcuTHhCm3c/s1600/desain+blog.JPG" title="Cara Menghapus Subscribe to Atom di Blogger " /></a><b>Cara Menghapus Subscribe to Atom di Blogger </b><br />
<br />
TEKS link <b>Subscribe to Atom </b>merupakan widget bawaan blogger. Langka digunakan user, maka hapus atau hilangkan saja link <b>Subscribe to Atom</b> tersebut.<br />
<br />
Selain langka digunakan, juga mengganggu pemandangan dan sedikit pengaruhi loading blog karena ia berupa link (tautan).<br />
<br />
<b>Cara Menghapus Subscribe to Atom di Blogger </b><br />
<b> </b> <br />
Caranya:<br />
1. Template > Edit HTML<br />
2. Cari (Ctrl+F) kode berikut ini dan hapus:<br />
<br />
<b> <!-- feed links --><br /> <b:include name='feedLinks'/></b><br />
Save!<br />
<br />Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-82345552830122156572016-09-21T00:32:00.003+07:002016-09-21T21:41:23.691+07:00Mengenal Bootstrap - Kode Desain Template Blog Responsive<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj42MPY-vuf1kMoEkeGpUfAG2UkGUKE4amVrg2GTtGWfdJlMvYXWTYyPOHebany9HzoJUAZ6pmn1o5D1gA7uxLdWXKsdOziyZSAWRO1sIvZCdQqBOPcqnU9pbpA3iQSh1FwnXeH9aeelqU/s1600/bootstrap.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Mengenal Bootstrap - Kode Desain Template Responsive Berbasis HTML & CSS" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj42MPY-vuf1kMoEkeGpUfAG2UkGUKE4amVrg2GTtGWfdJlMvYXWTYyPOHebany9HzoJUAZ6pmn1o5D1gA7uxLdWXKsdOziyZSAWRO1sIvZCdQqBOPcqnU9pbpA3iQSh1FwnXeH9aeelqU/s1600/bootstrap.jpg" title="Mengenal Bootstrap - Kode Desain Template Responsive Berbasis HTML & CSS" /></a></div>
BOOTSTRAP adalah produk Twitter untuk membangun situs web atau blog berbasis HTML dan CSS.<br />
<br />
Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates.<br />
<br />
Bootstrap makes front-end web development faster and easier. It's made
for folks of all skill levels, devices of all shapes, and projects of
all sizes.<br />
<br />
Menurut <a href="https://id.wikipedia.org/wiki/Twitter_Bootstrap" rel="nofollow" target="_blank"><i>Wikipedia</i></a>, <a href="http://getbootstrap.com/" rel="nofollow" target="_blank">Twitter Bootstrap</a> adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website.<br />
<br />
<blockquote class="tr_bq">
Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan. </blockquote>
<br />
Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript.Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-50851276306702104982016-09-20T22:30:00.003+07:002016-11-04T09:36:23.092+07:00Recent Posts List Widget for Blogger Blog<b>Recent Posts List Widget for Blogger Blog. </b>With Thumbnail Image and/or Only Post Title. Pilihan di tangan Anda. Jangan pilih pemimpin yang tidak santun!!! Pilih yang menyejukkan......<b><br /></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGo4MW8TTCLrDtLgrVjcqOR-0eyVcrbwMy7ITJcSUfP5bJAtInxcgVAPJbcAEGti8cu6lUYHDGFvx42TmTLbShcERlIDV49_Qkm-AeFN_zTeZJ3JQzp57M8NJCKupvQ5SrpC81ikOYbbk/s1600/Recent-post-widget-image-thumbnail.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Posts List Widget for Blogger Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGo4MW8TTCLrDtLgrVjcqOR-0eyVcrbwMy7ITJcSUfP5bJAtInxcgVAPJbcAEGti8cu6lUYHDGFvx42TmTLbShcERlIDV49_Qkm-AeFN_zTeZJ3JQzp57M8NJCKupvQ5SrpC81ikOYbbk/s320/Recent-post-widget-image-thumbnail.png" title="Recent Posts List Widget for Blogger Blog" width="273" /></a></b></div>
<br />
<b>Cara Pasang:</b><br />
1. Layout > Add a Gadget > HTML / JavaScript<br />
2. Isi widget dengan POSTING TERBARU atau RECENT POSTS<br />
3. COPAS kode berikut ini di kolom kontent:<b><br /></b><br />
<br />
<blockquote class="tr_bq">
<link href="http://mybloggerlab.com/Scripts/recent.css" type="text/css" rel="stylesheet" /><br />
<script src="http://mybloggerlab.com/Scripts/json.js"></script><br />
<script type='text/javascript'><br />
var numposts = 5; //JUMLAH POSTING<br />
var showpostthumbnails = true; //GAMBAR THUMBNAIL ubah ke <b>false</b> jika tidak ingin ditampilkan<br />
var displaymore = false;<br />
var displayseparator = true;<br />
var showcommentnum = false;<br />
var showpostdate = false; //TANGGAL POSTING ubah ke <b>true</b> jika mau ditampilkan<br />
var showpostsummary = false; //Ringkasan ubah ke <b>true </b>jika mau ada ringkasan<br />
var numchars = 100; //Jumlah karakter ringkasan<br />
</script><br />
<script type="text/javascript" src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script><br />
<style><br />
.label_with_thumbs a {text-transform:none;}<br />
</style></blockquote>
<br />
<b>KODE RECENT POST hanya judul, tanpa gambar:</b><br />
<b><br /></b>
<br />
<blockquote class="tr_bq">
<div id="hlrpsb"><br />
<script style="text/javascript"> <br />
function showrecentposts(json) {<br />
<br />
for (var i = 0; i < numposts; i++) {<br />
var entry = json.feed.entry[i];<br />
var posttitle = entry.title.$t;<br />
var posturl;<br />
if (i == json.feed.entry.length) break;<br />
for (var k = 0; k < entry.link.length; k++) {<br />
if (entry.link[k].rel == 'alternate') {<br />
posturl = entry.link[k].href;<br />
break;<br />
}<br />
}<br />
posttitle = posttitle.link(posturl);<br />
var readmorelink = "&raquo;&raquo;";<br />
readmorelink = readmorelink.link(posturl);<br />
var postdate = entry.published.$t;<br />
var cdyear = postdate.substring(0,4);<br />
var cdmonth = postdate.substring(5,7);<br />
var cdday = postdate.substring(8,10);<br />
var monthnames = new Array();<br />
monthnames[1] = "Jan";<br />
monthnames[2] = "Feb";<br />
monthnames[3] = "Mar";<br />
monthnames[4] = "Apr";<br />
monthnames[5] = "May";<br />
monthnames[6] = "Jun";<br />
monthnames[7] = "Jul";<br />
monthnames[8] = "Aug";<br />
monthnames[9] = "Sep";<br />
monthnames[10] = "Oct";<br />
monthnames[11] = "Nov";<br />
monthnames[12] = "Dec";<br />
if ("content" in entry) {<br />
var postcontent = entry.content.$t;}<br />
else<br />
if ("summary" in entry) {<br />
var postcontent = entry.summary.$t;}<br />
else var postcontent = "";<br />
var re = /<\S[^>]*>/g; <br />
postcontent = postcontent.replace(re, "");<br />
if (!standardstyling) document.write('');<br />
document.write('<div class="bbrecpost2">');<br />
document.write('<span>');<br />
if (standardstyling) document.write('');<br />
<br />
document.write(posttitle);<br />
if (standardstyling) document.write('');<br />
if (showpostdate == true) document.write(' - ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdyear);<br />
if (!standardstyling) document.write('<div class="bbrecpostsum"">');<br />
if (standardstyling) document.write('');<br />
if (showpostsummary == true) {<br />
if (standardstyling) document.write('');<br />
if (postcontent.length < numchars) {<br />
if (standardstyling) document.write('<i>');<br />
document.write(postcontent);<br />
if (standardstyling) document.write('</i>');}<br />
else {<br />
if (standardstyling) document.write('<i>');<br />
postcontent = postcontent.substring(0, numchars);<br />
var quoteEnd = postcontent.lastIndexOf(" ");<br />
postcontent = postcontent.substring(0,quoteEnd);<br />
document.write(postcontent + '... ' + readmorelink);<br />
if (standardstyling) document.write('</i>');}<br />
}<br />
if (!standardstyling) document.write('</div>');<br />
document.write('</span>');<br />
document.write('</div>');<br />
if (standardstyling) document.write('');<br />
}<br />
if (!standardstyling) document.write('<div class="bbwidgetfooter">');<br />
if (standardstyling) document.write('');<br />
document.write('');<br />
if (!standardstyling) document.write('/div');<br />
<br />
}<br />
</script><br />
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><br />
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><br />
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript><br />
<style type=text/css> <br />
#hlrpsb a {color: #0B3861; font-size: 13px;} <br />
#rpdr, #rpdr a {color:#808080;}<br />
.bbrecpost2 {<br />
padding-top:6px;<br />
padding-bottom:6px;<br />
border-bottom: 1px #cccccc dotted; }<br />
</style></blockquote>
<br />
<b>SEKALIAN TEST</b> LIST STYLE AH:<br />
<br />
Bullet List:<br />
<ul>
<li>List Kahiji</li>
<li>List Kadua</li>
<li>List Katilu</li>
<li>Istri Keempat </li>
<li>Keadilan Sosial</li>
</ul>
<br />
Numbered List:<br />
<ol>
<li>List Kahiji</li>
<li>List Kadua</li>
<li>List Katilu</li>
<li>Istri Keempat </li>
<li>Keadilan Sosial</li>
</ol>
<i>Miring</i><br />
<b>Tebal</b><br />
<br />
<blockquote class="tr_bq">
Quoted: Kutipan lorem ipsom dolor dolor sadayana daramanga? Amet-amet jabang bayee nya sakit mah. Persib Bandung bangkit atuh lah. Eleh wae!!! Teu bisa sare tibra mun Persib eleh teh!</blockquote>
<br />
Cag!Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.comtag:blogger.com,1999:blog-1902214939555061588.post-56536378435939640142016-09-20T22:12:00.000+07:002016-11-04T09:14:10.667+07:00 Automatic Thumbnail and Read More Function for Blogger <div class="separator tr_bq" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9l4fRdlzxfnjdWKsTOXoMMSrERbm8j8IZ7DtHugyK6_3Ef91Iz-eSoHt06kelpSuE94eGJIPZdMktKNLqQR2MSpG-SVzsvklKlgIcbRt7mYajg-qYEXpMJc-vxSgkx5Jrg9YSvKcfJtc/s1600/auto-read-more-blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt=" Automatic Thumbnail and Read More Function for Blogger " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9l4fRdlzxfnjdWKsTOXoMMSrERbm8j8IZ7DtHugyK6_3Ef91Iz-eSoHt06kelpSuE94eGJIPZdMktKNLqQR2MSpG-SVzsvklKlgIcbRt7mYajg-qYEXpMJc-vxSgkx5Jrg9YSvKcfJtc/s1600/auto-read-more-blogger.jpg" title=" Automatic Thumbnail and Read More Function for Blogger " /></a></div>
<b>FUNGSI</b> readmore digunakan untuk meringkas tulisan di halaman depan, menjadi gambar thumbnail, judul, dan kutipan bagian awal tulisan.<br />
<br />
Auto Read More disebut juga Jump Break Otomatis karena memotong artikel di halaman depan secara otomatis dengan menggunakan kode.<br />
<br />
Demo atau contohny di halaman <a href="http://bootstrapforblogger.blogspot.com/" rel="nofollow" target="_blank">depan blog ini</a> atau di blog pada umumnya.<br />
<br />
<i>Read more function is used to cut our post on homepage, post will appear fully when we click read more link. It's cut automatically and if we insert image, it appears thumbnail.</i><br />
<br />
This is automatic read more function with thumbnail. We just need to set up our HTML code.<br />
<br />
<h3>
Cara Memasang Auto Readmore di Halaman Depan Blogger</h3>
<b>Follow steps:<br /> </b>1. Go to "Design" click "Edit HTML"<br />
2. Tick on "Expand Widget Templates"<br />
3. Find this code: <b><data:post.body/> </b><br />
<br />
4. Replace with this code below<br />
<br />
<blockquote class="tr_bq">
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if></blockquote>
<br />
<b>5. Now, search for </head> and paste the following section of code immediately before it:<br /> </b><br />
<blockquote class="tr_bq">
<b> </b><script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script></blockquote>
<br />
<br />
<b>Clarification Code Above:</b><br />
<ul>
<li>summary_noimg = 430; is post cut height without image</li>
<li> summary_img = 340; is post cut height with image</li>
<li> img_thumb_height = 100; is thumbnail image height</li>
<li> img_thumb_width = 120; is thumbnail image width </li>
</ul>
<br />
<b>CARA & KODE LAIN </b><br />
<ul>
</ul>
Jika cara dan kode di atas tidak berfungsi, gunakan cara dan kode berikut ini:<br />
<br />
1. Simpan di atas kode <b></head></b><br />
<blockquote>
<br />
<!-- Auto Read More Body Script Start --><br />
<script type='text/javascript'><br />
no_thumb_sum = 300;<br />
thumb_sum = 200;<br />
thumb_h = 220;<br />
thumb_w = 300;<br />
</script><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
function removeHtmlTag(t,e){if(-1!=t.indexOf("<")){for(var n=t.split("<"),i=0;i<n.length;i++)-1!=n[i].indexOf(">")&&(n[i]=n[i].substring(n[i].indexOf(">")+1,n[i].length));t=n.join("")}for(e=e<t.length-1?e:t.length-2;" "!=t.charAt(e-1)&&-1!=t.indexOf(" ",e);)e++;return t=t.substring(0,e-1),t+"..."}function createSummaryAndThumb(t,e,n){var i=document.getElementById(t),m="",r=i.getElementsByTagName("img"),s=no_thumb_sum;r.length>=1&&(m='<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+e+'" title="'+n+'"><img src="'+r[0].src+'" width="'+thumb_w+'px" height="'+thumb_h+'px" /></a></span>',s=thumb_sum);var g=m+"<div>"+removeHtmlTag(i.innerHTML,s)+"</div>";i.innerHTML=g}<br />
//]]><br />
</script><br />
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<style type='text/css'><br />
.post-footer {display: none;}<br />
.jump-link {float: right; }<br />
.jump-link a {text-decoration: none; }<br />
</style><br />
</b:if><br />
</b:if><br />
<!-- Auto Read More Body Script End --></blockquote>
<br />
2. Ganti kode <b><data:post.body/> </b>yang kedua dengan kode berikut ini:<br />
<blockquote>
<br />
<!-- Auto Read More Body Start --><br />
<b:if cond='data:blog.url == data:blog.homepageUrl'><br />
<b:if cond='data:blog.pageType == &quot;index&quot;'><br />
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><br />
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script><br />
<span class='jump-link' style='float:right;'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a></span><br />
</b:if></b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><br />
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if><br />
<div style='clear: both;'/> <!-- clear for photos floats --><br />
<!-- Auto Read More in Body End --></blockquote>
<b></b>
<b>3. Save!</b><br />
<br />
<a href="http://www.deluxetemplates.net/forums/topic/automatic-thumbnail-and-read-more-function-for-blogger" rel="nofollow" target="_blank"><i>Source</i></a><br />
<i><a href="http://www.technohalf.com/2015/09/how-to-automatically-add-read-more-link.html" rel="nofollow" target="_blank">Source2</a> </i> Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-68726041474957547542016-02-27T08:09:00.000+07:002016-09-20T09:29:10.169+07:00Cara Klaim & Verifikasi Blog di Alexa<b>Cara Klaim & Verifikasi Blog di Alexa untuk Ranking dan SEO</b>.<br /><br />SETELAH kita <a href="http://seobdg.blogspot.co.id/2016/02/dasar-seo-daftarkan-blog-google-bing.html" target="_blank">mendaftarkan dan verifikasi blog di Google dan Bing/Yahoo</a>, maka langkah berikutnya adalah klaim dan verifikasi blog di <a href="http://alexa.com/" rel="nofollow" target="_blank">Alexa</a>, situs pemeringkat website dunia.<br /><br />Klaim dan verifikasi blog di Alexa akan mempercepat Alexa mengenali dan mengindeks blog kita.<br /><br />Selain itu, di template SEO Friendly, biasanya ada kode ID Alexa yang harus kita isi, seperti ini:<br /><br /><pre id="line1"><<span class="start-tag">meta</span> <span class="attribute-name">content</span>='<span style="color: red;">yv5Xm8m3H6vWS8sGGDm51PTXES8</span>' <span class="attribute-name">name</span>='alexaVerifyID'/></pre><br />Kode warna merah adalah kode ID Alexa yang kita dapatkan setelah klaim.<br /><br /><b>Cara Klaim & Verifikasi Blog di Alexa </b><br /><br />1. Buka <a href="http://www.alexa.com/siteowners/claim" rel="nofollow" target="_blank">http://www.alexa.com/siteowners/claim</a><b> </b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhamidvfvR4K78CGrLHZX3NvaLwbRDVThlKRyHDqBjukt5Bx1IXxOw7PjF3-jfEfiKeQktlqyp-UjE34kNbERAogov_wIiIvq0Niz5_7t20kFzPAt2MVJ3W2Cwik-DHizy92B6_mQJhwCw/s1600/claim+site+alexa.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Verifikasi Blog di Alexa " border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhamidvfvR4K78CGrLHZX3NvaLwbRDVThlKRyHDqBjukt5Bx1IXxOw7PjF3-jfEfiKeQktlqyp-UjE34kNbERAogov_wIiIvq0Niz5_7t20kFzPAt2MVJ3W2Cwik-DHizy92B6_mQJhwCw/s320/claim+site+alexa.JPG" title="Verifikasi Blog di Alexa " width="303" /></a></div><br />2. Masukkan alamat blog Anda<br />3. Pilih "Method 2"<br /><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFWOQKWn8IIlUgBsYhyphenhyphenCg_TLQhLtO8bUQoWQcbPuf_df3lYTTPw0YRXwuq83Y4rRsezjwrTR5OKTdroFdVB3LGNKZni1wWNZyhn92jHaBWv5omNZpMEA0lt0bE3KCwTCi9E10oesvKo6c/s1600/claim+site+alexa2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Verifikasi Blog di Alexa " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFWOQKWn8IIlUgBsYhyphenhyphenCg_TLQhLtO8bUQoWQcbPuf_df3lYTTPw0YRXwuq83Y4rRsezjwrTR5OKTdroFdVB3LGNKZni1wWNZyhn92jHaBWv5omNZpMEA0lt0bE3KCwTCi9E10oesvKo6c/s1600/claim+site+alexa2.JPG" title="Verifikasi Blog di Alexa " /></a></div><br />4. Akan muncul kode meta tags seperti di bawah ini -- yang ditandai warna kuning.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuRrbJnVAPehBdHnrfRXcQxZfASWk4lJKuvKK86H2hOnHKGyo3HnhWfTujglNAsw1Xa8vD8S4uwUG7-JZ6qOR37kk-7XtrAMqyQgrdwnAdZYzSHkBjsxUsCyKm-n5wYc8g1xy_oDd6vaQ/s1600/claim+site+alexa3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Verifikasi Blog di Alexa " border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuRrbJnVAPehBdHnrfRXcQxZfASWk4lJKuvKK86H2hOnHKGyo3HnhWfTujglNAsw1Xa8vD8S4uwUG7-JZ6qOR37kk-7XtrAMqyQgrdwnAdZYzSHkBjsxUsCyKm-n5wYc8g1xy_oDd6vaQ/s320/claim+site+alexa3.JPG" title="Verifikasi Blog di Alexa " width="320" /></a></div><br />5. Copy & Paste kode tersebut di bawah kode <b><head></b> template atau isikan kode verifikasinya jika sudah tersedia.<br />6. Save!<br />7. Kembali ke halaman Alexa dan klik "Verify my ID".<br />8. Beres!<br /><br />Demikian cara <b>Verifikasi Blog di Alexa.*</b>Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-50524720658339696832016-02-27T07:43:00.000+07:002016-09-20T09:29:10.168+07:00Navigasi Menu Responsive di Atas dan Bawah Header Blogger<b>Cara Membuat Navigasi Menu Responsive di Atas dan Bawah Header Blogger</b>. Topmenu dan maan menu. Top Menu plus Media Sosial. Keren.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpFauQi7KNLnrrJEjYELuynrkQP_Uh-2iUlmDStIl_Oi_SczCkdJKk9QFBir3sbvcEgoADgkgwPXA1E9nrqXobaYf0GXmTnBctAIGFLOFaru16dszeJ9ssR0gCWoe9eul8peM8bVovlgc/s1600/Navigasi+Menu+Responsive+Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Navigasi Menu Responsive " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpFauQi7KNLnrrJEjYELuynrkQP_Uh-2iUlmDStIl_Oi_SczCkdJKk9QFBir3sbvcEgoADgkgwPXA1E9nrqXobaYf0GXmTnBctAIGFLOFaru16dszeJ9ssR0gCWoe9eul8peM8bVovlgc/s1600/Navigasi+Menu+Responsive+Blogger.png" title="Navigasi Menu Responsive " /></a></div><br /><b>NAVIGASI MENU RESPONSIVE DI ATAS HEADER (TOP MENU)</b><br /><div><br /></div>CSS<br />Simpan di atas </header><br /><br /><br /><style><br />/* iSmoothBlog CSS Menu Top */<br />#menutop{width:100%;margin:0 auto;height:45px;background:#fff;border:1px solid #e9e9e9;}<br />#menutop ul,#menutop li{margin:0;padding:0;list-style:none;}<br />#menutop ul{height:45px}<br />#menutop li{float:left;display:inline;position:relative;font-family:&#39;Open Sans&#39;;font-size:12px;<br />font-weight:bold;}<br />#menutop a{display:block;line-height:45px;padding:0 14px;text-decoration:none;color:#919392;}<br />#menutop ul li:hover a{color:#666;}<br />#menutop input{display:none;margin:0 0;padding:0 0;width:100%;height:45px;opacity:0;cursor:pointer}<br />#menutop label{font-family:&#39;Open Sans&#39;;font-size:30px;font-weight:400;display:none;width:35px;height:45px;line-height:45px;text-align:center;}<br />#menutop label span{font-size:13px;position:absolute;left:35px}<br />#menutop ul li ul{height:auto;overflow:hidden;position:absolute;z-index:99;color:#919392}<br />#menutop ul li ul li a{color:#919392;height:45px;line-height:45px;background:#fff;width:100%;}<br />#menutop ul.menux{visibility:hidden;opacity:0;height:auto;overflow:hidden;background:#fff;position:absolute;z-index:99;color:#919392;box-shadow: 0px 2px 3px rgba(0,0,0,0.1);top:10px;transition:all 0.3s ease-in-out;}<br />#menutop li:hover &gt; ul.menux{visibility:visible;opacity:1;top:45px;}<br />#menutop a.dutt{padding:0 27px 0 14px}<br />#menutop a.dutt::after{content:&quot;\f0d7&quot;;font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;right:10px;}<br />#menutop a.dutt:hover::after,#menutop ul li:hover a.dutt::after{content:&quot;\f0d7&quot;;font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;right:10px;}<br />#menutop ul.menux li a{background:#fff;color:#919392;}<br />#menutop ul li ul li a:hover{background:#fcfcfc;color:#8493a0;}<br />#menutop li.facebook {padding:0 5px;}<br />#menutop li.facebook,#menutop li.twitter,#menutop li.youtube,#menutop li.googleplus,#menutop li.linkedin{background:#fff;text-align:center;color:#666;float:right;transition:all 0.2s ease-in-out;}<br />#menutop li a.facebook:hover,#menutop li a.twitter:hover,#menutop li a.youtube:hover,#menutop li a.googleplus:hover,#menutop li a.linkedin:hover{color:#8493a0;}<br />#menutop li.facebook .fa.fa-facebook,#menutop li.twitter .fa.fa-twitter,#menutop li.youtube .fa.fa-youtube,#menutop li.googleplus .fa.fa-google-plus,#menutop li.linkedin .fa.fa-linkedin{color:#919392;transition:all 0.2s ease-in-out;}<br />#menutop li.facebook:hover,#menutop li.twitter:hover,#menutop li.youtube:hover,<br />#menutop li.googleplus:hover,#menutop li.linkedin:hover{background:#fcfcfc;color:#8493a0;}<br />#menutop li.facebook:hover .fa.fa-facebook,#menutop li.twitter:hover .fa.fa-twitter,#menutop li.youtube:hover .fa.fa-youtube,#menutop li.googleplus:hover .fa.fa-google-plus,#menutop li.linkedin:hover .fa.fa-linkedin{color:#8493a0;}<br /><br />@media screen and (max-width:960px) {<br />#menutop li:hover &gt; ul.menux{display:block;}<br />#menutop ul{border:none;border-bottom:4px solid #e9e9e9;}<br />#menutop{position:relative;border:none;border-bottom:4px solid #e9e9e9;}<br />#menutop ul{background:#fff;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;}<br />#menutop ul.menux{width:100%;position:static;border:none}<br />#menutop li{display:block;float:none;width:auto;text-align:left}<br />#menutop li a{color:#666}<br />#menutop li a:hover{background:#f1f1f1;color:#f9f9f9}<br />#menutop li:hover{background:#8493a0;color:#fff;}<br />#menutop a.dutt{font-weight: bold;}<br />#menutop li:hover &gt; a.dutt,#menutop a.dutt:hover{background:#b1b1b1;color:#fff;}<br />#menutop input,#menutop label{display:inline-block;position:absolute;right:0;top:0;}<br />#menutop input:after,#menutop label:after {content:&quot;\f0c9&quot;;font-family:FontAwesome;<br />font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#666;<br />display:inline-block;position:absolute;right:15px;top:25%;line-height:30px;}<br />#menutop input{z-index:4;}<br />#menutop input:checked + label{color:#fff;font-weight:700}<br />#menutop input:checked ~ ul{display:block}<br />#menutop ul li ul li a{width:100%;color:#666;}<br />#menutop ul li ul li a:hover{background:#8493a0;color:#fff;}<br />#menutop ul.menux a{background:#fff;color:#666;}<br />#menutop ul.menux a:hover{background:#8493a0;color:#fff;}<br />#menutop ul.menux li{background:#fff;color:#666;}<br />#menutop ul.menux li:hover{background:#8493a0;color:#fff;}<br />#menutop ul.menux li a{background:#fff;color:#666;}<br />#menutop ul.menux li a:hover{background:#f1f1f1;color:#8493a0;}<br /></style><br /><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/><br /><link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/><br /><br /><b>HTML:</b><br /><div><div><br /></div><div><nav id='menutop'></div><div><input type='checkbox'/></div><div><label/></div><div><ul></div><div><li><a href='/' title='Home'>Home</a></li></div><div><li><a class='dutt' href='#'>Drop-Down</a></div><div><ul class='menux'></div><div><li><a href='#'>Sub-item 1</a></li></div><div><li><a href='#'>Sub-item 2</a></li></div><div></ul></div><div></li></div><div><li><a class='dutt' href='/p/get-in-touch.html'>Contact</a></div><div><ul class='menux'></div><div><li><a href='#'>e-mail Form</a></li></div><div><li><a href='#'>Twitter</a></li></div><div></ul></div><div></li></div><div><li><a href='/p/privacy-policy.html'>Privacy Policy</a></li></div><div><li><a href='/p/sitemap.html'>Sitemap</a></li></div><div><li class='sorting-01 facebook'><a href='#'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li></div><div><li class='sorting-02 twitter'><a href='#'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li></div><div><li class='sorting-03 googleplus'><a href='#'><i class='fa fa-google-plus fa-lg'/><span class='inv'/></a></li></div><div><li class='sorting-06 linkedin'><a href='#'><i class='fa fa-linkedin fa-lg'/><span class='inv'/></a></li></div><div><li class='sorting-04 youtube'><a href='#'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li></div><div></ul></div><div></nav></div></div><div><br /></div><b><br /></b><b>NAVIGASI MENU RESPONSIVE DI BAWAH HEADER (MAIN MENU)</b><br /><b><br /></b>CSS & JS<br />di atas </head><br /><br /><style><br />#nav-trigger {<br /> display: none;<br /> text-align: center;<br />}<br />#nav-trigger span {<br /> display: block;<br /> background-color: #5b97f9;<br /> cursor: pointer;<br /> text-transform: uppercase;<br /> padding: 0 25px;<br /> color: white;<br /> font-weight:bold;<br /> line-height: 67px;<br />}<br />nav#nav-mobile {<br /> margin: 0px;<br />}<br />#pmflatnav a {color:#ecf0f1;}<br />#pmflatnav ul {<br /> text-align: left;<br /> display: inline;<br /> margin: 0;<br /> padding: 15px 4px 17px 0;<br /> list-style: none;<br /> -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);<br /> -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);<br /> box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);<br />}<br />#pmflatnav ul li {<br /><br /> font: bold 12px/18px sans-serif;<br /> border-top:2px solid;<br /> border-right:1px dotted;<br /> display: inline-block;<br /> margin-right: -4px;<br /> position: relative;<br /> padding: 15px 20px;<br /> background: #5b97f9;<br /> cursor: pointer;<br /> -webkit-transition: all 0.5s;<br /> -moz-transition: all 0.5s;<br /> -ms-transition: all 0.5s;<br /> -o-transition: all 0.5s;<br /> transition: all 0.5s;<br />}<br />#pmflatnav ul li:hover {<br /> background: #34495e;<br /> color: #fff;<br />}<br />#pmflatnav ul li ul {<br /> padding: 0;<br /> position: absolute;<br /> top: 48px;<br /> left: 0;<br /> width: 150px;<br /> -webkit-box-shadow: none;<br /> -moz-box-shadow: none;<br /> box-shadow: none;<br /> display: none;<br /> opacity: 0;<br /> visibility: hidden;<br /> -webkit-transiton: opacity 0.2s;<br /> -moz-transition: opacity 0.2s;<br /> -ms-transition: opacity 0.2s;<br /> -o-transition: opacity 0.2s;<br /> -transition: opacity 0.2s;<br />}<br />#pmflatnav ul li ul li {<br /> background: #5b97f9;<br /> display: block;<br /> color: black;<br /><br />}<br />#pmflatnav ul li ul li:hover { background: #34495e; }<br />#pmflatnav ul li:hover ul {<br /> display: block;<br /> opacity: 1;<br /> visibility: visible;<br />}<br />nav#nav-mobile {<br /> position: relative;<br /> display: none;<br />}<br />nav#nav-mobile ul {<br /> display: none;<br /> list-style-type: none;<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> margin-left: auto;<br /> margin-right: auto;<br /> text-align: center;<br /> background-color: #ddf0f9;<br /> z-index: 10;<br /> padding: 0px;<br /> border-bottom: solid 1px #cc0028;<br />}<br />nav#nav-mobile li:last-child {<br />border-bottom: none;<br />}<br />nav#nav-mobile a {<br />display: block;<br />color: #29a7e1;<br />padding: 10px 30px;<br />text-decoration: none;<br />border-bottom: 1px solid #00aeef;<br />}<br />nav#nav-mobile a:hover {<br />background-color: #e6002d;<br />color: #fff;<br />}<br />/* =Media Queries<br />-------------------------------------------------------------- */<br />@media all and (max-width: 900px) {<br />#nav-trigger {<br /> display: block;<br />}<br />nav#pmflatnav {<br /> display: none;<br />}<br />nav#nav-mobile {<br /> display: block;<br />}<br />}<br /></style><br /><script type='text/javascript'><br />//<![CDATA[<br />$(document).ready(function(){<br /> $("#nav-mobile").html($("#pmflatnav").html());<br /> $("#nav-trigger span").click(function(){<br /> if ($("nav#nav-mobile ul").hasClass("expanded")) {<br /> $("nav#nav-mobile ul.expanded").removeClass("expanded").slideUp(250);<br /> $(this).removeClass("open");<br /> } else {<br /> $("nav#nav-mobile ul").addClass("expanded").slideDown(250);<br /> $(this).addClass("open");<br /> }<br /> });<br />});<br />//]]><br /></script><br /><br />HTML:<br /><nav id='pmflatnav'><br /><ul><li><a href="#">Home</a></li><br /> <li><a href="#">Games</a></li><br /> <li><br /> <a href="#">Portfolio</a><br /> <ul><br /> <li><a href="#">Web Design</a></li><br /> <li><a href="#">Animation</a></li><br /> <li><a href="#">Photography</a></li><br /> </ul><br /> </li><br /> <li><a href="#">Trending</a></li><br /> <li><a href="#">Contact</a></li><br /></ul><br /></nav><br /><div id='nav-trigger'><br /> <span>Menu <i class='fa fa-list'/></span><br /></div><br /><br /><nav id='nav-mobile'></nav><br /><div><br /></div>Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-37024959332787666532016-02-27T07:42:00.000+07:002016-09-29T12:56:33.034+07:00Cara Mudah Membuat Logo Header Blog - Tanpa Corel dan PhotoShop<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic-LU_BWphkCtntnTyzeVMfvjrXDBrhx3e0pr11oi33G1vnGCgI-b2-2IEuGkMNzcw0VNgexuzumyi_20lfwo-W-ctDff7qm0tPImY7NR78YK6tqGqsN7LHds48JkR7l85cl2-cSiNEdk/s1600/buat+logo+header+blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Membuat Logo Header Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic-LU_BWphkCtntnTyzeVMfvjrXDBrhx3e0pr11oi33G1vnGCgI-b2-2IEuGkMNzcw0VNgexuzumyi_20lfwo-W-ctDff7qm0tPImY7NR78YK6tqGqsN7LHds48JkR7l85cl2-cSiNEdk/s1600/buat+logo+header+blog.JPG" title="Membuat Logo Header Blog" /></a>Cara Mudah Membuat Logo Header Blog - Tanpa Corel & PhotoShop. Anda tidak perlu menguasai CorelDraw atau PhotoShop untuk membuat logo blog. Cukup gunakan situs-situs Online Logo Maker yang banyak ditemukan di Google.<br />
<br />
Cara Mudah Membuat Logo Header Blog - Tanpa Corel dan PhotoShop.<br />
<br />
Cara Mudah Membuat Logo Header Blog - Tanpa Corel dan PhotoShop dengan menggunakan aplikasi online gratis. <br />
<br />
Berikut ini daftar beberapa situs pembuat logo gratis (free) secara online:<br />
<ol>
<li><a href="https://gospaces.com/tools/logo-generator" rel="nofollow" target="_blank">Go Spaces</a></li>
<li><a href="http://www.hipsterlogogenerator.com/" rel="nofollow" target="_blank">Hipster Logo Generator</a></li>
<li><a href="https://www.graphicsprings.com/" rel="nofollow" target="_blank">Graphic Spring Logo Creator</a></li>
<li><a href="https://www.logoshi.com/" rel="nofollow" target="_blank">Logoshi</a></li>
<li><a href="https://www.logaster.com/" rel="nofollow" target="_blank">Logaster</a></li>
<li><a href="http://www.logomaker.com/" rel="nofollow" target="_blank">Logo Maker</a></li>
<li><a href="http://www.onlinelogomaker.com/" rel="nofollow" target="_blank">Online Logo Maker</a></li>
<li><a href="http://www.logoease.com/" rel="nofollow" target="_blank">Logo Ease</a></li>
<li><a href="http://www.logodesignengine.com/" rel="nofollow" target="_blank">Logo Design Engine</a></li>
<li><a href="http://www.cooltext.com/" rel="nofollow" target="_blank">Cool Text</a></li>
</ol>
<br />
<br />
<br />
<br />
<br />
<br />Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-82308659547606240692016-02-27T07:41:00.000+07:002016-09-20T09:29:10.173+07:00Cara Menambah Mengurangi Jumlah Ringkasan Auto Readmore<b>Cara Menambah Jumlah Karakter Huruf (Snippet) di Auto Readmore Halaman Depan Blog.</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkMx_6uXUPO1ltj0UbXwCdQhBnlkWjcMY-Zy42e1APT2K5OHEj4wyqTrDSFtiWaIOSQUtvbfSnp8o3fN0sD-p4yh-lRi-81zfFEzhbsZIESTDN4n9SiInEOpOtqTfnh-NMRvaSbYYIBRM/s1600/auto+read+more+blogger.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Ringkasan Auto Readmore Halaman Depan Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkMx_6uXUPO1ltj0UbXwCdQhBnlkWjcMY-Zy42e1APT2K5OHEj4wyqTrDSFtiWaIOSQUtvbfSnp8o3fN0sD-p4yh-lRi-81zfFEzhbsZIESTDN4n9SiInEOpOtqTfnh-NMRvaSbYYIBRM/s320/auto+read+more+blogger.JPG" title="Ringkasan Auto Readmore Halaman Depan Blog" /></a></div>Menambah atau mengurangi jumlah kata atau jumlah huruf ringkasan diperlukan jika kita membuat image-thumbnail yang besar, sedangkan defaultnya 72 pixel, dan kita gunakan kode autoreadmore tanpa javascript.<br /><br />Menambah Snippet di Auto Readmore yaitu menambah jumlah karakter huruf atau mengubah panjang-pendek ringkasan (snippet/summary) posting di homepage.<br /><br />Menambah jumlah ringkasan ini juga diperlukan untuk menjadikan tampilan halaman depan rapi, tidak banyak ruang kosong.<br /><br /><h3>Cara Menambah Jumlah Ringkasan Atau Karakter Huruf (Snippet) di Auto Readmore</h3><br />Kode auto readmore di halaman depan blog adalah <b><data:post.snippet/>.</b> Jika ingin menambah atau mengurangi jumlah karakter di ringkasan/summary posting di halaman depan itu, maka kode itulah yang dimodifikasi alias dimanipulasi atau direkayasa.<br /><br />Ini caranya:<br /><br />1. Template > Edit HTML<br />2. Copas kode berikut ini di atas kode <b></head></b><br /><br /><i> <script type='text/javascript'></i><br /><i>snippet_count = <b>160</b>; </i><br /><i>//<![CDATA[</i><br /><i>function removeHtmlTag(strx,chop){</i><br /><i>if(strx.indexOf("<")!=-1)</i><br /><i>{</i><br /><i>var snippet = strx.split("<");</i><br /><i>for(var i=0;i<snippet.length;i++){</i><br /><i>if(snippet[i].indexOf(">")!=-1){</i><br /><i>snippet[i] = snippet[i].substring(snippet[i].indexOf(">")+1,snippet[i].length);</i><br /><i>}</i><br /><i>}</i><br /><i>strx = snippet.join("");</i><br /><i>}</i><br /><i>chop = (chop < strx.length-1) ? chop : strx.length-2;</i><br /><i>while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;</i><br /><i>strx = strx.substring(0,chop-1);</i><br /><i>return strx+'...';</i><br /><i>}</i><br /><i>function createSnippet(pID){</i><br /><i>var div = document.getElementById(pID);</i><br /><i>var summ = snippet_count;</i><br /><i>var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML,summ) + '</div>';</i><br /><i>div.innerHTML = summary;</i><br /><i>}</i><br /><i>//]]></i><br /><i></script></i><br /><b><br /></b><b>Keterangan: </b><br /><i>Angka 160 yang kita ubah, lebih kecil untuk mengurangi dan lebih besar untuk menambah</i><br /><br />3. Ganti semua kode <b><data:post.snippet/></b> dengan kode berikut ini:<br /><br /><i> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div></i><br /><i><script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script></i><br /><br />4. Save Template!<br /><br />Demikian mengenai bagaimana cara merubah atau menambah karakter huruf pada auto readmore.<br /><i><a href="http://www.contohblog.com/2015/04/cara-menambah-jumlah-ringkasan-snippet.html" rel="nofollow" target="_blank"><br /></a></i><i><a href="http://www.contohblog.com/2015/04/cara-menambah-jumlah-ringkasan-snippet.html" rel="nofollow" target="_blank">Sumber</a></i>Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-11922425673387370312016-02-27T07:39:00.000+07:002016-09-20T09:29:10.157+07:00Hati-Hati Download Template Blog SEO Friendly Gratis<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy01p4fK69SUi2pYokE8vExDKnQ6sCF4B_InM577X8l_XaTsFGhIAHVX4O-ujAmCx-GNBWiES_NRPr5IMl_QWvhbYITPUMAPbvsSjn7YG3v41p2n2pLH1CjLuavUs2Jt8WpZs3kwx85Zk/s1600/responsive+design.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Hati-Hati Download Template Blog SEO Friendly Gratis" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy01p4fK69SUi2pYokE8vExDKnQ6sCF4B_InM577X8l_XaTsFGhIAHVX4O-ujAmCx-GNBWiES_NRPr5IMl_QWvhbYITPUMAPbvsSjn7YG3v41p2n2pLH1CjLuavUs2Jt8WpZs3kwx85Zk/s320/responsive+design.jpg" title="Hati-Hati Download Template Blog SEO Friendly Gratis" width="306" /></a></div>Hati-Hati Download Template Blog SEO Friendly Gratis. Banyak blogger berbagi template, baik template buatan sendiri maupun buatan orang lain.<br /><br />Jika Anda download di situs pembuat, desainer, atau pemilik template, maka template seo friendly Anda dijamin aman dari sisipan link, kecuali link desainer yang biasa ada di link footer, dan itu tidak masalah.<br /><br />Namun, jika Anda download template di blog bukan desainernya, misalnya Kaizentemplate atau Gooyaabite Template, atau blogger lain yang suka berbagi link download template, maka hati-hatilah, ada injeksi link di berbagai tempat.<br /><br />Maka, yang TERAMAN dan TERBAIK adalah Anda download template itu langsung di blog desainernya, misalnya di blog Maskolis, Mastemplate, Templateism, Btemplates, Kang Mousir, Mas Sugeng, Arlina, atau desainer blogger template lainnya.<br /><br />Tidak salah jika para blogger yang berbagi link download template gratis itu menyisipkan linknya, karena mereka turut berjasa menyebarkan link download template seo gratis.<br /><br />Namun, sebaiknya Anda yang tahu blog desainernya, maka langsung saja download di blog desainernya, biar aman dan tidak diijenski link macam-macam.*Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-31758800833207560952016-02-27T07:38:00.000+07:002016-09-20T09:29:10.162+07:00Cara Mengetahui Facebook Admin ID (fb-admins) dan App ID (app_id)<b>JIKA </b>blog Anda menggunakan kotak komentar <a href="http://www.facebook.com/" rel="nofollow" target="_blank">Facebook</a>, maka Anda harus mengisi Meta Open Graph (OG) Facebook berupa Admin ID dan App ID.<br /><br /><blockquote class="tr_bq"><meta content='<b>app_id</b>' property='fb:app_id'/><br /><meta content='<b>fb_admins</b>' property='fb:admins'/></blockquote><div><br />Bagaimana caranya mengetahui Admin ID dan App ID?<br /><br /><h3><b>Cara Mengetahui Admin ID</b></h3>Untuk mengetahui Admin ID, kita tinggal melakukan langkah sederhana berikut ini:<br /><br /><ol><li>Buka <a href="http://findmyfbid.com/" rel="nofollow" target="_blank">Find My FB ID</a>. Link: http://findmyfbid.com</li><li>Masukkan URL Akun Facebook Anda</li><li>Klik tombol "<b>Find numeric ID</b>" yang ada di bawah. </li><li>Selesai!</li></ol><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK4JjhKy-yelsp2ZqS9WMWeHWE9RLeNHI_UbGabvzT9RuU2Lxv_yvDyBlLElFSo1Ruy_tQmCZ9LQn9ovNRjokAk9cYiscvrZkIJdEuJM6yKKrwBbJlg5Ob9Fbu96wEbZOdJXsT6iRe7DE/s1600/Facebook+ID+findmyfbid.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Facebook Admin ID" border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK4JjhKy-yelsp2ZqS9WMWeHWE9RLeNHI_UbGabvzT9RuU2Lxv_yvDyBlLElFSo1Ruy_tQmCZ9LQn9ovNRjokAk9cYiscvrZkIJdEuJM6yKKrwBbJlg5Ob9Fbu96wEbZOdJXsT6iRe7DE/s320/Facebook+ID+findmyfbid.JPG" title="Facebook Admin ID" width="320" /></a></div><br /><h3><br /><b>Menemukan Angka App ID</b></h3>Untuk mengetahui App ID (Aplication Identity), maka akita harus membuat dulu aplikasi di Facebook.<br /><br />Lakukan langkah mudah berikut ini:<br /><div><ol><li>Login ke Akun Facebook</li><li>Buka tab baru dan buka Halaman <a href="https://developers.facebook.com/" rel="nofollow" target="_blank">Developer Facebook</a>.</li><li>Klik "Register" di kanan atas halaman</li><li>Add a New App</li><li>Pilih "Situs web" (www)</li><li>Lakukan langkah berikutnya sesuai </li></ol><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXQQlp1aGxbm7K6eMsPzxWiaMOjzgaQO1wCYEzXfaHd1YzbXoTJztImuGfzCEzW_wSQL-t6GBae_F4L1FtPPRm4hfbzRPV-D8RomMTGP1iDr1DV2J6plK-vIAJ09DuvJ5wFN81IOZk4TA/s1600/add+new+app+facebook.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat App ID" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXQQlp1aGxbm7K6eMsPzxWiaMOjzgaQO1wCYEzXfaHd1YzbXoTJztImuGfzCEzW_wSQL-t6GBae_F4L1FtPPRm4hfbzRPV-D8RomMTGP1iDr1DV2J6plK-vIAJ09DuvJ5wFN81IOZk4TA/s320/add+new+app+facebook.JPG" title="Membuat App ID" width="320" /></a></div><div><br /></div></div>Anda akan menemukan App ID yang harus dipasang di Template Blog Anda.*<br /><br /></div>Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com1tag:blogger.com,1999:blog-1902214939555061588.post-34062895694796046512016-02-27T07:37:00.000+07:002016-09-20T09:29:10.164+07:00Cara Memasang Tombol Like & Share Facebook di Halaman Statis Blog<b>Cara Memasang Tombol Like & Share Facebook di Halaman Statis Blog</b>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjocrSP-QgqwK2pdEu8mDC4c_FZHtki6_2dACjtdUaZ3D7E7aabEUAQcuOn_VhzOACZp85f2D8BCaF6zJTDWNq5MYViWRvG5sLzhWrA527aTNy_S_oc6dSuR_3aiyVZkFfgHD3bL7p02HM/s1600/like+and+share+facebook.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tombol Like & Share Facebook" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjocrSP-QgqwK2pdEu8mDC4c_FZHtki6_2dACjtdUaZ3D7E7aabEUAQcuOn_VhzOACZp85f2D8BCaF6zJTDWNq5MYViWRvG5sLzhWrA527aTNy_S_oc6dSuR_3aiyVZkFfgHD3bL7p02HM/s1600/like+and+share+facebook.JPG" title="Tombol Like & Share Facebook" /></a></div><br />BIASANYA social share button atau tombol like & share Facebook hanya ada di bawah postingan blog. Bagaimana jika ingin memasangnya di halaman statis (Static Page)? Gampang!<br /><a href="http://seobloggerbuzz.blogspot.co.id/p/about.html" target="_blank"><br /></a><a href="http://seobloggerbuzz.blogspot.co.id/p/about.html" target="_blank">DEMO</a><br /><br />Lakukan langkah berikut ini:<br /><br />1. Template > Edit HTML<br />2. Copas kode berikut ini tepat di bawah kode <b><body></b> atau <b><body ....ada kode lain.. ></b><br /><br /><i><script></i><br /><i> window.fbAsyncInit = function() {</i><br /><i> FB.init({</i><br /><i> appId : '<b>1234568910111</b>',</i><br /><i> xfbml : true,</i><br /><i> version : 'v2.5'</i><br /><i> });</i><br /><i> };</i><br /><i><br /></i><i> (function(d, s, id){</i><br /><i> var js, fjs = d.getElementsByTagName(s)[0];</i><br /><i> if (d.getElementById(id)) {return;}</i><br /><i> js = d.createElement(s); js.id = id;</i><br /><i> js.src = "//connect.facebook.net/en_US/sdk.js";</i><br /><i> fjs.parentNode.insertBefore(js, fjs);</i><br /><i> }(document, 'script', 'facebook-jssdk'));</i><br /><i></script></i><br /><br />3. Ubah appId: '<b>1234568910111</b>', dengan app_id milik Anda. Jika belum punya, silakan ke tutorial sebelumnya: <a href="http://seobloggerbuzz.blogspot.co.id/2016/02/cara-mengetahui-fb-admins-app-id-facebook.html" target="_blank">Cara Membuat App ID dan FB Admins</a>.<br /><div><br /></div>4. Save Template!<br /><br /><b>PASANG LIKE & SHARE:</b><br />Langkah selanjutnya adalah memasang tombol like & share di halaman statis<br /><br />1. Edit halaman statis yang akan dipasang Like & Share<br />2. Klik mode HTML<br />3. Copas kode berikut ini di bagian paling atas atau paling bawah<br /><br /><i><div style='margin:15px 0'></i><br /><i><div</i><br /><i> class="fb-like"</i><br /><i> data-share="true"</i><br /><i> data-width="450"</i><br /><i> data-show-faces="true"></i><br /><i></div></i><br /><div><i></div></i></div><br />4. Klik Update!<br /><br /><b><i>Catatan:</i></b><br />Tombol <b>Facebook Like & Share</b> di atas juga bisa dipasang di Sidebar atau templat lainnya di halaman blog Anda.*<br /><br />Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-26997828116626529572016-02-27T07:36:00.000+07:002016-09-20T09:29:10.159+07:00Cara Mengganti Favicon Blog - Gambar Kecil di Samping Nama Blog<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAdaXiNBuCk2ljHsmKTs3O3XZNqe0ZuXte-YCh6kIsydOOXPwQCeI1RYSaUtUWa78FAO0a2W2bbxloGDWkMLqK91VHH__hdNVL8CKTXsqDNPfiCveSmWLd5gl75cTHJK2crFw5bD883l4/s1600/favicons.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Favicon Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAdaXiNBuCk2ljHsmKTs3O3XZNqe0ZuXte-YCh6kIsydOOXPwQCeI1RYSaUtUWa78FAO0a2W2bbxloGDWkMLqK91VHH__hdNVL8CKTXsqDNPfiCveSmWLd5gl75cTHJK2crFw5bD883l4/s1600/favicons.gif" title="Favicon Blog" /></a></div><div><b>Cara Mengganti Favicon Blog - Gambar Kecil di Samping Nama Blog di Address Bar</b></div><br />Favicon adalah singkatan dari Favorite Icon, yaitu sebuah gambar icon kecil, berukuran 16x16 pixel, yang muncul pada Address Bar di samping nama blog.<br /><br />Favicon bisa disebut juga sebagai shortcut icon, website icon, URL icon, atau bookmark icon.<br /><br />Secara default, blog blogger (blogspot) memampilkan favicon berupa logo Blogger.<br /><br />Untuk mengganti favicon bawaan blogger tersebut agar blog terlihat lebih unik, kita bisa mengganti favicon tersebut dengan favicon milik sendiri, misalnya foto atau Logo Blog. (Baca: <a href="http://seobloggerbuzz.blogspot.co.id/2016/02/cara-mudah-membuat-logo-header-blog.html" target="_blank">Cara Membuat Logo Nama Blog Tanpa Corel & PhotoShop</a>).<br /><br /><h3>Cara Mengganti Favicon Blog</h3><div><b>1. Siapkan Gambarnya!</b></div>Siapkan dulu gambar faviconnya berukuran kotak atau bulat, ukuran file maksimak 100 Kb. Format gambar bisa .JPG, .PNG, atau .ICO.<br /><br />Untuk membuat gambar favicon online kita bisa menggunakan <a href="http://www.favicon.co.uk/" rel="nofollow" target="_blank">Favicon Generator</a>.<br /><b><br />3. Pasang di Blogger</b><br /><div>Jika gambar sudah siap, sekarang login ke Blogger</div><div><div><br /></div><div>- Klik "Layout" > edit "Favicon"</div></div>- Klik “Choose File”<br />- Pilih gambar favicon yang sudah disiapkan<br />- Klik Save!<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxM180k1-rR_nhwe5E19EYu6UsLk7lbbZRbBSTqSoCM6myKiBWVxDjKqeh3-dOlssTGHBKHZgv6RK9bTkvkRmfGev12kmfW1P0lbcIu7BIpPoUX3ry6RRrasLmuz9h6fq0WUcNjHeuMZ4/s1600/favicon+blog1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Mengganti Favicon Blog" border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxM180k1-rR_nhwe5E19EYu6UsLk7lbbZRbBSTqSoCM6myKiBWVxDjKqeh3-dOlssTGHBKHZgv6RK9bTkvkRmfGev12kmfW1P0lbcIu7BIpPoUX3ry6RRrasLmuz9h6fq0WUcNjHeuMZ4/s320/favicon+blog1.JPG" title="Mengganti Favicon Blog" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMGc0phT7xhGrSisdR-9psJrFsU4SUA8mH-uljMRM4MuqLg50HS6bXoiQGgghkapXPKLDkXpcvDf-pacpqrezKz7y6z8SxQPqc3-8C38i9odPDDzLAfi-HfSp22dbD-2Cid6DjNeC4MwU/s1600/favicon+blog2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Mengganti Favicon Blog" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMGc0phT7xhGrSisdR-9psJrFsU4SUA8mH-uljMRM4MuqLg50HS6bXoiQGgghkapXPKLDkXpcvDf-pacpqrezKz7y6z8SxQPqc3-8C38i9odPDDzLAfi-HfSp22dbD-2Cid6DjNeC4MwU/s320/favicon+blog2.JPG" title="Mengganti Favicon Blog" width="320" /></a></div><br />Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-29179522920251282422016-02-27T07:35:00.000+07:002016-09-20T09:29:10.160+07:00Cara Mengganti Nama Blog dengan Gambar Logo<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2aXxGViqKTHOvU6EQyMKiYM_vIiMZpOL20AHD2jHSeT_NeMAy1UH1gXDhZwsGLxvQfo37JVYQ3CJQNR9jcSHMNKmh8cFDD5N_jkS6S5go7SqLurCq3fffRTLI-LJWxl-j1heExIr2Usc/s1600/buat+logo+header+blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Mengganti Nama Blog dengan Gambar Logo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2aXxGViqKTHOvU6EQyMKiYM_vIiMZpOL20AHD2jHSeT_NeMAy1UH1gXDhZwsGLxvQfo37JVYQ3CJQNR9jcSHMNKmh8cFDD5N_jkS6S5go7SqLurCq3fffRTLI-LJWxl-j1heExIr2Usc/s1600/buat+logo+header+blog.JPG" title="Cara Mengganti Nama Blog dengan Gambar Logo" /></a></div>Cara Mengganti Nama Blog dengan Gambar Logo sangat mudah. Siapkan dulu logonya yang sesuai dengan ukuran space di header sebelah kiri. Biasanya di kisaran 300 x 70 pixel.<br /><div><br /></div><div>Untuk membuat logo nama blog, kita tidak mesti bisa CorelDraw atau PhotoShop. Kita bisa membuatnya dengan mudah di <a href="http://seobdg.blogspot.co.id/2016/02/cara-mudah-membuat-logo-header-blog.html" target="_blank">Logo Maker Online</a>.</div><div><br />Secara default, nama atau judul blog di blogger hanya berupa teks judul biasa saja. Kita harus menggantinya dengan logo dengan alasan utama:</div><div><ol><li>Agar blog terlihat lebih menarik dan terkesan profesional</li><li>Agar deskripsi blog yang maksimal 500 karakter tidak muncul di header.</li><li>Agar kita bisa membuat slogan atau tagline unik di bawah nama blog tanpa mengubah deskripsi blog untuk seo friendly.</li></ol><h3>Cara Mengganti Nama Blog dengan Gambar Logo</h3><div>1. Siapkan Logonya</div><div>2. Klik "Layout" atau Tata Letak</div><div><br /></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFmN3whBHkMZ9c_vApTr8-qVfUHygKhI9NDxwSgXESAh4qXcjvofKzkNG899nf-yo3WJCXso8hoz_vX2AiwjTwMXur66IPuQ1jQSv8z3CII-P2Zi3xxTkuTmDx1MVZl2cPsNehQPLPPajH/s1600/cara-mengganti-judul-blog-dengan-gambar.png"><img alt="logo header blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFmN3whBHkMZ9c_vApTr8-qVfUHygKhI9NDxwSgXESAh4qXcjvofKzkNG899nf-yo3WJCXso8hoz_vX2AiwjTwMXur66IPuQ1jQSv8z3CII-P2Zi3xxTkuTmDx1MVZl2cPsNehQPLPPajH/s320/cara-mengganti-judul-blog-dengan-gambar.png" title="logo header blog" /></a></div><div><br /></div><div>3. Klik “Edit” pada bagian Judul Blog</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6rYnNHPvnmnO3_TW6xyLidYZeJOxVpggovhmYcjuZoltpTP9lEcivVXR8E1b6fMLV_Ifl84rwqik3nCQMWruov5tTZvlYQmw1cY2wFUYVGBBLbna6IrNtqAJPMlNQ5RkaVYd5xOewdu8/s1600/memasang+logo+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="edit judul blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6rYnNHPvnmnO3_TW6xyLidYZeJOxVpggovhmYcjuZoltpTP9lEcivVXR8E1b6fMLV_Ifl84rwqik3nCQMWruov5tTZvlYQmw1cY2wFUYVGBBLbna6IrNtqAJPMlNQ5RkaVYd5xOewdu8/s1600/memasang+logo+blog.JPG" title="edit judul blog" /></a></div><div><br /></div><div>4. Klik "Choose File"</div><div>5. Klik "Selain judul dan keterangan"</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvIP-Qy5-k5V5yz7Dajuo_47VtGAU0GPD0u-MibiOvJjZVv3vf3sRijDRF4bL7Ksln7xMGNgjXlJ2ocr5d609D92I9mJU0YDZnaoRkGh3s7YA97mBfCc_zBCG9U31zDBaP3ULRw8vosPQ/s1600/setting+header+blogger.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="setting header blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvIP-Qy5-k5V5yz7Dajuo_47VtGAU0GPD0u-MibiOvJjZVv3vf3sRijDRF4bL7Ksln7xMGNgjXlJ2ocr5d609D92I9mJU0YDZnaoRkGh3s7YA97mBfCc_zBCG9U31zDBaP3ULRw8vosPQ/s320/setting+header+blogger.JPG" title="setting header blogger" width="285" /></a></div><div><br /></div><div>6. Klik “Save" (Simpan)</div><div><br /></div></div>Demikian Cara Mengganti Nama Blog dengan Gambar Logo.*<br /><br />Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-84377304108025487992016-02-27T07:34:00.000+07:002016-09-20T09:29:10.177+07:00Dasar-Dasar SEO: Daftarkan Blog ke Google dan Bing (Yahoo!)<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwjyx8BsAoOmIoWJqSpVRTu9WWGLzEjOZD1Fc7wxCwjUdR33DTGlir30t1pB0WHs7GSUmA62GeDgsgZBFIkKwSGoQvamZN8q32LAlM_lROAdoCDrVTn38SHKz71STAFeLvv-l1izPt6cU/s1600/seo+google+bing.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="SEO Blog Google Bing" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwjyx8BsAoOmIoWJqSpVRTu9WWGLzEjOZD1Fc7wxCwjUdR33DTGlir30t1pB0WHs7GSUmA62GeDgsgZBFIkKwSGoQvamZN8q32LAlM_lROAdoCDrVTn38SHKz71STAFeLvv-l1izPt6cU/s1600/seo+google+bing.JPG" title="SEO Blog Google Bing" /></a></div><b>Tips Cepat Terindeks Mesin Pencari. Dasar-Dasar SEO: Cara Daftark & Verifikasi Blog ke Google dan Bing (Yahoo!)</b><br /><br /><b>INI</b> tips seo dasar bagi blogger pemula. Yaitu dengan mendaftarkan blog (Submit URL) ke dua mesin pencari terpopuler, yaitu Google dan Bing (Yahoo!).<br /><br />Dengan mendaftarkan blog kita ke Google dan Bing, maka blog kita akan mudah dan cepat terindeks mesin pencari sehingga cepat mendatangkan pengunjung.<br /><br />Submit URL ke Google dan Bing juga akan membuat kita bisa mengisi meta tags berupa verifikasi blog di kedua mesin pencari itu<br /><br />Template blog seo friendly biasanya berisi kode seperti ini:<br /><br /><span style="color: #cc0000;"><meta content='<b>xxxxxx</b>' name='google-site-verification'/></span><br /><div><span style="color: #cc0000;"><meta content='<b>xxxxxx</b>' name='msvalidate.01'/></span></div><br />Nah, <b>xxxxxx</b> itu nanti bisa kita isi setelah mendapatkan kodenya dari Google dan Bing.<br /><b><br /></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkd4yEazxVMIbghsSEsuQaFB4RHY699R0x3V91SAJgtiCF6mvWFB3O4fv1wr6CInjXa7A9RdGhotbZ2utzxdLj5QGngtFVnWcGlIN5efwXqMkNEEI_smttDiYYEC9fJWfor9qKTXEYGco/s1600/submit+url+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="daftar blog ke google dan bing" border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkd4yEazxVMIbghsSEsuQaFB4RHY699R0x3V91SAJgtiCF6mvWFB3O4fv1wr6CInjXa7A9RdGhotbZ2utzxdLj5QGngtFVnWcGlIN5efwXqMkNEEI_smttDiYYEC9fJWfor9qKTXEYGco/s400/submit+url+blog.JPG" title="daftar blog ke google dan bing" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><h3><b>Cara Mendaftarkan & Verifikasi Blog ke Google</b></h3>1. Buka <a href="https://www.google.com/webmasters/tools/submit-url" rel="nofollow" target="_blank">Submit URL - Google</a><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqyGJ9wbLvVDCdMx46zj7OqKNWCD5ja3QUyCt8SBanYeiUoVoOl7QUPBh0diteghzqfbByqCUvSHbaakWwFiE7-LRZvfik9uTK9h8PIAUgYO7pAwQf1NuwptnSwE5plLcv_tDjli0Eds/s1600/submit+blog+google1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Daftarkan Blog ke Google" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqyGJ9wbLvVDCdMx46zj7OqKNWCD5ja3QUyCt8SBanYeiUoVoOl7QUPBh0diteghzqfbByqCUvSHbaakWwFiE7-LRZvfik9uTK9h8PIAUgYO7pAwQf1NuwptnSwE5plLcv_tDjli0Eds/s320/submit+blog+google1.JPG" title="Daftarkan Blog ke Google" width="320" /></a></div>2. Masukkan alamat blog Anda, klik I'm not a robot, dan Submit Request. Akan muncul tanda sukses seperti ini.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhca690r-Wz_7PqMskl_iPbTt9LJKogoUqzkw-3kZCCeOM63qWVd0OPMK2FQz9NwVZAIVlq1x6TZPQtQpO0woQqKl1qA4dfn91F3ejNerULfgVwa7ZxRIEwTiqzEmpuxFMX23gYSoCwZFg/s1600/submit+blog+google2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Daftarkan Blog ke Google" border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhca690r-Wz_7PqMskl_iPbTt9LJKogoUqzkw-3kZCCeOM63qWVd0OPMK2FQz9NwVZAIVlq1x6TZPQtQpO0woQqKl1qA4dfn91F3ejNerULfgVwa7ZxRIEwTiqzEmpuxFMX23gYSoCwZFg/s320/submit+blog+google2.JPG" title="Daftarkan Blog ke Google" width="320" /></a></div><br />3. Lanjutkan dengan klik menu / link "<b>Search Console</b>"<br />4. Masukkan alamat blog Anda<br />5. Klik <b>Add Property</b><br /><b><br /></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqlj-A4AfuDs2ms5Vx9nVE7tnEO-q3FwMNYYJiHmXWU06svO_YHVccz_HQApxqZnGFURZxk4i-AVOQ1MTq3mgi_bf_OL96ZbpX6D_l5se39PQZjL7DslQ7CKS06BliaPsdL2AhG2X2lE/s1600/submit+blog+google+-+add+property.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add property" border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqlj-A4AfuDs2ms5Vx9nVE7tnEO-q3FwMNYYJiHmXWU06svO_YHVccz_HQApxqZnGFURZxk4i-AVOQ1MTq3mgi_bf_OL96ZbpX6D_l5se39PQZjL7DslQ7CKS06BliaPsdL2AhG2X2lE/s320/submit+blog+google+-+add+property.JPG" title="Add property" width="320" /></a></div><br />6. Akan terbuka halaman seperti ini, klik "Alternate methods" untuk mendapatkan kode verifikasi HTML Tag. Ikuti panduan pemasangannya di template blog.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKsZdClYiixHaCS57o1h53aEHX03BNJkYkqO3S8GJEK6fQCPhDXx2BCtZpzxqRh9QPbrg2yTst9aFPvvDnQm2jGSZvE0LibylFdkJI06FHO7ybLoPp9t_HqkEjWAa0IXcdcXuZend61YA/s1600/google+blog+verifikasi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Daftarkan Blog ke Google " border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKsZdClYiixHaCS57o1h53aEHX03BNJkYkqO3S8GJEK6fQCPhDXx2BCtZpzxqRh9QPbrg2yTst9aFPvvDnQm2jGSZvE0LibylFdkJI06FHO7ybLoPp9t_HqkEjWAa0IXcdcXuZend61YA/s320/google+blog+verifikasi.JPG" title="Daftarkan Blog ke Google " width="320" /></a></div><br />7. Setelah memasukkan kode ke template, maka akan muncul konfirmasi sukses.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiha3JTtG5i0wEPAEKgy_zbyfCutCbzwu7OsHg0gYf7HhADRExNVYafVoC-HHWhTzux-59wlztP9fwMrSWUQtw7NbhRFUTbxKfuVlgcgjlkUk0wquioiO22ofCynraVHEzJwJUbyw8-tkc/s1600/google+blog+verifikasi1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiha3JTtG5i0wEPAEKgy_zbyfCutCbzwu7OsHg0gYf7HhADRExNVYafVoC-HHWhTzux-59wlztP9fwMrSWUQtw7NbhRFUTbxKfuVlgcgjlkUk0wquioiO22ofCynraVHEzJwJUbyw8-tkc/s320/google+blog+verifikasi1.JPG" title="" width="320" /></a></div><br />8. Klik "Continue".<br />7. Klik "Sitemaps - No Sitemap" untuk mendaftarkan konten blog.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1mD93obc0MctMVnvYtdvOKDU4ErHpzIQnoh8waqDEewXbsIdqCv6B4QEEpXiOBH69luj_PC_Si2G5dHrIlwFZvxcBCe73R0MwBb-3b6wGgiIdLr72oITi3TwZ4psWfKIWxMSqLHO3iO8/s1600/submit+sitemap1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Submit Sitemap" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1mD93obc0MctMVnvYtdvOKDU4ErHpzIQnoh8waqDEewXbsIdqCv6B4QEEpXiOBH69luj_PC_Si2G5dHrIlwFZvxcBCe73R0MwBb-3b6wGgiIdLr72oITi3TwZ4psWfKIWxMSqLHO3iO8/s320/submit+sitemap1.JPG" title="Submit Sitemap" width="320" /></a></div><br />7. Tambahkan "sitemap.xml" di belakang alamat blog dan klik "Submit"<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMS1iNp7Yp6E-rWdMCFtGlTRBv7BLntu0MEhsKnefmeZsoPPqRYMftWVfjJ5KXdCsx_syATw_F5fB4eIWZU4cG64B04hMtGfg4S7aF5rSFKDKYSrQwo-FhO8PJcbxQ7B4FZBM4gUZltA/s1600/submit+sitemap2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Submit Sitemap" border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMS1iNp7Yp6E-rWdMCFtGlTRBv7BLntu0MEhsKnefmeZsoPPqRYMftWVfjJ5KXdCsx_syATw_F5fB4eIWZU4cG64B04hMtGfg4S7aF5rSFKDKYSrQwo-FhO8PJcbxQ7B4FZBM4gUZltA/s320/submit+sitemap2.JPG" title="Submit Sitemap" width="320" /></a></div><br />8. Lanjutkan dengan mengecek email Anda. Google akan mengirimkan petunjuk selanjutnya agar blog Anda terindeks dengan baik oleh Google.<br /><br /><h3><span style="font-weight: bold;">Cara Mendaftarkan </span><b>& Verifikasi </b><span style="font-weight: bold;">Blog ke Bing</span></h3>Selain ke Google, kita daftarkan juga blog ke Bing agar di Bing alias Yahoo, database blog kita juga terindeks dengan baik dan cepat.<br /><span style="font-weight: bold;"><br /></span>1. Buka <a href="https://www.bing.com/toolbox/submit-site-url" rel="nofollow" target="_blank">Submit your Site to Bing</a><br />2. Masukkan alamat blog Anda.<br /><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXbrSYb87q_G8VcoLB7YbwiHxqSK9xmPqXfO7y0QWZcSeVdCJ8JCIm-FepXzug2HnkndcamTM1p1bDitTgprkHAotJ_k3DjjPTO3mSOMFwQpagixLdolbqcoKokH8x7jWyqEa41cWK154/s1600/submit+url+blog2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="daftar blog ke bing yahoo" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXbrSYb87q_G8VcoLB7YbwiHxqSK9xmPqXfO7y0QWZcSeVdCJ8JCIm-FepXzug2HnkndcamTM1p1bDitTgprkHAotJ_k3DjjPTO3mSOMFwQpagixLdolbqcoKokH8x7jWyqEa41cWK154/s320/submit+url+blog2.JPG" title="daftar blog ke bing yahoo" width="301" /></a></div><br />3. Lanjutkan dengan "Great! Sign Me Up" dan ikuti panduan selanjutnya.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-yFSq4OVdLbHlvIDcoFZnXtt9y015hBa0zHc5_oef6nDzkTYsxMpJT86mPg6vg_5urZYRtQwoW3GgaA7j8IhF-k8uEukwWA5EYLyjZGpIi1o_d2iFgfUdh1Fryyz1ajw7qPCUIq5SU4/s1600/submit+url+blog3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="daftar blog ke bing yahoo" border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-yFSq4OVdLbHlvIDcoFZnXtt9y015hBa0zHc5_oef6nDzkTYsxMpJT86mPg6vg_5urZYRtQwoW3GgaA7j8IhF-k8uEukwWA5EYLyjZGpIi1o_d2iFgfUdh1Fryyz1ajw7qPCUIq5SU4/s320/submit+url+blog3.JPG" title="daftar blog ke bing yahoo" width="320" /></a></div><br />Demikian Dasar-Dasar SEO: Daftarkan Blog ke Google dan Bing (Yahoo!).*Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-8305129033071780452016-02-26T23:09:00.000+07:002016-09-20T09:29:10.175+07:00Widget Popular Posts Judul dan Nomor Mirip Situs-Situs Berita<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr48q1T8mebPdODsPja22WwnFiI1iUpVmDpmxrTrDUcpmw5sB9kDTVEBiOyEgjRxpS1tMY2uZfc71mi4gcF6by_xBQb49dLwtaUM82E6-Q7qVPSLGfJqZHzGgPiKszXEqxDSt8HmVHvw4/s1600/popular+post+mirip+situs+berita.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Popular Posts Judul dan Nomor" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr48q1T8mebPdODsPja22WwnFiI1iUpVmDpmxrTrDUcpmw5sB9kDTVEBiOyEgjRxpS1tMY2uZfc71mi4gcF6by_xBQb49dLwtaUM82E6-Q7qVPSLGfJqZHzGgPiKszXEqxDSt8HmVHvw4/s1600/popular+post+mirip+situs+berita.JPG" title="Popular Posts Judul dan Nomor" /></a></div><b>Widget Popular Posts Judul dan Nomor Mirip Situs-Situs Berita</b><br /><br /><b>POPULAR</b> Posts atau Entry Terpopuler adalah widget wajib di blog. Ia menampilkan posting yang paling banyak dikunjungi secara otomatis.<br /><br />Widget ini biasa dipasang di sidbar blog. Fungsinya sebagai Internal Link sekaligus Navigasi bagi pengunjung untuk melihat tulisan terbanyak dibaca di sebuah blog.<br /><br />Berikut ini kode Widget Popular Posts Judul dan Nomor Mirip Situs-Situs Berita, seperti Popular News Detikcom dan lainnya.<br /><br />Daftar posting hanya menampilan judul plus nomor (angka). Tidak disarankan menampilkan popular post dengan gambar thumbnail karena memberatkan loading, bahkan terkadang mengurangi seo blog.<br /><h3><br /></h3><h3>Cara Memasang Widget Popular Posts Judul dan Nomor Mirip Situs-Situs Berita</h3>1. Template > Edit HTML<br />2. Copas kode berikut ini di atas kode ]]></b:skin> atau </style><br /><br /><i>#PopularPosts1 ul{list-style-type:none;margin:0;padding: 0}<br />#PopularPosts1 img{float:left;margin-right:10px;width:72px;height:75px;display: block;transition:all .3s ease-in-out}<br />#PopularPosts1 ul li {padding:8px 0 11px !important;margin:0; list-style: none; border-bottom: 1px solid #e9e9e9;font-size:11px;line-height: normal;}<br />#PopularPosts1 ul li:first-child { border-top:none; }<br />#PopularPosts1 ul li:last-child { border-bottom:none; }<br />#PopularPosts1 a:link, #PopularPosts1 a:visited, #PopularPosts1 a:active {font-size:13px; color: #016FBA !important; display: block;font-weight:bold;padding:0 !important;margin:0 !important;line-height:1.4em}<br />#PopularPosts1 a:hover {color: #B80103 !important; text-decoration: none;}<br /><br />.PopularPosts h2{<br />padding-right:.4em;<br />padding-left:1em<br />} <br />.popular-posts ul { padding-left: 0; <br /> counter-reset: trackit;<br /> }<br />.popular-posts ul li { <br />border-bottom: 1px solid #f0f0f0; <br />list-style: none outside none !important; <br />margin-left: 0 !important; <br />overflow: hidden; <br />padding: 10px 0 !important; <br />transition: all 0.25s linear 0s;<br />counter-increment: trackit;<br /> }<br />.PopularPosts ul li:before{<br />content: counters(trackit, &quot;.&quot;);<br /> padding: 0 .1em 0 10px;<br /> font-size: 20px;<br /> font-weight: bold;<br /> color: #F66;<br /> float: left;<br /> margin-right: 10px;<br />} <br /><br />.PopularPosts li:first-child{<br />border-top:1px solid #f0f0f0<br />} <br /><br />.PopularPosts li:nth-child(odd)<br />{background:#f5f5f5<br />}<br /><br />.PopularPosts .item-thumbnail, .PopularPosts .item-snippet { <br />display: none!important}/* Hides Thumbnail and Snippet */<br /><br />.PopularPosts a, .PopularPosts a:hover{<br />color:#959595;<br />font-size:.9rem<br />}<br />#PopularPosts1 li{<br />padding-right: 1em !important;<br />padding-left: 1em !important;<br />}<br />.widget.PopularPosts{padding:1.2em 0em !important} </i><br /><br />3. Save Template!Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-76497689334381893902016-02-26T19:02:00.000+07:002016-09-22T14:59:42.532+07:00Related Post Thumbnail Image Fast Loading<b>Cara membuat posting terkait dengan gambar Fast Loading. Related Post Thumbnail Image Fast Loading.</b><br />
<br />
<b>RELATED</b> posts atau posting terkait merupakan widget yang biasa disimpan di bawah postingan. Widget berfungsi sebagai internal link dan navigasi ke posting lainnya dalam blog.<br />
<br />
Widget Related Post sangat berperan dalam meningkatkan Pageviews.<br />
<br />
Banyak sekali jenis-jenis widget related post, mulai dari yang simple hingga warna-warni. Salah satunya related post berupa judul tulisan dan gambar thumbnail.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9E-jkOoL2wahFepcydC4bh4s9vRgyuiXI8S7Ss3zOOW3nQY2cePXHZpOtsMpf0qcZ4X6fVJK5VYlVZaaTXGxI6mEBaOI2wkqMjNOPT1Sx9uJaNfpPrRoVTqV-U77SX0U9xwVT0gM1UGM/s1600/related+post+blogger+dengan+gambar.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Related Post Thumbnail Image Fast Loading" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9E-jkOoL2wahFepcydC4bh4s9vRgyuiXI8S7Ss3zOOW3nQY2cePXHZpOtsMpf0qcZ4X6fVJK5VYlVZaaTXGxI6mEBaOI2wkqMjNOPT1Sx9uJaNfpPrRoVTqV-U77SX0U9xwVT0gM1UGM/s1600/related+post+blogger+dengan+gambar.JPG" title="Related Post Thumbnail Image Fast Loading" /></a></div>
<h3>
<br /></h3>
<h3>
<b>Cara Membuat Related Posts dengan Gambar Fast Loading</b></h3>
<br />
<b>1. KODE CSS</b><br />
Copas berikut ini di atas kode ]]></b:skin> atau </style><br />
<i><br /></i><i>/*Related Posts Widget with Image Thumbnail */<br />#related-posts h3{<br /> border-bottom:4px solid #333333;<br /> font-family:Oswald,arial,Georgia,serif;<br /> font-size:18px;<br /> padding-bottom: 5px;<br /> text-transform: uppercase;}<br />#related-posts ul {margin-bottom: 20px; padding: 10px 0; }<br />#related-posts ul li{<br /> float:left;<br /> height:150px; margin:0 10px 10px 0;<br /> width:180px; font-size: 15px;}<br />#related-posts img{padding:0 0;width:182px;height:95px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}<br />#related-posts img:hover{opacity:0.7;}<br />#related-posts ul li:nth-child(3n+3){margin-right:0;}<br />#related-posts ul{margin:0;padding:0;list-style:none;}<br />/*Related Posts Widget with Image Thumbnail */</i><br />
<br />
<b>2. KOE HTML/JAVASCRIPT</b><br />
Copas kode berikut ini di bawah kode <data:post.body/> atau di bawah kode <br />
<div class='post-footer-line post-footer-line-1'><br />
<br />
<i><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='related-posts'><br /><script type='text/javascript'><br />//<![CDATA[<br />var ry='<h3 class="tb911hborder"><span>Related Posts</span></h3></br>';rn='<h3 class="tb911hborder"><span>No related article available</span></h3>';rcomment='comments';rdisable='disable comments';commentYN='yes';<br />var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKrgIYTGVak3bhccVUZwQLci7CfE0qkbgxL9uBrsrwE416p2hGm9ETkSQkYg_eEBZ0rucICj1La7uT1-XrE8OBqzEt79bxjalsPUE9VJkYHx_M7CEJReJE6kobF3Sa_pF9LPqanJQo29U/s1600/BS+No+Image.gif '};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<li><div class="pthumb"><a href="'+urls[c]+'" rel="nofollow"><img alt="'+titles[c]+'" src="'+ thumb[c].replace("/s72-c/","/s300/")+'"/></a></div><a href="'+urls[c]+'" rel="nofollow">'+titles[c]+'</a><div class="clear"></div></li></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};<br />//]]><br /></script><br /><b:loop values='data:post.labels' var='label'><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/><br /></b:loop><br /> </div></i><br />
<i></b:if></i><br />
<b><br /></b><b>3, Save Template!</b><br />
<br />Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-1902214939555061588.post-9122397282548999662016-02-19T22:21:00.000+07:002016-09-20T09:29:10.179+07:00Cara Membuat Blog Gratis di Blogspot Terbaru untuk Bisnis Online<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6A-LwEPUjCwJbeLi-kDobdsRFYDFsNx1bfp_DMOLcD62pNJUuBBey1be8ZZ_K7PRqi0tW2YK2Vn1-BaiWLuJmakH0A7xORLW_pMjw9WXNuKW8VJfq-VI6O3tlJKmKhUQBraBLFLh9eOU7/s1600/blogging4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6A-LwEPUjCwJbeLi-kDobdsRFYDFsNx1bfp_DMOLcD62pNJUuBBey1be8ZZ_K7PRqi0tW2YK2Vn1-BaiWLuJmakH0A7xORLW_pMjw9WXNuKW8VJfq-VI6O3tlJKmKhUQBraBLFLh9eOU7/s1600/blogging4.jpg" title="Cara Membuat Blog" /></a></div><b>Cara Membuat Blog Gratis di Blogspot Terbaru untuk Bisnis Online plus SEO Dasar</b>. <b>Panduan Praktis bagi Pemula</b>.<br /><br /><b></b><br /><b>BLOG</b> adalah situs pribadi (personal website) berisi "catatan harian" untuk berbagi pengalaman, wawasan, curhat, link, publikasi foto dan video, dan kini berkembang menjadi sarana bisnis online, pemasaran internet, bahkan jadi portal berita (media online, media siber).<br /><br />Cara membuat blog sangat mudah, semudah membuat email atau akun media sosial. Posting atau mengisinya juga mudah, semudah update status Facebook atau Twitter.<br /><br />Untuk membuat blog yang SEO Friendly, yaitu blog yang mudah dan cepat terindeks Google, juga mudah. Banyak sekali template blog SEO Friendly gratis yang bisa digunakan. Banyak pula tips dan trik SEO untuk membuat blog Anda cepat populer dan mendatangkan banyak pengunjung.<br /><br />Platform blog gratis yang bisa digunakan juga banyak. Menurut situs pemeringkat website dunia <a href="http://www.alexa.com/" rel="nofollow" target="_blank">Alexa</a>, platform blog terpopuler dan terbanyak digunakan adalah <a href="http://www.blogger.com/" rel="nofollow" target="_blank">Blogger</a> (Blogspot) milik <a href="http://www.google.com/" rel="nofollow" target="_blank">Google</a>.<br /><br />Wajar, karena blogger merupakan milik mesin pencari terkemuka di dunia (Google). Kalau kita mencari informasi apa saja di Google, juga di <a href="http://www.bing.com/" rel="nofollow" target="_blank">Bing</a> atau <a href="http://www.yahoo.com/" rel="nofollow" target="_blank">Yahoo</a>, maka kebanyakan blog yang muncul dari blogger (blogspot).<br /><br /><br />Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0