tag:blogger.com,1999:blog-26201756005334639432024-03-05T23:02:48.971+07:00BATIC BlogPanduan Praktis Blog Blogspot - Tips SEO, Template Gratis Download, Desain, Posting, Indeks Google, Jumlah Pengunjung, Google AdsenseBATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.comBlogger58125tag:blogger.com,1999:blog-2620175600533463943.post-73405323784591241392016-02-04T17:16:00.001+07:002016-02-04T17:16:05.606+07:00Cara Membuat Semua Link Open New Tab Otomatis di Blog <b>Cara Membuat Semua Link Open New Tab (Membuka Tab Baru) Secara Otomatis di Blog. </b>Tujuannya agar halaman blog yang sedang dibuka tidak tertutup atau digantikan oleh halaman link yang diklik.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvXx1KsRKaA-Mmhs060dyDUaIBNieNHTWUSAmn4I2EXtLmmE3kowP2y2tFsCP7azxUDX8wXYI-B86uKAtsx-HsFbcsewHwBrV5xCz5a3sWrU_yhPy5Whju0VElIa7KkStybCWuSjfrBus/s1600/blog+blogger+blogging.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Semua Link Open New Tab Otomatis di Blog " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvXx1KsRKaA-Mmhs060dyDUaIBNieNHTWUSAmn4I2EXtLmmE3kowP2y2tFsCP7azxUDX8wXYI-B86uKAtsx-HsFbcsewHwBrV5xCz5a3sWrU_yhPy5Whju0VElIa7KkStybCWuSjfrBus/s1600/blog+blogger+blogging.jpg" title="Cara Membuat Semua Link Open New Tab Otomatis di Blog " /></a></div>
<b><br /></b>
<b>Cara Membuat Semua Link Open New Tab Otomatis di Blog: </b><br />
Copas kode ini: <br /><b> </b><br />
<b><base target='_blank' /></b><br />
di atas kode <b></head> </b><br />
<br />
Save Template!Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-77572783987379983772015-12-23T19:09:00.002+07:002015-12-23T19:09:44.141+07:004 Cara Membuat Auto Readmore Halaman Depan Blog<b>Tiga Gaya & Cara Membuat Auto Readmore Halaman Depan Blog</b>.<br /><b><br />JIKA</b> Anda menggunakan template blog bawaan blogger, maka tampilan depan harus diringkas secara manual agar tampil hanya judul, gambar, dan alinea pertama, yaitu dengan menggunakan (nge-klik) "insert jump break" saat menulis posting.<br />
<br />
Supaya auto readmore tampil otomatis, maka ada tiga pilihan tampilan sekaligus tiga cara berikut ini, sebagaimana di-share admin blog <i>Helplog</i> berikut ini.<br />
<br />
<br />Cara Auto Readmore atau tampilan halaman depan blog berupa judul posting, gambar thumbnail, dan ringkasan (alinea pertama). <br />
<h3>
4 Cara Membuat Auto Readmore Halaman Depan Blog</h3>
1. Klik "Template" -> "Edit HTML"<br />3 . Cari kode <b:includable id='pos t' var='pos t'>Untuk memudhkan pencarian kode tersebut:<br /><br />
- Klik mouse pada area kode HTML, lalu tekan CTRL + F untuk membuka tools "Search Box" <br />- Copy & Paste kode tersebut dalam "search box" lalu tekan Enter<br /><br />
4. Ganti kode <b:includable id='post' var='post'>....</b:includable> dengan kode di bawah ini :<br /><br /><b:includable id='post' var='post'> <article expr:class='"blogger-post blogger-post-" + data:blog.pageType' expr:id='"post-" + data:post.id'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div class='blogger-post-part blogger-post-thumbnail-area'> <b:if cond='data:post.thumbnailUrl'> <a expr:href='data:post.url'><img class='blogger-post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' width='72'/></a> </b:if> </div> </b:if> </b:if> <div class='blogger-post-part blogger-post-body-area'> <h3 class='blogger-post-title'> <b:if cond='data:post.title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> <b:else/> [Untitled] </b:if> </h3> <div class='blogger-post-body'> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <b:if cond='data:post.snippet'> <data:post.snippet/> <b:else/> No content. </b:if> </b:if> </b:if> </div> <footer class='blogger-post-footer'> <div class='blogger-post-footer-line blogger-post-footer-line-1'> <span class='blogger-post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <span class='fn'> <b:if cond='data:post.authorProfileUrl'> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='Author Profile'><data:post.author/></a> <b:else/> <span class='g-profile'><data:post.author/></span> </b:if> </span> </b:if> </span> <span class='blogger-post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <a class='blogger-post-timestamp-link' expr:href='data:post.url' rel='bookmark' title='Permanent Link'><time class='blogger-post-published published' expr:datetime='data:post.timestampISO8601'><data:post.timestamp/></time></a> </b:if> </span> <span class='blogger-post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.url + "#comments"'><data:post.commentLabelFull/></a> </b:if> </b:if> </b:if> </span> </div> <div class='blogger-post-footer-line blogger-post-footer-line-2'> <span class='blogger-post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if> <b:include data='post' name='postQuickEdit'/> </span> </div> </footer> </div> </article> </b:includable> <br /><br />Langkah selanjutnya adalah menambahkan kode CSS, berikut ini ada 3 pilihan gaya kode CSS yang bisa kita terapkan:<br /><br /><b>GAYA - 1, Post Summaries dengan Thumbnails Lingkaran di Kiri :</b><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7k4kgaRgwORBdvbJ0cgK26GBif4xT8naQEnAEBcGQA5VXM-s3jWNGh0an89a2l11-dt2sV4_bab7HR96_MP6wNgBj7kRj_Izoleh8iWJJCvfHwQQTpbQFBP-oP6Ti1gF3qjXbVRGflfi4/s1600/blogger-posts-summaries-with-round-thumbnails-css-style.png"><img alt="Cara Membuat Auto Readmore" border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7k4kgaRgwORBdvbJ0cgK26GBif4xT8naQEnAEBcGQA5VXM-s3jWNGh0an89a2l11-dt2sV4_bab7HR96_MP6wNgBj7kRj_Izoleh8iWJJCvfHwQQTpbQFBP-oP6Ti1gF3qjXbVRGflfi4/s400/blogger-posts-summaries-with-round-thumbnails-css-style.png" title="Cara Membuat Auto Readmore" width="400" /></a><br /><br /><b>Kode CSS Gaya-1 :</b><br /><br />.blogger-post {padding: 5px 0px 0px; background: #F6F6F6; border-right: 1px dashed #E3E3E3;height:150px; margin:0 0 20px; overflow:hidden; *zoom:1;} .blogger-post:after { content:" "; display:block;clear:both;} .blogger-post-title { font:normal bold 20px/1.2 Arial,Sans-Serif; margin:0 0 10px;padding:0;} .blogger-post-title a{color: #888;} .blogger-post-thumbnail-area {border-radius: 330px;-webkit-border-radius: 330px; -moz-border-radius: 330px; border: 10px solid #E5E5E5;margin-left: 20px;width:120px;height:120px; background-color:#2D3957;float:left;overflow:hidden;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrsgzz8vjXp_JeXpEoftSsczn29aFGtgG3OtK5UbeqaVO3MZf8exJmFRT3zpRgxKX-4kvbKzxaWHcMAL5qdCKecfccql6D7DY5-iu6AjoktneGs-M32A7b1w5uW0I3oD4Rem9auGO2L_K8/s1600/no-image-available.png'); background-repeat: no-repeat; background-size: 100%;} .blogger-post-body-area:before {border-bottom:40px solid transparent;border-right:40px solid #E4E4E4;border-top:40px solid transparent; width:0;height:0; content:"";margin: 10px 0px 20px -60px;display:inline-block;float: left;} .blogger-post-thumbnail {display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;margin:0;padding:0;border:none;outline:none;position:static;} .blogger-post-body-area {padding:20px;margin-left:200px;font-size:12px;border-left: 1px solid #E3E3E3;} .blogger-post-footer {margin:10px 0 0;padding:10px 0 0;border-top:1px dotted #ddd;font:normal bold 8px/1.5 Verdana,Tahoma,Arial,Sans-Serif;text-transform:uppercase;color:#999;} .blogger-post-footer a {color: #888;} .blogger-post-item, .blogger-post-static_page {height:auto} .blogger-post-item .blogger-post-body-area, .blogger-post-static_page .blogger-post-body-area {margin:0;padding:20px;font-size:13px;} .blogger-post-item .blogger-post-title, .blogger-post-static_page .blogger-post-title {font-size:30px} .icon-action {width: 10px;height:10px;} <br /><br /><b>GAYA - 2, Thumbnails dengan judul dan Post Summary di sisi kanan :</b><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR8r4d0se3CWl6GD2C7whB_vOwWRs8Wfhgf2EE7Y3Bi3dRltklzcCgwNCAEUxX-XdAaLW1oJNnjQeoNt4FRJy6NGd_l81rXsBXljqkprMuRia9GCqvGvtMm-FrAeX0BL4pzl5JjTIYpwyM/s1600/blogger-posts-summaries-titles-on-the-right-with--thumbnails-css-style.png"><img alt="Cara Membuat Auto Readmore" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR8r4d0se3CWl6GD2C7whB_vOwWRs8Wfhgf2EE7Y3Bi3dRltklzcCgwNCAEUxX-XdAaLW1oJNnjQeoNt4FRJy6NGd_l81rXsBXljqkprMuRia9GCqvGvtMm-FrAeX0BL4pzl5JjTIYpwyM/s400/blogger-posts-summaries-titles-on-the-right-with--thumbnails-css-style.png" title="Cara Membuat Auto Readmore" width="400" /></a><br /><br /><b>Kode CSS-nya :</b><br /><br />.blogger-post {background: #F6F6F6;border-right: 1px dashed #E3E3E3;height:200px; margin:0 0 20px; overflow:hidden; *zoom:1;} .blogger-post:after { content:" "; display:block; clear:both;} .blogger-post-title {font:normal bold 20px/1.2 Arial,Sans-Serif;margin:0 0 10px; padding:0;} .blogger-post-title a{color: #888;} .blogger-post-thumbnail-area {width:200px; height:200px;background-color:#2D3957;float:left;overflow:hidden;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrsgzz8vjXp_JeXpEoftSsczn29aFGtgG3OtK5UbeqaVO3MZf8exJmFRT3zpRgxKX-4kvbKzxaWHcMAL5qdCKecfccql6D7DY5-iu6AjoktneGs-M32A7b1w5uW0I3oD4Rem9auGO2L_K8/s1600/no-image-available.png');background-repeat: no-repeat;background-size: 100%;} .blogger-post-thumbnail {display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;margin:0;padding:0;border:none;outline:none;position:static;} .blogger-post-body-area {padding:20px;margin-left:200px;font-size:12px;} .blogger-post-footer {margin:10px 0 0;padding:10px 0 0; border-top:1px dotted #ddd;font:normal bold 8px/1.5 Verdana,Tahoma,Arial,Sans-Serif; text-transform:uppercase; color:#999;} .blogger-post-footer a {color: #888;} .blogger-post-item, .blogger-post-static_page {height:auto} .blogger-post-item .blogger-post-body-area, .blogger-post-static_page .blogger-post-body-area { margin:0; padding:20px; font-size:13px;} .blogger-post-item .blogger-post-title, .blogger-post-static_page .blogger-post-title {font-size:30px} .icon-action {width: 10px;height:10px;} <br /><br /><b>GAYA - 3</b>, Blogger Posts Bersisian/kolom dengan judul dan Summaries dibawah Thumbnail (Tata Letak Bergaya Surat Kabar/Koran/Toko Online/Galeri/Video Blog) :<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJqmFTbxrqDmKPZQ3jIVrwCRdr4EyAaQ9QoscNlrQaSL7ldPjYVdq-q5YQEGtVchSyJ3ZNFdvWws5eXUn5-EhHQZSJpafh2vV5OJJTQzjzvV98NuLP0AWKMbfZ1XAoLvfMwOIk_oER-CLP/s1600/blogger-posts-summaries-and-thumbnails-no-javascript.png"><img alt="Cara Membuat Auto Readmore" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJqmFTbxrqDmKPZQ3jIVrwCRdr4EyAaQ9QoscNlrQaSL7ldPjYVdq-q5YQEGtVchSyJ3ZNFdvWws5eXUn5-EhHQZSJpafh2vV5OJJTQzjzvV98NuLP0AWKMbfZ1XAoLvfMwOIk_oER-CLP/s400/blogger-posts-summaries-and-thumbnails-no-javascript.png" title="Cara Membuat Auto Readmore" width="400" /></a><br /><br /><br /><b>Kode CSS-nya:</b><br /><br />#blog-pager {clear: both;} .blogger-post {background: #F6F6F6; border-right: 1px dashed #E3E3E3; border-left: 1px dashed #E3E3E3; height: 405px; width:200px; margin:0 20px 20px 0; padding: 10px 10px 0px; overflow:hidden; float: left; display:inline-block; *zoom:1;} .blogger-post:after { content:" "; display:block; clear:both;} .blogger-post-title { font:normal bold 16px/1.2 Arial,Sans-Serif; margin:0 0 10px; padding:0;} .blogger-post-title a{color: #777;} .blogger-post-thumbnail-area a img{ width:200px; height:200px; background-color:#fff;overflow:hidden;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrsgzz8vjXp_JeXpEoftSsczn29aFGtgG3OtK5UbeqaVO3MZf8exJmFRT3zpRgxKX-4kvbKzxaWHcMAL5qdCKecfccql6D7DY5-iu6AjoktneGs-M32A7b1w5uW0I3oD4Rem9auGO2L_K8/s1600/no-image-available.png');background-repeat: no-repeat;background-size: 100%;} .blogger-post-thumbnail { display:block; width:100%; height:100%; max-width:none;max-height:none;min-width:0; min-height:0; margin:0; padding:0; border:none; outline:none;position:static;} .blogger-post-body-area { padding:10px 20px 20px; margin:10px 0 0; font-size:11px;} .blogger-post-footer {background: #E9E9E9; margin:10px -20px 0; padding:20px; border-top:1px dotted #ddd; font:normal bold 8px/1.5 Verdana,Tahoma,Arial,Sans-Serif; text-transform:uppercase; color:#555;} .blogger-post-footer a{color: #888;} .blogger-post-item, .blogger-post-static_page {width:auto;} .blogger-post-item .blogger-post-body-area, .blogger-post-static_page .blogger-post-body-area { margin:0; padding:20px; font-size:13px;} .blogger-post-item .blogger-post-title, .blogger-post-static_page .blogger-post-title {font-size:30px;} .icon-action {width: 10px;height:10px;} <br /><b><br />Demikian 3 Cara Membuat Auto Readmore Halaman Depan Blog.</b><br />
<br />
Gaya berikut ini lebih elegan karena posting paling baru tampil beda tersendiri, berupa "Featured Post" dengan lebar kolom FULL.<br />
<b> </b><br />
<b>Cara membuatnya:</b><br />
1. Ganti kode <data:post.body/> yang <i>kedua</i> dengan :<br />
<br />
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<span class='post-comment-link'><b:if cond='data:blog.pageType
!= &quot;item&quot;'><b:if
cond='data:post.allowComments'><a class='comment-link'
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a></b:if></b:if></span><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;);</script><br />
<span class='readmorebutton' style='float:right'><a expr:href='data:post.url'><span style="color: #cc0000;"><b>Read More &#187;</b></span></a></span></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 />
<br />
2. Ganti kode <b:include data='post' name='post'/> dengan:<br />
<br />
<b:if cond='data:post.isFirstPost'><br />
<b:if cond='data:blog.homepageUrl == data:blog.url'><br />
<div id='first'><br />
<b:if cond='data:post.title'><br />
<h3 class='post-title entry-title'><br />
<b:if cond='data:post.link'><br />
<a expr:href='data:post.link'><data:post.title/></a><br />
<b:else/><br />
<b:if cond='data:post.url'><br />
<a expr:href='data:post.url'><data:post.title/></a><br />
<b:else/><br />
<data:post.title/><br />
</b:if><br />
</b:if><br />
</h3><br />
</b:if><br />
<div class='first-body'><br />
<br />
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<div expr:id='&quot;summary1&quot; + data:post.id'><data:post.body/></div><br />
<script type='text/javascript'>createSummaryAndThumb1(&quot;summary1<data:post.id/>&quot;);</script><br />
<span class='post-comment-link'><b:if cond='data:blog.pageType
!= &quot;item&quot;'><b:if
cond='data:post.allowComments'><a class='comment-link'
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a></b:if></b:if></span><br />
<span class='readmorebutton' style='float:right'><a expr:href='data:post.url'><span style="color: #cc0000;"><b>Read More &#187;</b></span></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 />
<br />
</div><br />
</div><br />
<b:else/><br />
<b:include data='post' name='post'/><br />
</b:if><br />
<b:else/><br />
<b:include data='post' name='post'/><br />
</b:if><br />
<br />
3. Simpan di atas kode </head> :<br />
<br />
<script type='text/javascript'><br />
posts_no_thumb_sum = 290;<br />
posts_thumb_sum = 240;<br />
img_thumb_height = 80;<br />
img_thumb_width = 80;<br />
<span style="color: #6fa8dc;">first_no_thumb_sum = 580;<br />first_thumb_sum = 450;<br />img_thumb_height1 = 145;<br />img_thumb_width1 = 165;</span><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
function removeHtmlTag(strx,chop){<br />
if(strx.indexOf("<")!=-1)<br />
{<br />
var s = strx.split("<");<br />
for(var i=0;i<s.length;i++){<br />
if(s[i].indexOf(">")!=-1){<br />
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />
}<br />
}<br />
strx = s.join("");<br />
}<br />
chop = (chop < strx.length-1) ? chop : strx.length-2;<br />
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />
strx = strx.substring(0,chop-1);<br />
return strx+'...';<br />
}<br />
<br />
function createSummaryAndThumb(pID){<br />
var div = document.getElementById(pID);<br />
var imgtag = "";<br />
var img = div.getElementsByTagName("img");<br />
var summ = posts_no_thumb_sum;<br />
if(img.length>=1) {<br />
imgtag = '<span class="posts-thumb" style="float:left;"><img
src="'+img[0].src+'" width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';<br />
summ = posts_thumb_sum;<br />
}<br />
<br />
var summary = imgtag + '<div class="summary">' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />
div.innerHTML = summary;<br />
}<br />
<br />
function createSummaryAndThumb1(pID){<br />
var div = document.getElementById(pID);<br />
var imgtag = "";<br />
var img = div.getElementsByTagName("img");<br />
var summ = first_no_thumb_sum;<br />
if(img.length>=1) {<br />
imgtag = '<span class="first-post-thumb"
style="float:left;"><img src="'+img[0].src+'"
width="'+img_thumb_width1+'px"
height="'+img_thumb_height1+'px"/></span>';<br />
summ = first_thumb_sum;<br />
}<br />
<br />
var summary1 = imgtag + '<div class="summary">' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />
div.innerHTML = summary1;<br />
}<br />
<br />
//]]><br />
</script><br />
<br />
4. Kode CSS simpan di atas kode CSS:<br />
<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 />
.first-post-thumb {<br />
margin-right: 10px;<br />
}<br />
<br />
.summary {<br />
height: 100%;<br />
}<br />
<br />
#first {<span style="color: #6aa84f;"> /* Styles for the First Post Container */</span><br />
width: <span style="color: #cc0000;"><b>auto</b></span>;<br />
height: <span style="color: #cc0000;"><b>250px</b></span>;<br />
float: left;<br />
margin-bottom: 10px;<br />
background-color: #F4F4F4; <span style="color: #6aa84f;">/* background color for the first post */</span><br />
border: 1px solid #E5E5E5; <span style="color: #6aa84f;">/* border for the first post */</span>}<br />
<br />
.first-body { <span style="color: #6aa84f;">/* Style for the First Post summary */</span><br />
color: #545454;<br />
font-size: 13px;<br />
text-align: justify;<br />
padding: 5px 10px;<br />
line-height: 1.5em;<br />
}<br />
<br />
#first h3 a, #first h3 a:visited { <span style="color: #6aa84f;">/* Style for the First Post Title*/</span><br />
border-bottom: 2px solid #DFDFDF;<br />
color: #515151;<br />
font-size: 20px;<br />
display: block;<br />
margin: 10px auto;<br />
width: 95%;<br />
font-size: 20px;<br />
padding: 0px 0px 4px 0px;<br />
font-weight: bold;<br />
text-align: left;<br />
line-height: 1.4em;<br />
background: none;<br />
}<br />
<br />
#first h3 a:hover { <span style="color: #6aa84f;">/* Color on mouseover for the First Post Title */</span><br />
color: #1061A1;<br />
}<br />
<br />
.post { <span style="color: #6aa84f;">/* Styles for the small posts container */</span><br />
float: left;<br />
margin: 0px 6px 2% 5px;<br />
width: <span style="color: #cc0000;"><b>46%</b></span>;<br />
height: <span style="color: #cc0000;"><b>230px</b></span>;<br />
padding: 0px 5px 5px 5px;<br />
background: #FCFCFC; <span style="color: #6aa84f;">/* background color for the small posts */</span><br />
border: 1px solid #E5E5E5; <span style="color: #6aa84f;">/* border for the small posts */</span><br />
overflow: hidden;<br />
}<br />
<br />
.posts-thumb { <span style="color: #6aa84f;">/* Style for the small posts thumbnails */</span><br />
margin-right: 10px;<br />
}<br />
<br />
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {<br />
background: none;<br />
border: none;<br />
box-shadow: none;<br />
padding: 0;<br />
}<br />
<br />
<br />
h3.post-title a{<span style="color: #6aa84f;"> /* Style for the small posts titles */</span><br />
font-size: 14px;<br />
color: #747474;<br />
text-transform: uppercase;<br />
}<br />
<br />
h2.date-header { <span style="color: #6aa84f;">/* Hide the post date */</span><br />
display: none;<br />
}<br />
<br />
.post-footer {<br />
display: none;<br />
}<br />
<br />
h3.post-title {<br />
margin: 0px;<br />
}<br />
<br />
.readmorebutton {<br />
margin-top: 5px;<br />
}<br />
<br />
.readmorebutton a { <span style="color: #6aa84f;">/* Styles for the Read More link */</span><br />
color: #767676;<br />
border: 1px solid #E1E1E1;<br />
background: #EAEAEA; <span style="color: #6aa84f;">/* Background color for the Read More link */</span><br />
text-decoration: none;<br />
padding: 3px 5px;<br />
font-weight: bold;<br />
font-size: 11px;<br />
float: right;<br />
position: relative;<br />
}<br />
<br />
.post-comment-link { <span style="color: #6aa84f;">/* Style for the comment bubble of posts below */</span><br />
position: absolute;<br />
top: -35px;<br />
right: -10px;<br />
display: block;<br />
border: 1px solid #E1E1E1; <span style="color: #6aa84f;">/* border for the comment bubble */</span><br />
background: #EAEAEA;<span style="color: #6aa84f;"> /* background color for the comment bubble */</span><br />
font-size: 11px;<br />
position: absolute;<br />
}<br />
<br />
#first .post-comment-link { <span style="color: #6aa84f;">/* Style for the comment bubble of first post */</span><br />
position: absolute;<br />
top: 10px;<br />
right: 0px;<br />
}<br />
<br />
.post-comment-link a { <span style="color: #6aa84f;">/* Link color for the comments bubble*/</span><br />
padding: 10px;<br />
color: #6A6A6A;<br />
text-decoration: none;<br />
font-weight: bold;<br />
}<br />
<br />
#blog-pager {<br />
clear: both;<br />
}<br />
</style><br />
</b:if><br />
</b:if> <br />
<br />
<i></i><br />
<b><i>Sumber:</i></b><br />
<i>http://helplogger.blogspot.co.id/2014/01/create-magazine-style-layout-for-blogger-posts.html</i><b><br /></b><br />
<br /> Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-40730006496058897442015-12-23T18:44:00.001+07:002015-12-23T18:49:46.047+07:00Posting Terbaru plus Gambar Thumbnail Per Label di Homepage BloggerCara membuat widget Posting Terbaru plus Gambar Thumbnail Per Label di Homepage Blogger. Menjadikan beranda blog ala majalah (magazine style).<br />
<br />
<b>Style 1 Posting Terbaru plus Gambar Thumbnail Per Label di Homepage Blogger </b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFRmUX62vESfuiQBXoOAa6eO-YjjDs28bQJs7OYnP9Ps9t719_cAjsgnOcsdj3oWj07BPG6cR-Q0g7xJYHbRaiESxfrejB9p9NtusA7LLyAvJCCayngQclAM1G9yviPl8DH_2UaR05rBg/s1600/post+terbaru+plus+image+per+label.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Posting Terbaru plus Gambar Thumbnail Per Label" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFRmUX62vESfuiQBXoOAa6eO-YjjDs28bQJs7OYnP9Ps9t719_cAjsgnOcsdj3oWj07BPG6cR-Q0g7xJYHbRaiESxfrejB9p9NtusA7LLyAvJCCayngQclAM1G9yviPl8DH_2UaR05rBg/s1600/post+terbaru+plus+image+per+label.jpg" title="Posting Terbaru plus Gambar Thumbnail Per Label" /></a></div>
<br />
<br />
<b>CSS:</b><br />
<b>di atas ]]></b:skin> atau </style></b><br />
<br />
img.label_thumb{float:left;margin-right:15px !important;height:65px; /*
Thumbnail height */width:65px; /* Thumbnail width */border: 1px solid
#ff00ff;}<br />
#label_with_thumbs {float: left;width: 100%;min-height: 80px;margin: 0px
15px 2px 0px;padding: 1;}ul#label_with_thumbs li {padding:6px
0;min-height:60px;margin-bottom:1px;border-bottom: 1px solid #ff99ff;}<br />
#label_with_thumbs li{list-style: none ;padding-left:1px !important;}<br />
#label_with_thumbs a { text-transform: none;}#label_with_thumbs strong {padding-left:1px; }<br />
<br />
<b>JAVASCRIPT: </b><br />
<b>di atas </head> atau </body></b><br />
<br />
<script type='text/javascript'>//<![CDATA[function
labelthumbs(json){document.write('<ul
id="label_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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6vPsDJxphYWLx0I4zRugvK3uW4sERt-OpOm8f0Te-IjBHaST0RntuU0rzTbGcQlbt_odXY9XL0bt08XZ3r1Q1Du21HdjAWJL7Uf2ijEd0GwTzJr2DVE-Lk1zkECIJ1pQuOS1ZXKeO7og/s1600/picture_not_available.png';}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]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li
class="clearfix">');if(showpostthumbnails==true)document.write('<a
href="'+posturl+'" target ="_top"><img class="label_thumb"
src="'+thumburl+'"/></a>');document.write('<strong><a
href="'+posturl+'" target
="_top">'+posttitle+'</a></strong><br>');if("content"in
entry){var postcontent=entry.content.$t;}elseif("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('');document.write(postcontent);document.write('');}else{document.write('');postcontent=postcontent.substring(0,numchars);var
quoteEnd=postcontent.lastIndexOf("
");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}var
towrite='';var
flag=0;document.write('<br>');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">More
»</a>';flag=1;;}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('');}document.write('</ul>');}//]]></script><br />
<b><br /></b>
<b>HTML:</b><br />
<b>Layout > Add a Gadeget > HTML/Javascrpt</b><br />
<br />
<script type='text/javascript'>var numposts = 3;var
showpostthumbnails = true;var displaymore = false;var displayseparator =
true;var showcommentnum = false;var showpostdate = false;var
showpostsummary = true;var numchars = 100;</script> <script
type="text/javascript" src="/feeds/posts/default/-/<span style="color: blue;">label name</span>?published&alt=json-in-script&callback=labelthumbs"></script><br />
<br />
<b>Style 2 Posting Terbaru plus Gambar Thumbnail Per Label di Homepage Blogger </b><br />
Posting Terbaru plus Gambar Thumbnail Per Label di Homepage Blogger di bawah ini tanpa thumbnail image besar, tapi seragam --berupa thumbnail kecil saja.<br />
<b><br /></b>
<b>KODE CSS:</b><br />
#main-home{width:687px; margin-bottom:30px; overflow:hidden}<br />#main-left h2, #main-right h2{border-top-right-radius:4px; border-top-left-radius:4px; background:#363b40; margin:0 -15px 0 -15px; padding:15px; color:#fff; font-family:&#39;Roboto Condensed&#39;,sans-serif; font-size:16px; font-weight:400}<br />#main-left{border-bottom:3px solid #ddd; border-radius:4px; background:#f9f9f9; padding:0 15px 0 15px; width:44.6%; float:left}<br />#main-right{border-bottom:3px solid #ddd; border-radius:4px; background:#f9f9f9; padding:0 15px 0 15px; width:44.6%; float:right}<br />img.label_thumb{float:left; margin-right:10px !important; margin-bottom:6px; margin-top:2px; height:65px; width:65px; border:#eee solid 4px}<br />.label_with_thumbs{float:left; width:100%; min-height:65px; margin:0 10px 10px 0; padding:0; line-height:1.3em}<br />ul.label_with_thumbs li{min-height:80px; margin:2px 0; padding:7px 0; border-bottom:1px dashed #ddd}<br />.label_with_thumbs li{font-size:13px; list-style:none; padding-left:0 !important}<br />.label_with_thumbs a{font-family:&#39;Oswald&#39;,Calibri,sans-serif; font-size:13px; padding-bottom:2px; font-weight:normal; color:#444; line-height:1.4em; margin-bottom:9px}<br />.label_with_thumbs a:hover{color:#2C82B1}<br />.label_with_thumbs strong{padding-left:0}<br />
<br />
<b>KODE JAVASCRIPT</b><br />
<br />
<script type='text/javascript'><br />//<![CDATA[<br /><br />function labelthumbs(e){document.write('<ul class="label_with_thumbs">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.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!=""){l=d}else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6vPsDJxphYWLx0I4zRugvK3uW4sERt-OpOm8f0Te-IjBHaST0RntuU0rzTbGcQlbt_odXY9XL0bt08XZ3r1Q1Du21HdjAWJL7Uf2ijEd0GwTzJr2DVE-Lk1zkECIJ1pQuOS1ZXKeO7og/s1600/picture_not_available.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Jan";y[2]="Feb";y[3]="Mar";y[4]="Apr";y[5]="May";y[6]="June";y[7]="July";y[8]="Aug";y[9]="Sept";y[10]="Oct";y[11]="Nov";y[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+i+'" target ="_top"><img class="label_thumb" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_top">'+r+"</a></strong><br>");if("content"in n){var w=n.content.$t}else if("summary"in n){var w=n.summary.$t}else var w="";var E=/<\S[^>]*>/g;w=w.replace(E,"");if(showpostsummary==true){if(w.length<numchars){document.write("");document.write(w);document.write("")}else{document.write("");w=w.substring(0,numchars);var S=w.lastIndexOf(" ");w=w.substring(0,S);document.write(w+"...");document.write("")}}var x="";var T=0;document.write("<br>");if(showpostdate==true){x=x+y[parseInt(m,10)]+"-"+g+" - "+v;T=1}if(showcommentnum==true){if(T==1){x=x+" | "}if(u=="1 Comments")u="1 Comment";if(u=="0 Comments")u="No Comments";u='<a href="'+f+'" target ="_top">'+u+"</a>";x=x+u;T=1}if(displaymore==true){if(T==1)x=x+" | ";x=x+'<a href="'+i+'" class="url" target ="_top">More »</a>';T=1}document.write(x);document.write("</li>");if(displayseparator==true)if(t!=numposts-1)document.write("")}document.write("</ul>")}<br /><br />//]]><br /></script><br />
<br />
<b>KODE HTML</b><br />
Posisi widget: sebelum kode <span style="color: blue;"></div></span> penutup<b> main wrapper</b><br />
<br />
<b:if cond='data:blog.pageType != &quot;item&quot;'><br /><div id='main-home'><br /><b:section class='main-left' id='main-left'/><br /><b:section class='main-right' id='main-right'/><br /></div><br /></b:if><br />
<br />
<b>HTML WIDGET: Layout > HTML</b><br />
<script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script><br /><br /><script type="text/javascript" src="/feeds/posts/default/-/Label Anda?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script><br /><br/><br /><a style='float:right;font-size:13px;padding:5px 0 20px 0' href='/search/label/Label%20Anda/max-results=6' title='Testing other' rel='nofollow'>Testing other &#187;</a><br />
<br />
<br />
<i>Sumber:</i><br />
<i>http://allblogsolution.blogspot.co.id/2014/03/show-particular-label-posts-in-homepage.html</i><b><br /></b>Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-27880630252107455162015-11-05T21:29:00.002+07:002015-11-05T21:29:40.109+07:00Kode Agar Blog Tampil Rapi di Browser Lama Internet Explorer<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnxQsw-x1lt9ZqQeMOH3np55I2P_w8Blqmyu4cvRcfpjrInUf9BElwsJWRd1oZH7fEH9ArvuqIGVal_YZ2Y5W36yrrlPzA6JIRw7SX1tu4sJHqX6Fw-AAfsM_IHX16xmvGg5vYjfw4VRA/s1600/Internet+Explorer.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Kode Agar Blog Tampil Rapi di Browser Lama Internet Explorer" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnxQsw-x1lt9ZqQeMOH3np55I2P_w8Blqmyu4cvRcfpjrInUf9BElwsJWRd1oZH7fEH9ArvuqIGVal_YZ2Y5W36yrrlPzA6JIRw7SX1tu4sJHqX6Fw-AAfsM_IHX16xmvGg5vYjfw4VRA/s1600/Internet+Explorer.JPG" title="Kode Agar Blog Tampil Rapi di Browser Lama Internet Explorer" /></a></div>
<b>Cara Mengatasi Blog yang Tampil Tidak Rapi di Browser Internet Explorer. </b><br />
<br />
<a href="https://en.wikipedia.org/wiki/Internet_Explorer" rel="nofollow" target="_blank"><b>INTERNET EXPLORER</b></a> (IE) adalah browser bawaan (default)<a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie" rel="nofollow" target="_blank"> Microsoft</a>. Memang, popularitasnya di bawah Mozilla Firefox dan Google Chrome, namun masih banyak user yang menggunakannya, terutama pengguna yang "awam" soal IT Internet.<br /><br />Sialnya, kadang atau sering sebuah blog tampil tidak normal saat dibuka di IE, beda dengan saat dibuka browswer lain.<br />
<br />
Pasanya, banyak kode CSS yang sering tidak terbaca di IE, di antaranya float, position, display, overflow, dan mungkin juga banyak yang lainnya. Bagaimana mengatasinya<br />
<br />
<span><span><span rel="v:child"><span rel="v:child"><strong class="breadcrumb_last">Agar Blog Tampil Rapi di Browser Lama Internet Explorer </strong></span></span></span></span><br />
<span><span><span rel="v:child"><span rel="v:child"><span class="breadcrumb_last">Make HTML5 Elements Work in Old IE</span></span></span></span></span>. This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer. <br />
<br />
Kita bisa menggunakan kode berikut ini. <br />
<br />
<span style="color: #cc0000;"><!--[if IE]><br /><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><br /><![endif]--></span><br />
<br />
Caranya:<br />
1. Template > Edit HTML<br />
2. Simpan kode tersebut di bawah kode <b><head></b><br />
<b>3. Save template! </b><br />
<br />
<i>Sumber:</i><br />
<i>https://remysharp.com/2009/01/07/html5-enabling-script</i>Romelteahttp://www.blogger.com/profile/09909345163637516627noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-18062971977182461922015-11-05T21:11:00.000+07:002015-11-05T21:11:01.092+07:00Membuat Posting Blog SEO Friendly Cara Wikipedia<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyXXBBSYPrg33qwE9-AFkOooUv4SO8SNMim57T-fOyvK5FSi950RBzwWUEFXXtudWVd69nlMEPP2aDdTB7NuxnmvWjvTW7S6Ibx7UDSU5DYthu1VjFg4BXpwYXG0_sxaoX8UY-nxJmzes/s1600/Wikipedia.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Wikipedia" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyXXBBSYPrg33qwE9-AFkOooUv4SO8SNMim57T-fOyvK5FSi950RBzwWUEFXXtudWVd69nlMEPP2aDdTB7NuxnmvWjvTW7S6Ibx7UDSU5DYthu1VjFg4BXpwYXG0_sxaoX8UY-nxJmzes/s1600/Wikipedia.JPG" title="Wikipedia" /></a></div>
<b>Cara menulis konten blog (artikel) SEO Friendly ala Wikipedia yang mudah terindeks Google dan peringkat teratas halaman hasil pencarian.</b><br />
<br />
<a href="https://www.wikipedia.org/" rel="nofollow" target="_blank"><b>WIKIPEDIA</b></a> hampir selalu ada di halaman depan hasil pencarian (SERP). Meski kabarnya popularitas dan peringkatnya sudah menurun, namun situs referensi online tentang berbagai tema ini tetap menjadi salah satu situs populer di dunia.<br />
<br />
Dalam daftar <a href="http://www.alexa.com/topsites" rel="nofollow" target="_blank">Alexa Top 500 Global Site</a>, Wikipedia masih masuk 7 besar, dibawah Google, Facebook, Youtub, Baidu, Yahoo, dan Amazon.<br />
<br />
Apa rahasia situs bertagline "Ensiklopedia Bebas" ini sehingga menjadi salah satu website terkemuka di dunia dan mudah diindeks Google?<br />
<br />
Ambil contoh, salah satu artikelnya, tentang SEO, menempati peringkat dua di SERP Google. Ketik aja kata SEO di browser. Wikipedia muncul nomor dua dengan judul <i>Search engine optimization - Wikipedia, the free encyclopedia</i>. Edisi Indonesianya: <a href="https://id.wikipedia.org/wiki/Optimisasi_mesin_pencari" rel="nofollow" target="_blank">Optimisasi Mesin Pencari</a>.<br />
<br />
Wikipedia memulai ulasannya tentang pengertian. SEO adalah... dst. Artikelnya diperkaya dengan link internal dan eksternal, sumber rujukan, dan relatif lengkap (detail). Jadilah ia konten berkualitas seperti direkomendasikan <a href="http://www.google.com/" rel="nofollow" target="_blank">Google</a>. (Baca: <a href="https://support.google.com/webmasters/answer/6001093?hl=id" rel="nofollow" target="_blank">Cara Membuat Konten Blog yang Bermanfaat</a>).<b> </b><br />
<h3>
<b>Tips Membuat Posting Blog SEO Friendly ala Wikipedia</b></h3>
Dari satu kasus di atas, juga konten Wikipedia lainnya, maka dapat diambil kesimpulan, cara membuat tulisan blog berkualitas dan seo friendly ala Wikipedia adalah sebagai berikut:<br />
<b> </b><br />
1. Awali dengan pengertian<br />
2. Link Internal<br />
3. Link Eksternal<br />
4. Rujukan (Sumber)<br />
5. Lengkap (Detail)<br />
6. Banyak gunakan Subjudul (Subheading) <br />
<br />
Dengan membuat posting demikian, maka<a href="http://baticblog.blogspot.com/" rel="nofollow" target="_blank"> blog kita</a> bisa bersaing dengan Wikipedia, bahkan bisa mengalahkannya jika lebih lengkap, detail, dan diperkaya dengan Audio, Gambar, dan Video yang relevan dengan topik tulisan.* BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-80894100949146324612015-09-25T22:29:00.001+07:002015-09-25T22:29:58.131+07:00Cara Membuat Random Posts dengan Gambar Thumbnail di Sidebar Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O_eF5rWpkTRu8WAquzcsOtL55acLw8TNoxMQJftpTQdLQ3cgXiu3O4u5yeAnvHxIdv1hCSr-xxyW85tc4OVoEKiSGb6fIIENZoeQSlJndq-T-cXuuTbnyUUmsDcW2vmRvtcIR2MAQzqY/s1600/random+post+gambar+thumbnail+blogger.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Membuat Random Posts dengan Gambar/Image Thumbnail" border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0O_eF5rWpkTRu8WAquzcsOtL55acLw8TNoxMQJftpTQdLQ3cgXiu3O4u5yeAnvHxIdv1hCSr-xxyW85tc4OVoEKiSGb6fIIENZoeQSlJndq-T-cXuuTbnyUUmsDcW2vmRvtcIR2MAQzqY/s320/random+post+gambar+thumbnail+blogger.JPG" title="Membuat Random Posts dengan Gambar/Image Thumbnail" width="320" /></a></div>
<b>Cara Membuat Random Posts dengan Gambar/Image Thumbnail di Sidebar Blog (Random Posts with Thumbnails in Blogger).</b><br />
<br />
<b>WIDGET</b> Random Posts yaitu navigasi menu dan internal link blog yang dipasang atau ditampilkan di sidebar blogger. Contohnya ada di sidebar<a href="http://baticblog.blogspot.com/" rel="nofollow" target="_blank"> blog ini</a> (Tabber).<br />
<br />
Random Posts menampilkan daftar tulisan secara acak, bisa tulisan lama, bisa juga tulisan terbaru. Sangat bagus buat navigasi dan tautan internal posting lama untuk meningkatkan pageviews.<br />
<br />
Random Posts berupa daftar judul posting acak plus gambar thumb ini bisa dipasang tersendiri si sidebar blog, bisa juga disatukan dengan widget lain dalam Tabber Tab (Lihat: <a href="http://baticblog.blogspot.co.id/2015/09/cara-mudah-membuat-tabber-widget-di.html" target="_blank">Cara Mudah Membuat Tabber Sidebar Blog</a>).<br />
<br />
<h3>
<b>Cara Membuat Random Posts dengan Gambar Thumbnail</b></h3>
Berikut ini Cara Membuat Random Posts dengan Gambar Thumbnail di Sidebar Blog<br />
<br />
1. Layout > Add a Gadget > pilih "HTML/JavaScript"<br />
2. Judul isi dengan "Random Posts" atau "Artikel Menarik Lainnya"<br />
3. COPAS saja kode berikut ini di kolom konten:<br />
<br />
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<ul id='random-posts'><br />
<script type='text/javaScript'><br />
var tow_numposts=5;<br />
var tow_snippet_length=150;<br />
var tow_info='yes';<br />
var tow_comment='Comments';<br />
var tow_disable='Comments Disabled';<br />
var
tow_current=[];var tow_total_posts=0;var tow_current=new
Array(tow_numposts);function
totalposts(json){tow_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script
type=\"text/javascript\"
src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function
getvalue(){for(var i=0;i<tow_numposts;i++){var found=false;var
rndValue=get_random();for(var
j=0;j<tow_current.length;j++){if(tow_current[j]==rndValue){found=true;break}};if(found){i--}else{tow_current[i]=rndValue}}};function
get_random(){var
ranNum=1+Math.round(Math.random()*(tow_total_posts-1));return ranNum};<br />
</script><br />
<script type='text/javaScript'><br />
function
random_posts(json){for(var i=0;i<tow_numposts;i++){var
entry=json.feed.entry[i];var tow_posttitle=entry.title.$t;if('content'in
entry){var tow_get_snippet=entry.content.$t}else{if('summary'in
entry){var tow_get_snippet=entry.summary.$t}else{var
tow_get_snippet="";}};tow_get_snippet=tow_get_snippet.replace(/<[^>]*>/g,"");if(tow_get_snippet.length<tow_snippet_length){var
tow_snippet=tow_get_snippet}else{tow_get_snippet=tow_get_snippet.substring(0,tow_snippet_length);var
space=tow_get_snippet.lastIndexOf("
");tow_snippet=tow_get_snippet.substring(0,space)+"…";};for(var
j=0;j<entry.link.length;j++){if('thr$total'in entry){var
tow_commentsNum=entry.thr$total.$t+'
'+tow_comment}else{tow_commentsNum=tow_disable};if(entry.link[j].rel=='alternate'){var
tow_posturl=entry.link[j].href;var
tow_postdate=entry.published.$t;if('media$thumbnail'in entry){var
tow_thumb=entry.media$thumbnail.url}else{tow_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMO1P8QXBOEqdBEXJPxdkJlDwzsWJox5OxHr3NMefKqaO5SHhsbIZvaWgamKycJkx7Jnt63SujPYa_AQ4iS9MPuUpV5bQU7k1Z92LnAdxUpKlqy28LD9sydV1HGs9pR6igRGqBa7xR1Gw/s1600/default.jpg"}}};document.write('<li>');document.write('<img
alt="'+tow_posttitle+'"
src="'+tow_thumb+'"/>');document.write('<div><a
href="'+tow_posturl+'" rel="nofollow"
title="'+tow_snippet+'">'+tow_posttitle+'</a></div>');if(tow_info=='yes'){document.write('<span>'+tow_postdate.substring(8,10)+'/'+tow_postdate.substring(5,7)+'/'+tow_postdate.substring(0,4)+'
- '+tow_commentsNum)+'</span>'}document.write('<div
style="clear:both"></div></li>')}};getvalue();for(var
i=0;i<tow_numposts;i++){document.write('<script
type=\"text/javascript\"
src=\"/feeds/posts/default?alt=json-in-script&start-index='+tow_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};</script><p><a
href="http://baticblog.blogspot.com/" title="Random Posts Blogger
Widgets">Random Widget</a></p></ul><style
type='text/css'>#random-posts
img{float:left;margin-right:10px;border:1px solid
#999;background:#FFF;width:100px;height:100px;padding:3px}#random-posts
li{margin: 0px 0px 10px 0px;}</style></div>
<br />
<b>4. Save!</b><br />
<br />
Kini widget<b> Random Posts dengan Gambar Thumbnail</b> sudah muncul di sidebar blog Anda. (http://baticblog.blogspot.com/).*<br />
<a href="http://www.talkofweb.com/show-random-posts-with-thumbnails-in-blogger/" rel="nofollow" target="_blank"><i><br /></i></a>
<a href="http://www.talkofweb.com/show-random-posts-with-thumbnails-in-blogger/" rel="nofollow" target="_blank"><i>Sumber</i></a>BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-87217963265442069532015-09-25T21:09:00.000+07:002015-09-25T21:09:01.818+07:00Daftar 10 Situs Indonesia Pendapatan Google Adsense Terbesar<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK_j-ENmiuuvu_F_ubx2gnTl2gg2L1i2vxqo4cT9RiBFaGb3a1c-RlvJnrMUQWNbfE-OSdbBb2LMvurGAsF_FRyDP_5ObD1RcKZ5aymNzUnpoUyTtbcXoSAkoX5F-Xu3FY9x1m14SQwUU/s1600/google-adsense-indonesia.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Daftar 10 Situs Indonesia Pendapatan Google Adsense Terbesar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK_j-ENmiuuvu_F_ubx2gnTl2gg2L1i2vxqo4cT9RiBFaGb3a1c-RlvJnrMUQWNbfE-OSdbBb2LMvurGAsF_FRyDP_5ObD1RcKZ5aymNzUnpoUyTtbcXoSAkoX5F-Xu3FY9x1m14SQwUU/s1600/google-adsense-indonesia.gif" title="Daftar 10 Situs Indonesia Pendapatan Google Adsense Terbesar" /></a></div>
<div>
<b>Daftar 10 Situs Indonesia Pendapatan Google Adsense Terbesar.</b><br />
<br />
<b>SUMBER</b> utama pendapatan (penghasilan/income) pengelola media online atau situs-situs berita hakikatnya sama dengan blogger, yaitu iklan Google (Google Adsense).<br />
<b> </b><br />
Anda bisa membuat perkumpulan blogger atau penulis, membuat website, lalu isi dengan konten berkualitas, dan daftarkan sebagai Adsense Publisher, maka Anda akan mendapatkan komisi dari Google.<br />
<br />
Lihat saja penghasilan Google Adsense situs-situs ternama di Indonesia ini:</div>
<div>
</div>
<div>
<b>1. Kaskus (kaskus.co.id) </b></div>
<div>
Pageviews: 0.067% (sekitar 4.583.333)<br />
Penghasilan Adsense : US$ 13.752</div>
<div>
<div>
</div>
<div>
<b>2. Detik (detik.com) </b></div>
<div>
Penghasilan Adsense : US$ 5.771</div>
<div>
Pageviews: 0.007% (sekitar 1.923.076)</div>
<div>
</div>
<div>
<br />
<b>3. VIVA News (vivanews.com) </b></div>
<div>
Penghasilan Adsense : US$ 4.148</div>
<div>
Pageviews: 0.011% (sekitar 1.381.909)</div>
<div>
</div>
<div>
<div>
<br />
<b>4. Kompas (kompas.com) </b></div>
<div>
Penghasilan Adsense : US$ 4.657</div>
<div>
Pageviews: 0.009% (sekitar 1.551.480)</div>
<div>
<div>
</div>
<div>
<b>5. Detik News (detiknews.com) </b></div>
<div>
Penghasilan Adsense : US$ 2.859</div>
<div>
Pageviews: 0.004% (sekitar 952.380)</div>
</div>
</div>
<div>
</div>
<div>
<div>
<br />
<b>6. Klik BCA (klikbca.com) </b></div>
<div>
Penghasilan Adsense : US$ 3.145</div>
<div>
Pageviews: 0.004% (sekitar 1.047.619)</div>
</div>
</div>
<div>
</div>
<div>
<div>
<div>
<br />
<b>7. Adsense Indonesia (adsense-id.com)</b></div>
<div>
Penghasilan Adsense : US$ 2.276<br />
Pageviews: 0.014% (sekitar 758.097)</div>
</div>
<div>
</div>
<div>
<br />
<b>8. Detik Sport (detiksport.com) </b></div>
<div>
Penghasilan Adsense : US$ 2.745</div>
<div>
Pageviews: 0.005% (sekitar 914.380)</div>
</div>
<div>
</div>
<div>
<br />
<b>9. OXL d/h Toko Bagus (tokobagus.com)</b></div>
<div>
Penghasilan Adsense : US$ 1.614</div>
<div>
Pageviews: 0.004% (sekitar 537.634)</div>
<div>
<div>
</div>
<div>
<b>10. OkeZone (okezone.com) </b></div>
<div>
Penghasilan Adsense : US$ 1.831</div>
<div>
Pageviews: 0.004% (sekitar 609.756).</div>
</div>
BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-68610436424267972732015-09-25T21:05:00.000+07:002015-09-25T21:05:55.100+07:00Special Characters in HTML untuk Desain Blog<b>Kode Karakter (Jenis Huruf) Khusus HTML untuk Desain Blog. Special Characters in HTML.</b><br />
<br />
<b>JIKA </b>kita ingin menambahkan ikon gambar di posting blog atau dalam desain tampilan blog, maka kita harus menggunakan gambar. Bisa juga dengan kode khusus berupa "karakter khusus" atau huruf khusus.<br />
<br />
Berikut ini daftarnya:<b> </b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbnK6QyR_m48SRLUv3T_SDXDvJIO01flHljTsUooJD0-hxETicBZIw1hkMCL46QoT-Qdl0-h0HwSMwMgIUltUsVMBEUArNHQE_7llSmI9u-I0X3qfm1DJZtSrorG9qJQodLAjPh-Tv13o/s1600/special-characters-html.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Special Characters in HTML" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbnK6QyR_m48SRLUv3T_SDXDvJIO01flHljTsUooJD0-hxETicBZIw1hkMCL46QoT-Qdl0-h0HwSMwMgIUltUsVMBEUArNHQE_7llSmI9u-I0X3qfm1DJZtSrorG9qJQodLAjPh-Tv13o/s400/special-characters-html.png" title="Special Characters in HTML" width="430" /></a></div>
<b> </b><b> </b><br />
<br />
<br />
<h3>
<br /><table bgcolor="#FFFFFF" border="0" cellpadding="3" cellspacing="0"><tbody>
<tr bgcolor="#EEEEEE"><td>left single quote</td><td><br /></td><td>&lsquo;</td><td><b>‘</b></td></tr>
<tr bgcolor="#FFFFFF"><td>right single quote</td><td><br /></td><td>&rsquo;</td><td><b>’</b></td></tr>
<tr bgcolor="#EEEEEE"><td>single low-9 quote</td><td><br /></td><td>&sbquo;</td><td><b>‚</b></td></tr>
<tr bgcolor="#FFFFFF"><td>left double quote</td><td><br /></td><td>&ldquo;</td><td><b>“</b></td></tr>
<tr bgcolor="#EEEEEE"><td>right double quote</td><td><br /></td><td>&rdquo;</td><td><b>”</b></td></tr>
<tr bgcolor="#FFFFFF"><td>double low-9 quote</td><td><br /></td><td>&bdquo;</td><td><b>„</b></td></tr>
<tr bgcolor="#EEEEEE"><td>dagger</td><td><br /></td><td>&dagger;</td><td><b>†</b></td></tr>
<tr bgcolor="#FFFFFF"><td>double dagger</td><td><br /></td><td>&Dagger;</td><td><b>‡</b></td></tr>
<tr bgcolor="#EEEEEE"><td>per mill sign</td><td><br /></td><td>&permil;</td><td><b>‰</b></td></tr>
<tr bgcolor="#FFFFFF"><td>single left-pointing angle quote</td><td><br /></td><td>&lsaquo;</td><td><b>‹</b></td></tr>
<tr bgcolor="#EEEEEE"><td>single right-pointing angle quote</td><td><br /></td><td>&rsaquo;</td><td><b>›</b></td></tr>
<tr bgcolor="#FFFFFF"><td>black spade suit</td><td><br /></td><td>&spades;</td><td><b>♠</b></td></tr>
<tr bgcolor="#EEEEEE"><td>black club suit</td><td><br /></td><td>&clubs;</td><td><b>♣</b></td></tr>
<tr bgcolor="#FFFFFF"><td>black heart suit</td><td><br /></td><td>&hearts;</td><td><b>♥</b></td></tr>
<tr bgcolor="#EEEEEE"><td>black diamond suit</td><td><br /></td><td>&diams;</td><td><b>♦</b></td></tr>
<tr bgcolor="#FFFFFF"><td>overline, = spacing overscore</td><td><br /></td><td>&oline;</td><td><b>‾</b></td></tr>
<tr bgcolor="#EEEEEE"><td>leftward arrow</td><td><br /></td><td>&larr;</td><td><b>←</b></td></tr>
<tr bgcolor="#FFFFFF"><td>upward arrow</td><td><br /></td><td>&uarr;</td><td><b>↑</b></td></tr>
<tr bgcolor="#EEEEEE"><td>rightward arrow</td><td><br /></td><td>&rarr;</td><td><b>→</b></td></tr>
<tr bgcolor="#FFFFFF"><td>downward arrow</td><td><br /></td><td>&darr;</td><td><b>↓</b></td></tr>
<tr bgcolor="#EEEEEE"><td>trademark sign</td><td>&#x2122;</td><td>&trade;</td><td><b>™</b></td></tr>
<tr bgcolor="#FFFFFF"><td>unused</td><td>&#00;-<br />
&#08;</td><td><br /></td><td><br /></td></tr>
<tr bgcolor="#EEEEEE"><td>horizontal tab</td><td>&#09;</td><td><br /></td><td><br /></td></tr>
<tr bgcolor="#FFFFFF"><td>line feed</td><td>&#10;</td><td><br /></td><td><br /></td></tr>
<tr bgcolor="#EEEEEE"><td>unused</td><td>&#11;</td><td><br /></td><td><br /></td></tr>
<tr bgcolor="#FFFFFF"><td>space</td><td>&#32;</td><td><br /></td><td><br /></td></tr>
<tr bgcolor="#EEEEEE"><td>exclamation mark</td><td>&#33;</td><td><br /></td><td><b>!</b></td></tr>
<tr bgcolor="#FFFFFF"><td>double quotation mark</td><td>&#34;</td><td>&quot;</td><td><b>"</b></td></tr>
<tr bgcolor="#EEEEEE"><td>number sign</td><td>&#35;</td><td><br /></td><td><b>#</b></td></tr>
<tr bgcolor="#FFFFFF"><td>dollar sign</td><td>&#36;</td><td><br /></td><td><b>$</b></td></tr>
<tr bgcolor="#EEEEEE"><td>percent sign</td><td>&#37;</td><td><br /></td><td><b>%</b></td></tr>
<tr bgcolor="#FFFFFF"><td>ampersand</td><td>&#38;</td><td>&amp;</td><td><b>&</b></td></tr>
<tr bgcolor="#EEEEEE"><td>apostrophe</td><td>&#39;</td><td><br /></td><td><b>'</b></td></tr>
<tr bgcolor="#FFFFFF"><td>left parenthesis</td><td>&#40;</td><td><br /></td><td><b>(</b></td></tr>
<tr bgcolor="#EEEEEE"><td>right parenthesis</td><td>&#41;</td><td><br /></td><td><b>)</b></td></tr>
<tr bgcolor="#FFFFFF"><td>asterisk</td><td>&#42;</td><td><br /></td><td><b>*</b></td></tr>
<tr bgcolor="#EEEEEE"><td>plus sign</td><td>&#43;</td><td><br /></td><td><b>+</b></td></tr>
<tr bgcolor="#FFFFFF"><td>comma</td><td>&#44;</td><td><br /></td><td><b>,</b></td></tr>
<tr bgcolor="#EEEEEE"><td>hyphen</td><td>&#45;</td><td><br /></td><td><b>-</b></td></tr>
<tr bgcolor="#FFFFFF"><td>period</td><td>&#46;</td><td><br /></td><td><b>.</b></td></tr>
<tr bgcolor="#EEEEEE"><td>slash</td><td>&#47;</td><td>&frasl;</td><td><b>/</b></td></tr>
<tr bgcolor="#FFFFFF"><td>digits 0-9</td><td>&#48;-<br />
&#57;</td><td><br /></td><td><br /></td></tr>
<tr bgcolor="#EEEEEE"><td>colon</td><td>&#58;</td><td><br /></td><td><b>:</b></td></tr>
<tr bgcolor="#FFFFFF"><td>semicolon</td><td>&#59;</td><td><br /></td><td><b>;</b></td></tr>
<tr bgcolor="#EEEEEE"><td>less-than sign</td><td>&#60;</td><td>&lt;</td><td><b><</b></td></tr>
<tr bgcolor="#FFFFFF"><td>equals sign</td><td>&#61;</td><td><br /></td><td><b>=</b></td></tr>
<tr bgcolor="#EEEEEE"><td>greater-than sign</td><td>&#62;</td><td>&gt;</td><td><b>></b></td></tr>
<tr bgcolor="#FFFFFF"><td>question mark</td><td>&#63;</td><td><br /></td><td><b>?</b></td></tr>
<tr bgcolor="#EEEEEE"><td>at sign</td><td>&#64;</td><td><br /></td><td><b>@</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase letters A-Z</td><td>&#65;-<br />
&#90;</td><td><br /></td><td><br /></td></tr>
<tr bgcolor="#EEEEEE"><td>left square bracket</td><td>&#91;</td><td><br /></td><td><b>[</b></td></tr>
<tr bgcolor="#FFFFFF"><td>backslash</td><td>&#92;</td><td><br /></td><td><b>\</b></td></tr>
<tr bgcolor="#EEEEEE"><td>right square bracket</td><td>&#93;</td><td><br /></td><td><b>]</b></td></tr>
<tr bgcolor="#FFFFFF"><td>caret</td><td>&#94;</td><td><br /></td><td><b>^</b></td></tr>
<tr bgcolor="#EEEEEE"><td>horizontal bar (underscore)</td><td>&#95;</td><td><br /></td><td><b>_</b></td></tr>
<tr bgcolor="#FFFFFF"><td>grave accent</td><td>&#96;</td><td><br /></td><td><b>`</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase letters a-z</td><td>&#97;-<br />
&#122;</td><td><br /></td><td><br /></td></tr>
<tr bgcolor="#FFFFFF"><td>left curly brace</td><td>&#123;</td><td><br /></td><td><b>{</b></td></tr>
<tr bgcolor="#EEEEEE"><td>vertical bar</td><td>&#124;</td><td><br /></td><td><b>|</b></td></tr>
<tr bgcolor="#FFFFFF"><td>right curly brace</td><td>&#125;</td><td><br /></td><td><b>}</b></td></tr>
<tr bgcolor="#EEEEEE"><td>tilde</td><td>&#126;</td><td><br /></td><td><b>~</b></td></tr>
<tr bgcolor="#FFFFFF"><td>ellipses</td><td>&#133;</td><td>&hellip;</td><td><b>…</b></td></tr>
<tr bgcolor="#EEEEEE"><td>en dash</td><td>&#150;</td><td>&ndash;</td><td><b>–</b></td></tr>
<tr bgcolor="#FFFFFF"><td>em dash</td><td>&#151;</td><td>&mdash;</td><td><b>—</b></td></tr>
<tr bgcolor="#EEEEEE"><td>unused</td><td>&#152;-<br />
&#159;</td><td><br /></td><td><br /></td></tr>
<tr bgcolor="#FFFFFF"><td>nonbreaking space</td><td>&#160;</td><td>&nbsp;</td><td><br /></td></tr>
<tr bgcolor="#EEEEEE"><td>inverted exclamation</td><td>&#161;</td><td>&iexcl;</td><td><b>¡</b></td></tr>
<tr bgcolor="#FFFFFF"><td>cent sign</td><td>&#162;</td><td>&cent;</td><td><b>¢</b></td></tr>
<tr bgcolor="#EEEEEE"><td>pound sterling</td><td>&#163;</td><td>&pound;</td><td><b>£</b></td></tr>
<tr bgcolor="#FFFFFF"><td>general currency sign</td><td>&#164;</td><td>&curren;</td><td><b>¤</b></td></tr>
<tr bgcolor="#EEEEEE"><td>yen sign</td><td>&#165;</td><td>&yen;</td><td><b>¥</b></td></tr>
<tr bgcolor="#FFFFFF"><td>broken vertical bar</td><td>&#166;</td><td>&brvbar; or &brkbar;</td><td><b>¦</b></td></tr>
<tr bgcolor="#EEEEEE"><td>section sign</td><td>&#167;</td><td>&sect;</td><td><b>§</b></td></tr>
<tr bgcolor="#FFFFFF"><td>umlaut</td><td>&#168;</td><td>&uml; or &die;</td><td><b>¨</b></td></tr>
<tr bgcolor="#EEEEEE"><td>copyright</td><td>&#169;</td><td>&copy;</td><td><b>©</b></td></tr>
<tr bgcolor="#FFFFFF"><td>feminine ordinal</td><td>&#170;</td><td>&ordf;</td><td><b>ª</b></td></tr>
<tr bgcolor="#EEEEEE"><td>left angle quote</td><td>&#171;</td><td>&laquo;</td><td><b>«</b></td></tr>
<tr bgcolor="#FFFFFF"><td>not sign</td><td>&#172;</td><td>&not;</td><td><b>¬</b></td></tr>
<tr bgcolor="#EEEEEE"><td>soft hyphen</td><td>&#173;</td><td>&shy;</td><td><b></b></td></tr>
<tr bgcolor="#FFFFFF"><td>registered trademark</td><td>&#174;</td><td>&reg;</td><td><b>®</b></td></tr>
<tr bgcolor="#EEEEEE"><td>macron accent</td><td>&#175;</td><td>&macr; or &hibar;</td><td><b>¯</b></td></tr>
<tr bgcolor="#FFFFFF"><td>degree sign</td><td>&#176;</td><td>&deg;</td><td><b>°</b></td></tr>
<tr bgcolor="#EEEEEE"><td>plus or minus</td><td>&#177;</td><td>&plusmn;</td><td><b>±</b></td></tr>
<tr bgcolor="#FFFFFF"><td>superscript two</td><td>&#178;</td><td>&sup2;</td><td><b>²</b></td></tr>
<tr bgcolor="#EEEEEE"><td>superscript three</td><td>&#179;</td><td>&sup3;</td><td><b>³</b></td></tr>
<tr bgcolor="#FFFFFF"><td>acute accent</td><td>&#180;</td><td>&acute;</td><td><b>´</b></td></tr>
<tr bgcolor="#EEEEEE"><td>micro sign</td><td>&#181;</td><td>&micro;</td><td><b>µ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>paragraph sign</td><td>&#182;</td><td>&para;</td><td><b>¶</b></td></tr>
<tr bgcolor="#EEEEEE"><td>middle dot</td><td>&#183;</td><td>&middot;</td><td><b>·</b></td></tr>
<tr bgcolor="#FFFFFF"><td>cedilla</td><td>&#184;</td><td>&cedil;</td><td><b>¸</b></td></tr>
<tr bgcolor="#EEEEEE"><td>superscript one</td><td>&#185;</td><td>&sup1;</td><td><b>¹</b></td></tr>
<tr bgcolor="#FFFFFF"><td>masculine ordinal</td><td>&#186;</td><td>&ordm;</td><td><b>º</b></td></tr>
<tr bgcolor="#EEEEEE"><td>right angle quote</td><td>&#187;</td><td>&raquo;</td><td><b>»</b></td></tr>
<tr bgcolor="#FFFFFF"><td>one-fourth</td><td>&#188;</td><td>&frac14;</td><td><b>¼</b></td></tr>
<tr bgcolor="#EEEEEE"><td>one-half</td><td>&#189;</td><td>&frac12;</td><td><b>½</b></td></tr>
<tr bgcolor="#FFFFFF"><td>three-fourths</td><td>&#190;</td><td>&frac34;</td><td><b>¾</b></td></tr>
<tr bgcolor="#EEEEEE"><td>inverted question mark</td><td>&#191;</td><td>&iquest;</td><td><b>¿</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase A, grave accent</td><td>&#192;</td><td>&Agrave;</td><td><b>À</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase A, acute accent</td><td>&#193;</td><td>&Aacute;</td><td><b>Á</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase A, circumflex accent</td><td>&#194;</td><td>&Acirc;</td><td><b>Â</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase A, tilde</td><td>&#195;</td><td>&Atilde;</td><td><b>Ã</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase A, umlaut</td><td>&#196;</td><td>&Auml;</td><td><b>Ä</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase A, ring</td><td>&#197;</td><td>&Aring;</td><td><b>Å</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase AE</td><td>&#198;</td><td>&AElig;</td><td><b>Æ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase C, cedilla</td><td>&#199;</td><td>&Ccedil;</td><td><b>Ç</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase E, grave accent</td><td>&#200;</td><td>&Egrave;</td><td><b>È</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase E, acute accent</td><td>&#201;</td><td>&Eacute;</td><td><b>É</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase E, circumflex accent</td><td>&#202;</td><td>&Ecirc;</td><td><b>Ê</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase E, umlaut</td><td>&#203;</td><td>&Euml;</td><td><b>Ë</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase I, grave accent</td><td>&#204;</td><td>&Igrave;</td><td><b>Ì</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase I, acute accent</td><td>&#205;</td><td>&Iacute;</td><td><b>Í</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase I, circumflex accent</td><td>&#206;</td><td>&Icirc;</td><td><b>Î</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase I, umlaut</td><td>&#207;</td><td>&Iuml;</td><td><b>Ï</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase Eth, Icelandic</td><td>&#208;</td><td>&ETH;</td><td><b>Ð</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase N, tilde</td><td>&#209;</td><td>&Ntilde;</td><td><b>Ñ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase O, grave accent</td><td>&#210;</td><td>&Ograve;</td><td><b>Ò</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase O, acute accent</td><td>&#211;</td><td>&Oacute;</td><td><b>Ó</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase O, circumflex accent</td><td>&#212;</td><td>&Ocirc;</td><td><b>Ô</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase O, tilde</td><td>&#213;</td><td>&Otilde;</td><td><b>Õ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase O, umlaut</td><td>&#214;</td><td>&Ouml;</td><td><b>Ö</b></td></tr>
<tr bgcolor="#EEEEEE"><td>multiplication sign</td><td>&#215;</td><td>&times;</td><td><b>×</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase O, slash</td><td>&#216;</td><td>&Oslash;</td><td><b>Ø</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase U, grave accent</td><td>&#217;</td><td>&Ugrave;</td><td><b>Ù</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase U, acute accent</td><td>&#218;</td><td>&Uacute;</td><td><b>Ú</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase U, circumflex accent</td><td>&#219;</td><td>&Ucirc;</td><td><b>Û</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase U, umlaut</td><td>&#220;</td><td>&Uuml;</td><td><b>Ü</b></td></tr>
<tr bgcolor="#EEEEEE"><td>uppercase Y, acute accent</td><td>&#221;</td><td>&Yacute;</td><td><b>Ý</b></td></tr>
<tr bgcolor="#FFFFFF"><td>uppercase THORN, Icelandic</td><td>&#222;</td><td>&THORN;</td><td><b>Þ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase sharps, German</td><td>&#223;</td><td>&szlig;</td><td><b>ß</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase a, grave accent</td><td>&#224;</td><td>&agrave;</td><td><b>à</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase a, acute accent</td><td>&#225;</td><td>&aacute;</td><td><b>á</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase a, circumflex accent</td><td>&#226;</td><td>&acirc;</td><td><b>â</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase a, tilde</td><td>&#227;</td><td>&atilde;</td><td><b>ã</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase a, umlaut</td><td>&#228;</td><td>&auml;</td><td><b>ä</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase a, ring</td><td>&#229;</td><td>&aring;</td><td><b>å</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase ae</td><td>&#230;</td><td>&aelig;</td><td><b>æ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase c, cedilla</td><td>&#231;</td><td>&ccedil;</td><td><b>ç</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase e, grave accent</td><td>&#232;</td><td>&egrave;</td><td><b>è</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase e, acute accent</td><td>&#233;</td><td>&eacute;</td><td><b>é</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase e, circumflex accent</td><td>&#234;</td><td>&ecirc;</td><td><b>ê</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase e, umlaut</td><td>&#235;</td><td>&euml;</td><td><b>ë</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase i, grave accent</td><td>&#236;</td><td>&igrave;</td><td><b>ì</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase i, acute accent</td><td>&#237;</td><td>&iacute;</td><td><b>í</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase i, circumflex accent</td><td>&#238;</td><td>&icirc;</td><td><b>î</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase i, umlaut</td><td>&#239;</td><td>&iuml;</td><td><b>ï</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase eth, Icelandic</td><td>&#240;</td><td>&eth;</td><td><b>ð</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase n, tilde</td><td>&#241;</td><td>&ntilde;</td><td><b>ñ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase o, grave accent</td><td>&#242;</td><td>&ograve;</td><td><b>ò</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase o, acute accent</td><td>&#243;</td><td>&oacute;</td><td><b>ó</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase o, circumflex accent</td><td>&#244;</td><td>&ocirc;</td><td><b>ô</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase o, tilde</td><td>&#245;</td><td>&otilde;</td><td><b>õ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase o, umlaut</td><td>&#246;</td><td>&ouml;</td><td><b>ö</b></td></tr>
<tr bgcolor="#EEEEEE"><td>division sign</td><td>&#247;</td><td>&divide;</td><td><b>÷</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase o, slash</td><td>&#248;</td><td>&oslash;</td><td><b>ø</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase u, grave accent</td><td>&#249;</td><td>&ugrave;</td><td><b>ù</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase u, acute accent</td><td>&#250;</td><td>&uacute;</td><td><b>ú</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase u, circumflex accent</td><td>&#251;</td><td>&ucirc;</td><td><b>û</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase u, umlaut</td><td>&#252;</td><td>&uuml;</td><td><b>ü</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase y, acute accent</td><td>&#253;</td><td>&yacute;</td><td><b>ý</b></td></tr>
<tr bgcolor="#FFFFFF"><td>lowercase thorn, Icelandic</td><td>&#254;</td><td>&thorn;</td><td><b>þ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lowercase y, umlaut</td><td>&#255;</td><td>&yuml;</td><td><b>ÿ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Alpha</td><td>&Alpha;</td><td><br /></td><td><b>Α</b></td></tr>
<tr bgcolor="#EEEEEE"><td>alpha</td><td>&alpha;</td><td><br /></td><td><b>α</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Beta</td><td>&Beta;</td><td><br /></td><td><b>Β</b></td></tr>
<tr bgcolor="#EEEEEE"><td>beta</td><td>&beta;</td><td><br /></td><td><b>β</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Gamma</td><td>&Gamma;</td><td><br /></td><td><b>Γ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>gamma</td><td>&gamma;</td><td><br /></td><td><b>γ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Delta</td><td>&Delta;</td><td><br /></td><td><b>Δ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>delta</td><td>&delta;</td><td><br /></td><td><b>δ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Epsilon</td><td>&Epsilon;</td><td><br /></td><td><b>Ε</b></td></tr>
<tr bgcolor="#EEEEEE"><td>epsilon</td><td>&epsilon;</td><td><br /></td><td><b>ε</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Zeta</td><td>&Zeta;</td><td><br /></td><td><b>Ζ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>zeta</td><td>&zeta;</td><td><br /></td><td><b>ζ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Eta</td><td>&Eta;</td><td><br /></td><td><b>Η</b></td></tr>
<tr bgcolor="#EEEEEE"><td>eta</td><td>&eta;</td><td><br /></td><td><b>η</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Theta</td><td>&Theta;</td><td><br /></td><td><b>Θ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>theta</td><td>&theta;</td><td><br /></td><td><b>θ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Iota</td><td>&Iota;</td><td><br /></td><td><b>Ι</b></td></tr>
<tr bgcolor="#EEEEEE"><td>iota</td><td>&iota;</td><td><br /></td><td><b>ι</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Kappa</td><td>&Kappa;</td><td><br /></td><td><b>Κ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>kappa</td><td>&kappa;</td><td><br /></td><td><b>κ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Lambda</td><td>&Lambda;</td><td><br /></td><td><b>Λ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>lambda</td><td>&lambda;</td><td><br /></td><td><b>λ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Mu</td><td>&Mu;</td><td><br /></td><td><b>Μ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>mu</td><td>&mu;</td><td><br /></td><td><b>μ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Nu</td><td>&Nu;</td><td><br /></td><td><b>Ν</b></td></tr>
<tr bgcolor="#EEEEEE"><td>nu</td><td>&nu;</td><td><br /></td><td><b>ν</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Xi</td><td>&Xi;</td><td><br /></td><td><b>Ξ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>xi</td><td>&xi;</td><td><br /></td><td><b>ξ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Omicron</td><td>&Omicron;</td><td><br /></td><td><b>Ο</b></td></tr>
<tr bgcolor="#EEEEEE"><td>omicron</td><td>&omicron;</td><td><br /></td><td><b>ο</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Pi</td><td>&Pi;</td><td><br /></td><td><b>Π</b></td></tr>
<tr bgcolor="#EEEEEE"><td>pi</td><td>&pi;</td><td><br /></td><td><b>π</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Rho</td><td>&Rho;</td><td><br /></td><td><b>Ρ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>rho</td><td>&rho;</td><td><br /></td><td><b>ρ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Sigma</td><td>&Sigma;</td><td><br /></td><td><b>Σ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>sigma</td><td>&sigma;</td><td><br /></td><td><b>σ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Tau</td><td>&Tau;</td><td><br /></td><td><b>Τ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>tau</td><td>&tau;</td><td><br /></td><td><b>τ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Upsilon</td><td>&Upsilon;</td><td><br /></td><td><b>Υ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>upsilon</td><td>&upsilon;</td><td><br /></td><td><b>υ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Phi</td><td>&Phi;</td><td><br /></td><td><b>Φ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>phi</td><td>&phi;</td><td><br /></td><td><b>φ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Chi</td><td>&Chi;</td><td><br /></td><td><b>Χ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>chi</td><td>&chi;</td><td><br /></td><td><b>χ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Psi</td><td>&Psi;</td><td><br /></td><td><b>Ψ</b></td></tr>
<tr bgcolor="#EEEEEE"><td>psi</td><td>&psi;</td><td><br /></td><td><b>ψ</b></td></tr>
<tr bgcolor="#FFFFFF"><td>Omega</td><td>&Omega;</td><td><br /></td><td><b>Ω</b></td></tr>
<tr bgcolor="#EEEEEE"><td>omega</td><td>&omega;</td><td><br /></td><td><b>ω</b></td></tr>
<tr bgcolor="#FFFFFF"><td>password dot</td><td>&#9679;</td><td><br /></td><td><b>●</b></td></tr>
<tr bgcolor="#EEEEEE"><td>bullet</td><td>&#8226;</td><td><br /></td><td><b>•</b></td></tr>
</tbody></table>
</h3>
<b>Kode Karakter (Jenis Huruf) Khusus HTML</b><br />
<a href="http://www.degraeve.com/reference/specialcharacters.php" rel="nofollow" target="_blank"><i>Sumber </i></a>BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-13612379442846144822015-09-25T21:04:00.000+07:002015-09-25T21:04:19.376+07:00Perbedaan Go-Jek dan Blu-Jek<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjstiKEm5xSy8luK8-l8fqcn-ykCiqBrr5SFm3rVB-jPUWjas7rkiujz3VK5VtYoy6OdTsPgzLXiiQWjmK2-FWZfvAWoNamgLiJKtTENvSKb6ii4zy66_3M03JpJqx6fCzLw6TlZPGlzN4/s1600/go-jek.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="go-jek" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjstiKEm5xSy8luK8-l8fqcn-ykCiqBrr5SFm3rVB-jPUWjas7rkiujz3VK5VtYoy6OdTsPgzLXiiQWjmK2-FWZfvAWoNamgLiJKtTENvSKb6ii4zy66_3M03JpJqx6fCzLw6TlZPGlzN4/s1600/go-jek.jpg" title="go-jek" /></a></div>
<b>Perbedaan Go-Jek dan Blu-Jek. Blu-Jek menolak meniru Go-Jek. Blu-Jek memberikan pilihan <i>cashless payment</i>.</b><br />
<b><br />KEHADIRAN</b> <a href="http://www.go-jek.com/" rel="nofollow" target="_blank">Go-Jek</a> sangat fenomenal. Masyarakat menerima kehadirannya dengan senang hati. Layanan Transportasi Ojek yang menggunakan aplikasi smartphone dan sepeda motor ini pun makin populer, terutama di kota besar seperti Jakarta dan Bandung.<br />
<br />
Kini Go-Jek punya saingan, yaitu <b>Blu-Jek, </b>yang mencoba peruntungan di bisnis serupa.<br />
<br />
Menurut Co Founder Blu-Jek, Mivhael Manuhutu, pihaknya tidak ingin mengekor Go-Jek. Ia mengatakan Blu-Jek beda dengan Go-Jek.<br />
<br />
“Kami berbeda dari yang lainnya, sebab kami memiliki satu metode pembayaran yang disebut cashless,” kata Michael dalam peluncuran Blu-Jek di Jakarta, Kamis (17/9/2015), seperti dikutip <i>CNN Indonesia. </i><br />
<br />
“Jadi nanti konsumen tidak perlu membayar menggunakan uang fisik. Pengguna hanya tinggal memanfaatkan akun virtual dari aplikasi bernama e-cash,” tambah Michael.<br />
<br />
“Kami hanya punya visi dan misi yang sama (dengan Gojek) yakni menyediakan alternatif transportasi untuk warga,” timpal Garrett Kartono, satu dari dua pendiri Blujek.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNh_C4sMozc3LSo2pUeR8a4T7_Xbe6RtLT2SEp1ymbo_wbBNelCSqZAvOcXIZLKR1XFSBWtG2DAorLe4CDIEMGdNR-17cMnMDMsthKuROw1X0ez6cizqkf6W-m3IoNSSVPRSi2hB5zbqY/s1600/perbedaan-antara-go-jek-dengan-blu-jek.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Blu-Jek" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNh_C4sMozc3LSo2pUeR8a4T7_Xbe6RtLT2SEp1ymbo_wbBNelCSqZAvOcXIZLKR1XFSBWtG2DAorLe4CDIEMGdNR-17cMnMDMsthKuROw1X0ez6cizqkf6W-m3IoNSSVPRSi2hB5zbqY/s1600/perbedaan-antara-go-jek-dengan-blu-jek.jpg" title="Blu-Jek" /></a></div>
Dia juga menjelaskan tentang metode pembayaran seperti ini memang belum akrab di masyarakat, tetapi dirinya memiliki alasan tersendiri untuk hal itu. <br />
<br />
“Soal akrab atau tidaknya ini hanya soal waktu, konsumen dapat diedukasi dengan hal ini melalui mencobanya. Nantinya, jika semakin terbiasa mereka akhirnya akrab dengan metode tersebut,” lanjutnya. <br />
<br />
Untuk kelebihan dari Blu-Jek ini tetap mengakomodasi untuk pembayaran secara cash atau fisik, tetapi pasti memberikan pilihan juga untuk fitur <i>cashless payment</i> jika berminat.<br />
<br />
“Rider Blu-Jek akan mulai beroperasi besok. Ini juga sejalan dengan aplikasi yang dapat diunduh dan diaktifkan terhitung Jumat 18 September,” tuturnya.* BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-21875675845820113342015-09-25T20:59:00.002+07:002015-09-25T20:59:45.637+07:00Teknik SEO Blog yang Wajib Dihindari (Black Hat SEO)<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuGxQvyehq_mKU1qT4i2LEyGujCSMUZbPpfNzLE4pNSIznl_aIcEoEgToelKh3XvMox5eRCKL_T95Fp-Mjs_n53wTACxypT-qK3G5C0mePjeekPFQGTGtUCpTLqBSkHSDiKdThE18hBTU/s1600/black-hat-seo-strategies.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="Black Hat SEO" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuGxQvyehq_mKU1qT4i2LEyGujCSMUZbPpfNzLE4pNSIznl_aIcEoEgToelKh3XvMox5eRCKL_T95Fp-Mjs_n53wTACxypT-qK3G5C0mePjeekPFQGTGtUCpTLqBSkHSDiKdThE18hBTU/s320/black-hat-seo-strategies.jpg" title="Black Hat SEO" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">http://www.steamfeed.com</td></tr>
</tbody></table>
<b>Teknik SEO Blog yang Wajib Dihindari (Black Hat SEO)</b><br />
<br />
AGAR mendapatkan banyak pengunjung, bantak blogger membabi-buta menerapkan tips dan trik SEO (Search Engine Optimization) atau Pengoptimalan Mesin Pencari. Mereka tempuh segala daya upaya untuk bisa tampil di peringkat teratas halama hasil pencarian Google (SERP) alias Page One (Pejwan).<br />
<br />
Banyak juga yang menggunakan teknik SEO yang dilarang oleh Google yang dikenal dengan istilah <b>Black Hat SEO</b>. Istilah ini merujuk pada image orang jahat yang biasanya menggunakan topi hitam (<i>black hat</i>). <br />
<br />
Ciri utama Black Hat SEO adalah membuat posting, tulisan, atau konten yang berorientasi indeks mesin pencari, misalnya pengulangan kata kunci (keywords) berlebihan, sehingga tulisannya terkesan dibuat-buat dan dipaksakan alias tidak natural.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPOfF-NarBU1tYt-7v9QWBbh5urAPnPf3O9Sia2uRuX06gAldLESA6qXpHjP0xckyHWIHTeY1XgQk1vVTxlelr6LW9ksBLjbYdzb9d9f9oLvtariHh3BanUjZXG9D1mkl3qQxQoO5s4cI/s1600/black+hat+seo+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Teknik SEO Blog yang Wajib Dihindari (Black Hat SEO)" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPOfF-NarBU1tYt-7v9QWBbh5urAPnPf3O9Sia2uRuX06gAldLESA6qXpHjP0xckyHWIHTeY1XgQk1vVTxlelr6LW9ksBLjbYdzb9d9f9oLvtariHh3BanUjZXG9D1mkl3qQxQoO5s4cI/s1600/black+hat+seo+blog.JPG" title="Teknik SEO Blog yang Wajib Dihindari (Black Hat SEO)" /></a></div>
<br />
Padahal, Google mengatakan dengan jelas, blogger harus menulis konten dengan tujuan utama untuk pembaca, bukan untuk robot (mesin pencari).<br />
<br />
Google akan menjatuhkan sanksi, hukuman, atau penalti bagi blogger yang mempraktikkan Black Hat SEO atau "trik SEO tidak fair" ini, mulai dari tidak diindeks hingga banned dan masuk Google Sandbox.<br />
<br />
<b>Teknik Black Hat SEO yang Harus Dihindari Blogger</b><br />
<ol>
<li>Keyword Stuffing -- mengulang-ulang kata kunci secara berlebihan kedalam konten.</li>
<li>Cloaking -- menampilkan konten yang berbeda kepada mesin pencari dan pembaca.</li>
<li>Membeli Back Link dan Tukar Link </li>
<li>Doorway Pages </li>
<li>Link tersembunyi</li>
<li>Duplikat konten</li>
<li>Blog spam</li>
<li>Link spam</li>
<li>Komentar Spam (Link Hidup/Mati) </li>
</ol>
Teknik SEO Blog yang Wajib Dihindari (Black Hat SEO) selengkapnya, coming soon...!<br />
(Bersambung)BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com1tag:blogger.com,1999:blog-2620175600533463943.post-73606952506794657072015-09-25T20:59:00.000+07:002015-09-25T20:59:21.618+07:00Cara Membuat Widget Popular Post Blog SEO Friendly<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPpyEzgTm2e_Ws__EuCkGQFxVFOmkgIJKcOBoyUur8I5GdORuKDOsS2niOytKU1OxubIKj_aBbrvdS0izFXJIU-ooUN0_-B5YGx2Q_GRfsVuDj0bs3nstbirDv-gORluFYAQF24_QoAs0/s1600/popular-posts-widget.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Widget Popular Post Blog SEO Friendly." border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPpyEzgTm2e_Ws__EuCkGQFxVFOmkgIJKcOBoyUur8I5GdORuKDOsS2niOytKU1OxubIKj_aBbrvdS0izFXJIU-ooUN0_-B5YGx2Q_GRfsVuDj0bs3nstbirDv-gORluFYAQF24_QoAs0/s320/popular-posts-widget.png" title="Cara Membuat Widget Popular Post Blog SEO Friendly." width="313" /></a></div>
<b>Cara Membuat Widget Popular Post Blog SEO Friendly.</b><br />
<br />
<b>POPULAR </b>Posts atau entry terpopuler merupakan widget wajib ada di sidebar blogger. Secara default, widget ini biasanya sudah muncul saat kita membuat blog.<br />
<br />
Popular post berfungsi sebagai navigasi sekaligus internal link. Widget ini juga menunjukkan kepada pengunjung blog tentang tulisan atau konten yang paling banyak dibuka/dibaca.<br />
<br />
<b> </b><br />
Widget <b>Popular Post </b>banyak ragamnya. Anda bebas memilih, namun perhatikan kodenya agar blog Anda tetap SEO Friendly, terutama jika memunculkan popular post berupa judul, gambar, plus snippets.<b><br /></b><br />
<br />
<b>GANTI </b>kode Popular Post Anda dengan kode berikut ini:<br />
<br />
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'><br />
<b:includable id='main'><br />
<b:if cond='data:title'><br />
<h2><br />
<data:title/><br />
</h2><br />
</b:if><br />
<div class='widget-content popular-posts'><br />
<ul><br />
<b:loop values='data:posts' var='post'><br />
<li><br />
<b:if cond='data:showThumbnails == &quot;false&quot;'><br />
<b:if cond='data:showSnippets == &quot;false&quot;'><br />
<a expr:href='data:post.href'><br />
<b><br />
<data:post.title/><br />
</b><br />
</a><br />
<b:else/><br />
<div class='item-title'><br />
<a expr:href='data:post.href'><br />
<b><br />
<data:post.title/><br />
</b><br />
</a><br />
</div><br />
<div class='item-snippet'><br />
<data:post.snippet/><br />
</div><br />
</b:if><br />
<b:else/><br />
<b:if cond='data:showSnippets == &quot;false&quot;'><br />
<div class='item-thumbnail-only'><br />
<b:if cond='data:post.thumbnail'><br />
<div class='item-thumbnail'><br />
<a expr:href='data:post.href' target='_blank'><br />
<span style="color: red;"><img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' </span>expr:width='data:thumbnailSize'/><br />
</a><br />
</div><br />
</b:if><br />
<div class='item-title'><br />
<a expr:href='data:post.href'><br />
<b><br />
<data:post.title/><br />
</b><br />
</a><br />
</div><br />
</div><br />
<div style='clear:both'/><br />
<b:else/><br />
<div class='item-content'><br />
<b:if cond='data:post.thumbnail'><br />
<div class='item-thumbnail'><br />
<a expr:href='data:post.href' target='_blank'><br />
<span style="color: red;"><img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' </span>expr:width='data:thumbnailSize'/><br />
</a><br />
</div><br />
</b:if><br />
<div class='item-title'><br />
<a expr:href='data:post.href'><br />
<b><br />
<data:post.title/><br />
</b><br />
</a><br />
</div><br />
<div class='item-snippet'><br />
<data:post.snippet/><br />
</div><br />
</div><br />
<div style='clear:both'/><br />
</b:if><br />
</b:if><br />
</li><br />
</b:loop><br />
</ul><br />
</div><br />
</b:includable><br />
</b:widget></div>
<br />
Perhatikan kode HTML di atas. Yang membuat kode HTML popular post ini seo friendly adalah kode warna merah. <b> </b><br />
<br />
Jadi, Cara Membuat Widget Popular Post Blog SEO Friendly sebenarnya cukup dengan mengganti kode lama dengan kode warna merah yang memunculkan gambar (thumbnail image).<br />
<b><br /></b><b>CARA MEMUNCULKAN POPULAR POST GAMBAR PLUS RINGKASAN</b><br />
Anda tinggal klik Add a Widget dan pilih "Popular Post", lalu lakukan konfigurasi (setting) seperti dalam gambar di bawah ini. Angkanya bisa diatur antara 1 s.d. 10 judul post terbanyak dibaca:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinjND9DMzjy2MJ8V4PZYb7fkWUMp526zokCsqs-D4REFYi9od4M-BgvId7y7FXaB4nRQ447y4YHHVpU-DD71o0RgHhqWDfzKT2VmptZmy0UjhVOweFTJsdkov3UTqB3ZWPZb_Lc9UYvg0/s1600/popular-posts-configuration.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="setting popular posts blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinjND9DMzjy2MJ8V4PZYb7fkWUMp526zokCsqs-D4REFYi9od4M-BgvId7y7FXaB4nRQ447y4YHHVpU-DD71o0RgHhqWDfzKT2VmptZmy0UjhVOweFTJsdkov3UTqB3ZWPZb_Lc9UYvg0/s1600/popular-posts-configuration.png" title="setting popular posts blog" /></a></div>
<br />BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-88103164794251679702015-09-25T20:58:00.001+07:002015-09-25T20:58:34.665+07:00Cara Memotong Snipet (Ringkasan) Widget Popular Post Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7OOh5eQGeVW3gMb2ijA_azZK_HSLvpZsANIcxMqEFSXtINKe5PWZdEUmoFBAxAKwLqCD61Eb0C4Z1eKpcSvF_jnJLMb7GyQwVrFfqhkqL5ZUb86UHdQ2z2WzlxiQIaClxlwdiSj3_0Nmy/s1600/popular-posts-widget.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Widget Popular Post Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7OOh5eQGeVW3gMb2ijA_azZK_HSLvpZsANIcxMqEFSXtINKe5PWZdEUmoFBAxAKwLqCD61Eb0C4Z1eKpcSvF_jnJLMb7GyQwVrFfqhkqL5ZUb86UHdQ2z2WzlxiQIaClxlwdiSj3_0Nmy/s320/popular-posts-widget.png" title="Widget Popular Post Blog" width="313" /></a></div>
<b>Cara Memotong Snipet (Ringkasan) Widget Popular Post Blog.</b><br />
<br />
<b>MEMOTONG </b>atau mengatur ringkasan widget popular posts di sidebar <a href="http://baticblog.blogspot.com/" rel="nofollow" target="_blank">blog</a>, berupa gambar plus summary bertujuan merapikan tampilan. Semula tampilan popular post snippet plus thumbnail image tidak rapi, tidak seimbang antara ukuran foto dan teks.<br />
<br />
Setelah dipotong atau diatur, maka tampilan popular posts akan lebih rapi dan menarik, enak dipandang, ramah pengguna (user friendly).<br />
<br />
Cara mengatur jumlah huruf dalam tampilan ringkasan popular post sangat mudah, yaitu cukup dengan memasukkan kode.<br />
<br />
<b>Cara Memotong Snipet (Ringkasan) Widget Popular Post Blog</b><br />
<br />
1. Template > Edit HTM<br />
2. Copas kode berikut ini di atas kode </body><br />
<br />
<pre><code class="xml">
<span id="gwt-uid-233"><span class="tag"><<span class="title">script</span> <span class="attribute">type</span>=<span class="value">'text/javascript'</span>></span><span class="javascript">
<span class="comment">//<![CDATA[</span>
<span class="comment">// potong snipet popular post</span>
$(<span class="string">'.popular-posts ul li .item-snippet'</span>).each(<span class="keyword">function</span>(){
<span class="keyword">var</span> txt=$(<span class="keyword">this</span>).text().substr(<span class="number">0</span>,<span style="color: #cc0000;"><b><span class="number">70</span></b></span>);
<span class="keyword">var</span> j=txt.lastIndexOf(<span class="string">' '</span>);
<span class="keyword">if</span>(j><span class="number">42</span>)
$(<span class="keyword">this</span>).text(txt.substr(<span class="number">0</span>,j).replace(<span class="regexp">/[?,!\.-:;]*$/</span>,<span class="string">'...'</span>));
});
<span class="comment">//]]></span></span><span class="tag"></<span class="title">script</span>></span></span></code></pre>
<pre><code class="xml"><span id="gwt-uid-233"><span class="tag"> </span></span></code><span style="font-family: inherit;">
</span></pre>
<span style="font-family: inherit;">Angka 70 untuk mengatur ringkasan post, silahkan sesuaikan dengan ukuran gambar sehingga tampilan popular post blog Anda lebih rapi.<span style="font-family: inherit;"> (http://baticblog.blogspot.com/).*</span></span>BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-29992866981050086432015-09-25T20:55:00.000+07:002015-09-25T20:55:05.541+07:00Cara Mendapatkan Backlink Blog Berkualitas dari Wikipedia <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQmTlAj99JIhuCCv-R0dmnfKoeCgywIozMVzA57IdAg5k-34kPixLF9ybZMWhuMr6dPV-qmLhyphenhyphenA2qZTyGfwopJP8k5NPv2vJLBfPwuDiy5_NaPglexcRqDr6CBt3GOgQ8KcKe03PViwow/s1600/how-to-get-backlinks-from-wikipedia.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Mendapatkan Backlink Blog Berkualitas dari Wikipedia " border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQmTlAj99JIhuCCv-R0dmnfKoeCgywIozMVzA57IdAg5k-34kPixLF9ybZMWhuMr6dPV-qmLhyphenhyphenA2qZTyGfwopJP8k5NPv2vJLBfPwuDiy5_NaPglexcRqDr6CBt3GOgQ8KcKe03PViwow/s320/how-to-get-backlinks-from-wikipedia.jpg" title="Cara Mendapatkan Backlink Blog Berkualitas dari Wikipedia " width="320" /></a></div>
<b>Cara Mendapatkan Backlink Blog Berkualitas dari Wikipedia.</b><br />
<br />
Backlink --disebut juga Link Masuk, Inbound Link, Inlink, atau Link Balik-- adalah tautan yang masuk ke sebuah situs web, halaman web, atau blog. Praktisnya, ada link yang mengarah ke blog kita di blog atau situs lain.<br />
<br />
Backlink menjadi salah satu faktor penentu peringkat blog di halaman hasil pencarian. Karenanya, backlink building termasuk teknik SEO (Search Engine Optimization).<br />
<br />
Jumlah backlink merupakan satu indikasi popularitas blog di mata mesin pencari, terutama Google.<br />
<br />
<a href="https://id.wikipedia.org/" rel="nofollow" target="_blank"><i>Wikipedia</i></a> adalah eksiklopedi bebas yang sangat populer. Situs ini berisi berbagai informasi atau data. Jika blog kita mendapatkan backlink dari Wikipedia, dipastikan backlinknya berkualitas dan membuat blog kita memiliki reputasi baik di mata Google dan user.<br />
<br />
Namun, harus diingat, backlinks di Wikipedia itu ‘No Follow’ backlinks. Meski demikian, ia tetap penting karena meningkatkan reputasi blog dan berdampakm pada peningkatan trafik. <br />
<b><br />Cara Mendapatkan Backlink Blog Berkualitas dari Wikipedia </b><br />
<br />
1. Buat akun Wikipedia – it is 100% free.<br />
2. Klik "Create Account"<br />
3. Gunakan WikiGrabber untuk mencari artikel yang cocok dengan niche blog Anda.<br />
4. Edit artikel dan masukkan link blog Anda!<br />
<i><br />Editing an article on Wikipedia is super easy, just find what you want to edit and click on the edit link.</i>BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com1tag:blogger.com,1999:blog-2620175600533463943.post-12453614759718506142015-09-25T20:52:00.000+07:002015-09-25T20:52:52.160+07:00Cara Ganti Template (Tampilan) Blog Blogspot<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk3HjNhTy3yjqSeMINKl5SYV8olaBwjnZ9b3s8sl7PvPJuZqATeKquYwUCpX8Sw3htunJmptvaeq_z_IuCFTDhAxSTcAVyMc2Hh7STkl7M0mGg6D0RIySyJT6SKWmDb3HqmpgRwpbmRL8/s1600/cara+ganti+template+blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Ganti Template (Tampilan) Blog Blogspot." border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk3HjNhTy3yjqSeMINKl5SYV8olaBwjnZ9b3s8sl7PvPJuZqATeKquYwUCpX8Sw3htunJmptvaeq_z_IuCFTDhAxSTcAVyMc2Hh7STkl7M0mGg6D0RIySyJT6SKWmDb3HqmpgRwpbmRL8/s1600/cara+ganti+template+blog.JPG" title="Cara Ganti Template (Tampilan) Blog Blogspot." /></a></div>
<b>Cara Modif, Edit, Ubah, atau Mengganti Template (Tampilan) Blog Blogspot.</b><br />
<br />
<b>SALAH </b>satu kelebihan ngeblog di <a href="http://www.blogger.com/" rel="nofollow" target="_blank">blogger</a> (blogspot) adalah kita bisa mengubah, mengganti, atau memodifikasi (edit) template (tampilan) blog kita.<br />
<br />
Blogger umumnya ingin mengubah tampilan (desain) blognya menjadi lebih menarik, seo friendly, user friendly, dan fast loading (tampil cepat/ringan).<br />
<br />
Sebenarnya yang berubah hanya tampilan depan (homepage/beranda) karena tampilan halaman dalam (single post/single page) semua blog relatif sama.<br />
<br />
Apalagi umumnya pengunjung datang ke blog kita lewat mesin pencari, terutama Google, sehingga pembaca pertama kali membuka blog kita bukan halaman depan, tapi halaman dalam --salah satu posting/tulisan.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<b>DUA CARA GANTI TEMPLATE BLOG</b><br />
Ada dua cara mengubah tampilan desain blog Anda di blogspot. <br />
<br />
<b>1. Customize template bawaan blogger.</b><br />
Template bawaan blogger sebenarnya sudah seo friendly. Namun, jika Anda ingin mengubahnya, tinggal:<br />
<br />
- Klik menu "Template"<br />
- Klik "Customize"<br />
- Lakukan modifikasi sesuai dengan selera Anda.<br />
<br />
Panduan lengkapnya ada di <a href="https://support.google.com/blogger/answer/176245?hl=en&vid=1-635783096164004468-3664925689" rel="nofollow" target="_blank">Blogger Template Designer</a> dari Google sendiri.<br />
<br />
<b>2. Ganti Template</b><br />
Berbeda dengan yang pertama, cara ganti template (tampilan) blog yang kedua ini, mengubah sama sekali file template.<br />
<br />
Langkahnya pun lebih mudah dan praktis. Namun, langkah pertama tentu siapkan dulu templatenya yang seo friendly (ramah msin pencari).<br />
<br />
Download dulu template blog yang Anda sukai, misalnya, Anda bisa pilih salah satu tampilan blog di bawah ini yang terbukti dan dikenal SEO Friendly & Fast Loading:<br />
<br />
1. Jurnalistik Themes ( <a href="http://jurnalistiktheme.blogspot.com/" target="_blank">DEMO</a> | <a href="https://app.box.com/s/sdirb0b8elzkqaduxc7w7f4l7jpdu9o9" rel="nofollow" target="_blank">DOWNLOAD</a> ).<br />
<br />
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLWK5sITSSF_PmwunZdbaP4aMP4WLgDdiXt5SU42p4gkkPJl0yYK_TD25OQfuoEuhsK6xB-Zy5V9813nCXvxjir27tKocbUBWjpgNb6bDpOPVcqTyBK4PRhVDWd6ZAZD3UkHn5dVwgEb_Q/s1600/jurnalistik+theme+responsive.JPG" style="margin-left: 1em; margin-right: 1em;"><img alt="jurnalistik template" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLWK5sITSSF_PmwunZdbaP4aMP4WLgDdiXt5SU42p4gkkPJl0yYK_TD25OQfuoEuhsK6xB-Zy5V9813nCXvxjir27tKocbUBWjpgNb6bDpOPVcqTyBK4PRhVDWd6ZAZD3UkHn5dVwgEb_Q/s320/jurnalistik+theme+responsive.JPG" title="jurnalistik template" width="320" /></a></div>
<div>
</div>
<div>
<br />
2. New Johny Wuss V2 (<a href="http://newjohnywussv2.blogspot.com/" target="_blank">DEMO</a> | <a href="http://contohblognih.blogspot.com/2014/06/new-johny-wuss-v2-template-blog-seo.html" target="_blank">DOWNLOAD</a>)</div>
<br />
<br />
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Pd3rsG3MyW3joHCoEeghHjsJp8qHyw4_ypVuLpljoOjUUa7OYw4Z4__7-9ekroCp1qAl7sw2QrGCkqnMY8-VX494SN12OemcqhZn2jHxJ55E-W687tzXn8iTARQ1uo1cYLjvVv2nH7YZ/s1600/newjohnywuss.png" style="margin-left: 1em; margin-right: 1em;"><img alt="NEW JOHNY WUSS V2" border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Pd3rsG3MyW3joHCoEeghHjsJp8qHyw4_ypVuLpljoOjUUa7OYw4Z4__7-9ekroCp1qAl7sw2QrGCkqnMY8-VX494SN12OemcqhZn2jHxJ55E-W687tzXn8iTARQ1uo1cYLjvVv2nH7YZ/s320/newjohnywuss.png" title="NEW JOHNY WUSS V2" width="320" /></a></div>
<div>
</div>
<div>
<br />
3. Dynamic Mag Templat (<a href="http://newsblogtemplate2014.blogspot.com/" rel="nofollow" target="_blank">DEMO</a> | <a href="http://downloads.ziddu.com/download/23823844/Dynamic-Mag-Blogger-Template.zip.html" rel="nofollow" target="_blank">DOWNLOAD</a>)</div>
<br />
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik4fFcGySSG3zZiXQQ4ofmEe2gLDGlCQ06djadbCIMNDaD7eTLkAslcnlPQ6E2lKs87hIRpjJm93iQfaq0QLqj4Edi8JT6opYw_o4YxX_8K2WuCKp6Ef3bABTYVnloW-uy1E3ZUpJwSjOW/s1600/Dynamic+Mag+SEO+Template.png" style="margin-left: 1em; margin-right: 1em;"><img alt="dynamic mag template" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik4fFcGySSG3zZiXQQ4ofmEe2gLDGlCQ06djadbCIMNDaD7eTLkAslcnlPQ6E2lKs87hIRpjJm93iQfaq0QLqj4Edi8JT6opYw_o4YxX_8K2WuCKp6Ef3bABTYVnloW-uy1E3ZUpJwSjOW/s320/Dynamic+Mag+SEO+Template.png" title="dynamic mag template" width="320" /></a></div>
<div>
</div>
<br />
4. Sang SEO Responsive (<a href="http://sangseo.blogspot.co.id/" rel="nofollow" target="_blank">DEMO</a> | <a href="http://goo.gl/EQoOe7" rel="nofollow" target="_blank">DOWNLOAD</a>)<br />
<br />
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZb6K4PtNVDKi01yWp-hriv6hf4o9ZREqbAdkZRAdvrogf4Rkamb5L3Syce8ZHBJC4cJXJAtHgbCZdtv9K5TZZKM5Nl4S2ne7ZHmNpsDReAArPPc0Yl-M8TPZcBYTdCgcbHmBJtD2xOAD/s1600/Sang+SEO+Responsive+Blogger+Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="sang seo responsive template" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZb6K4PtNVDKi01yWp-hriv6hf4o9ZREqbAdkZRAdvrogf4Rkamb5L3Syce8ZHBJC4cJXJAtHgbCZdtv9K5TZZKM5Nl4S2ne7ZHmNpsDReAArPPc0Yl-M8TPZcBYTdCgcbHmBJtD2xOAD/s320/Sang+SEO+Responsive+Blogger+Template.jpg" title="sang seo responsive template" width="320" /></a></div>
<div>
</div>
<div>
<br />
5. Minima Colored Responsive Template <a href="http://minima9.blogspot.com/" rel="nofollow" target="_blank">DEMO</a> | <a href="http://www.datafilehost.com/d/1fc91bd7" rel="nofollow" target="_blank">DOWNLOAD</a>)</div>
<br />
<br />
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuSQF8km45yiEYspOBozaTvoKmceCRts6iS40a6IXU4sgas-iZ-vrvdQiLOuKeE_isBQK-ERo7h-Irk_0jG5IhmGZK4zgZ0ynSL0-QZhR2Nv7spAfS-NyW30CvFB_eyCPkbx7Qa9RBZQho/s1600/minima+colored.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="minima colored responsive template" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuSQF8km45yiEYspOBozaTvoKmceCRts6iS40a6IXU4sgas-iZ-vrvdQiLOuKeE_isBQK-ERo7h-Irk_0jG5IhmGZK4zgZ0ynSL0-QZhR2Nv7spAfS-NyW30CvFB_eyCPkbx7Qa9RBZQho/s320/minima+colored.jpg" title="minima colored responsive template" width="320" /></a></div>
<div>
</div>
<div>
</div>
<div>
<br />
Pastikan file template hasil download berupa file XLM. Jika template seo hasil unduhan berupa file <b>.zip</b> atau <b>.rar,</b> ekstrak dulu dan file templatenya adalah yang bereskstensi <b>.xml</b><br />
<b> </b><b> </b></div>
<h3>
<b>Cara Mengganti Template Blog: Upload File </b></h3>
Setelah menyiapkan template pengganti, maka lakukan langkah berikut ini:<br />
<br />
1. Login ke akub Blogger Anda.<br />
2. Klik Blog yang akan Anda ganti tampilannya.<br />
3. Klik menu "Template"<br />
4. Klik menu "Backup/Restore" (Cadangkan/Pulihkan) di kanan atas.<br />
5. Klik "Browse" dan "Choose the template" > pilih dan unggah file template yang sudah disiapkan.<br />
6. Klik tombol "<b>Upload</b>"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim9usjtITc2aSQkfej0PviMZwVylUBEnvylTPL0G50hyphenhyphenC5e-eGFJIAYHlqWGpcAgxVEhquoI9atbJkPekiPewQwLSCuVnPF5lZIAJTgniGrthrOjoL0oihDibdIla9BThyIH8UPpdcebk/s1600/Backup-Restore-Ganti-Template+Blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Ganti Template (Tampilan) Blog Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim9usjtITc2aSQkfej0PviMZwVylUBEnvylTPL0G50hyphenhyphenC5e-eGFJIAYHlqWGpcAgxVEhquoI9atbJkPekiPewQwLSCuVnPF5lZIAJTgniGrthrOjoL0oihDibdIla9BThyIH8UPpdcebk/s1600/Backup-Restore-Ganti-Template+Blog.png" title="Cara Ganti Template (Tampilan) Blog Blogspot" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8atIOeuBZrI6AJUv8FJ6asn8vxORYmnYAj8dyfw6z-KscNHnk0ltEdKl1JzkaRu9v5htC5yPoQwr-HNU2_S0d0yGSOMAyFE2IhgLYr3FFHHH9jO5lO2-G7oVb1MinpD6BO8AF6dlxuU4/s1600/Backup-Restore-Ganti-Template+Blog+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Ganti Template (Tampilan) Blog Blogspot" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8atIOeuBZrI6AJUv8FJ6asn8vxORYmnYAj8dyfw6z-KscNHnk0ltEdKl1JzkaRu9v5htC5yPoQwr-HNU2_S0d0yGSOMAyFE2IhgLYr3FFHHH9jO5lO2-G7oVb1MinpD6BO8AF6dlxuU4/s320/Backup-Restore-Ganti-Template+Blog+2.png" title="Cara Ganti Template (Tampilan) Blog Blogspot" width="320" /></a></div>
<br />
<br />
Proses ganti template blog selesai. Jika menemui error, ulangi lagi saja! Jika masih error juga, maka lakukan alternatif ganti template blog berikut ini --tidak disarankan bagi blog yang sudah lama karena akan menghilangkan widget yang sudah dipasang.<br />
<br />
<b>Cara Ganti Template Blog (Alternatif):</b><br />
1. Template > Edit HTML<br />
2. Klik "Select All" dan Hapus Semua kode yang ada.<br />
3. Buka file template yang akan dipasang menggunakan Notepad.<br />
4. Copy semua kode yang ada di notepad tadi.<br />
5. Paste ke template blog yang sudah dihapus di langkah kedua .<br />
<br />
Mudah 'kan cara mengganti template atau mengubah tampilan desain blog Anda di blogspot?(http://baticblog.blogspot.com).*BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-74396836773518842132015-09-21T23:15:00.000+07:002015-09-25T20:50:16.105+07:00Mengatasi Lupa Nama Pengguna atau Sandi Blog<div class="separator" style="clear: both; text-align: center;">
</div>
<b>Cara Menemukan Kembali Username atau Password Blog Blogger/Blogspot atau Email Gmail yang Lupa.</b><br />
<br />
<b>BANYAK</b> blogger yang ingin mendapatkan kembali email dan password blogspot yang terlupa. Bingung jadinya. Parahnya lagi, nama emailnya pun lupa.<br />
<br />
Bagaimana cara mengatasinya? Gampang, buka saja <a href="https://www.blogger.com/forgot.g" rel="nofollow" target="_blank">https://www.blogger.com/forgot.g</a> dan ikuti petunjuk selanjutnya yang ada di sana.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmazBlcvO8YFnxFdxGMHuO9ccHwt9Fw7aE6ZhWrJEa8AF83jI6TaM2Ao-cFp7ZvRXMX0uQ4F5ZWt72UmGjTkwQYtYlv3RQ_rihHjgMaXr4SwMtYqyk6vCuokFG1OdRHcdmv9Tcp_lIo0Y/s1600/lupa+password+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Mengatasi Lupa Nama Pengguna atau Sandi Blog" border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmazBlcvO8YFnxFdxGMHuO9ccHwt9Fw7aE6ZhWrJEa8AF83jI6TaM2Ao-cFp7ZvRXMX0uQ4F5ZWt72UmGjTkwQYtYlv3RQ_rihHjgMaXr4SwMtYqyk6vCuokFG1OdRHcdmv9Tcp_lIo0Y/s320/lupa+password+blog.JPG" title="Mengatasi Lupa Nama Pengguna atau Sandi Blog" width="320" /></a></div>
<br />
1. Kunjungi <a href="http://www.blogger.com/forgot.g" target="_blank">http://www.blogger.com/forgot.g</a><br />
2. Masukkan subdomain URL blog Anda, klik Cari. <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
3. Blogger akan mengirim pesan pemulihan password ke alamat email Anda.<br />
4. Buka email yang Anda gunakan untuk blogger.<br />
5. Klik URL pemulihan password dan ikuti instruksi selanjutnya.<br />
<br />
Demikian cara mengatasi lupa username & password dari blogger.<br />
<br />
Bagaimana jika lupa email dan password yang digunakan untuk login ke blogger atau gmail? Cara mengatasinuya sangat mudah: bikin akun blogger yang baru! Buka saja www.blogger.com.BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-69760083745319789512015-09-09T12:59:00.003+07:002015-09-09T13:05:08.955+07:00Cara Mudah Membuat Tabber Widget di Sidebar Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh59a2jfus0zDlxWVRMnzsyPQF5JH-28my1ScMmpZ6h8KUPzmYXzBu_kKhdFI02DNx9GNtclLA__eXsZLRsmGR03OJpLVc_ryD4WfqRL9iFQoMKW2JKSl60ynXEu1m-McNjOIprgg9-Mx0S/s1600/tabber+widget+sidebar+blog.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Mudah Membuat Tabber Widget di Sidebar Blog" border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh59a2jfus0zDlxWVRMnzsyPQF5JH-28my1ScMmpZ6h8KUPzmYXzBu_kKhdFI02DNx9GNtclLA__eXsZLRsmGR03OJpLVc_ryD4WfqRL9iFQoMKW2JKSl60ynXEu1m-McNjOIprgg9-Mx0S/s320/tabber+widget+sidebar+blog.PNG" title="Cara Mudah Membuat Tabber Widget di Sidebar Blog" width="320" /></a></div>
<b>Cara Paling Mudah dan Cepat Membuat Tabber Widget di Sidebar Blog</b><br />
<br />
<b>Tabber Widget</b> akan mengefisienkan ruang sidebar. Dalam widget berbentuk tabber, kita bisa menyatukan sekitar 3-4 widget di sidebar yang tetap user friendly dan lebih menarik.<br />
<br />
Penampilan atau penampakannya seperti gambar ilustrasi posting ini.<br />
<br />
Nama atau jenis widgetnya bisa diganti atau ditampilkan sesuai dengan selere, misalnya Popular Post, Latest Post, dan Random Post; atau Popular, Terbaru, dan Kategori.<br />
<br />
Berikut ini cara cepat dan termudah membuat <b>Tabber Widget </b>di sidebar blog:<br />
<br />
1. Layout > Add a Gadget > pilih HTML/JavasScript<br />
2. Judul kosongkan!<br />
3. Copas saja kode berikut ini ke dalam kolom konten:<br />
<br />
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<style type="text/css"><br />
.tabber {<br />
padding: 0px !important;<br />
border: 0 solid #bbb !important;<br />
}<br />
.tabber h2 {<br />
float: left;<br />
margin: 0 1px 0 0;<br />
font-size: 12px;<br />
padding: 3px 5px;<br />
border: 1px solid #bbb;<br />
margin-bottom: -1px; /*--Pull tab down 1px--*/<br />
overflow: hidden;<br />
position: relative;<br />
background: #e0e0e0;<br />
cursor:pointer;<br />
}<br />
html .tabber h2.active {<br />
background: #fff;<br />
border-bottom: 1px solid #fff; /*--"Connect" active tab to its content--*/<br />
}<br />
.tabber .widget-content {<br />
border: 1px solid #bbb;<br />
padding: 10px;<br />
background: #fff;<br />
clear:both;<br />
margin:0;<br />
}<br />
.codewidget, #codeholder {<br />
display:none;<br />
}<br />
</style><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script><br />
<script
src="https://dl.dropboxusercontent.com/s/ioycgaohomw3891/theblogger911.blogspot.com.tabber.js"
type="text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$('#codeholder').bloggerTabber ({<br />
tabCount : 3<br />
});<br />
});<br />
</script><br />
<br />
<!-- it will not work without below code to make sure the widget works, do not alter the code below --><br />
<div id='codeholder'><br />
<p><br />
Get<a
href="http://theblogger911.blogspot.com/2013/09/the-fastest-and-easiest-tabber-widget.html"
target="_blank"> widget</a></p><br />
</div></div>
<br />
<b>KODE LAIN (Alternatif)</b><br />
<br />
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<style type="text/css">
.tabber {
padding: 0px !important;
border: 0 solid #bbb !important;
}
.tabber h2 {
float: left;
margin: 0 1px 0 0;
font-size: 12px;
padding: 3px 5px;
border: 1px solid #bbb;
margin-bottom: -1px; /*--Pull tab down 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
cursor:pointer;
}
html .tabber h2.active {
background: #fff;
border-bottom: 1px solid #fff; /*--"Connect" active tab to its
content--*/
}
.tabber .widget-content {
border: 1px solid #bbb;
padding: 10px;
background: #fff;
clear:both;
margin:0;
}
.codewidget, #codeholder {
display:none;
}
</style>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script
type="text/javascript"
src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>
<script
type="text/javascript">
$(document).ready(function() {
$('#codeholder').bloggerTabber ({
tabCount : 3
});
});
</script>
<!-- to make sure the widget works, do not alter the code below
-->
<div id='codeholder'><p>Get this <a
href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html"
target="_blank">tabber widget</a></p></div></div>
<br /><b>4. Save!</b><br />
<br />
Kode di atas akan otomatis membuat tabber widget di sidebar blog. Di Dashboard Blogger > Layout, bawahnya tinggal ditambahkan tiag widget yang akan menjadi Tabber, misalnya Popular Post, Recent Post, dan Label. (http://baticblog.blogspot.com).*<br />
<a href="http://www.blogs911.com/2013/09/the-fastest-and-easiest-tabber-widget.html" rel="nofollow" target="_blank"><i><br /></i></a>
<a href="http://www.blogs911.com/2013/09/the-fastest-and-easiest-tabber-widget.html" rel="nofollow" target="_blank"><i>Sumber</i></a><br />
<i><a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" rel="nofollow" target="_blank">Sumber</a> </i>BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-41623116830360680562015-09-05T17:03:00.003+07:002015-09-05T17:03:54.123+07:00Cara Membuat Posting Terbaru dengan Gambar Thumbnail<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx4Ay8oD_mxx86wTFv2nKjuEaRG05ZoOo1qNXYRPxVf79VS0tqtJ6JyXY4Ru3YXVBWPma2zalG7Px-D3iKvcHywaCd5ge6Hc76iFszPsJC9WnPRzuTQBaCbV2FUwHmtP-TXyZWK9nN-P1e/s1600/Recent-post-widget-image-thumb.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Posting Terbaru dengan Gambar Thumbnail" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx4Ay8oD_mxx86wTFv2nKjuEaRG05ZoOo1qNXYRPxVf79VS0tqtJ6JyXY4Ru3YXVBWPma2zalG7Px-D3iKvcHywaCd5ge6Hc76iFszPsJC9WnPRzuTQBaCbV2FUwHmtP-TXyZWK9nN-P1e/s320/Recent-post-widget-image-thumb.png" title="Posting Terbaru dengan Gambar Thumbnail" width="273" /></a></div>
<b>Cara Membuat Posting Terbaru (Recent Post/Latest Post) dengan Gambar Thumbnail. Bisa juga Per Label/Kategori.</b><br />
<br />
<b>WIDGET</b> posting terbaru, artikel terbaru, atau tulisan terkini dengan gambar thumbnail (<i>recent post widget with thumbnail</i>) sangat bagus dipasang di sidebar blog untuk meningkatkan pageviews.<br />
<br />
Fungsi lainnya adalah sebagai internal link dan navigasi menu sehingga pembaca bisa berlama-lama membuka konten blog.<br />
<br />
Berikut ini cara membuat widget posting terbaru dengan gambar, judul, dan ringkasan posting sebagaimana bisa dilihat di gambar ilustrasi dan recent post di blog ini.<br />
<br />
Tampilan recent post hanya berupa judul mungkin kurang menarik perhatian. Jika dengan gambar, akan lebih "catchy". Untuk membuat latest posts berupa judul saja sangat mudah, semudah membuat recent post dengan thumbnail image.<br />
<br />
<b>Cara Membuat Posting Terbaru dengan Gambar Thumbnail</b><br />
<br />
1. Layout > Add a Gadget > pilih HTML/Javascript<br />
2. Isi judul dengan Latest Posts, Posting Terbaru, atau Artikel Terbaru saja.<br />
3. Masukkan (Coy & Paste) kode berikut ini:<br />
<br />
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<<span class="GINGER_SOFTWARE_mark" id="00e793eb-ee78-4b51-904d-762014cc9cbe"><span class="GINGER_SOFTWARE_mark" id="cfefaf13-3d77-48ed-bedd-ad661c3a5fd3">style</span></span> type='text/<span class="GINGER_SOFTWARE_mark" id="2e54a060-320d-4985-b9fa-e5ae8de105a4"><span class="GINGER_SOFTWARE_mark" id="47487e2a-30b9-4e01-8b5b-4c56cfa2f8d2">css</span></span>'><br />
<span class="GINGER_SOFTWARE_mark" id="7d73b9b6-5792-4ccd-b968-24e7dc3827ed"><span class="GINGER_SOFTWARE_mark" id="1df21b41-4f44-4edd-8e9d-9b9376e9efd3">img</span></span><span class="GINGER_SOFTWARE_mark" id="8b0011b9-a44e-4166-a3e4-be7568cb928a"><span class="GINGER_SOFTWARE_mark" id="fd3c77f8-cf5c-4505-ab91-591ffe8a4bfd">.</span></span>recent_thumb {width: 90px;height: 70px;float: left;<br />
<span class="GINGER_SOFTWARE_mark" id="12e645dc-333f-4f06-aa7d-b6040aa83f07"><span class="GINGER_SOFTWARE_mark" id="4688aa28-1f79-49cc-935c-c8031a52db1a">margin</span></span>-right: 10px;}<span class="GINGER_SOFTWARE_mark" id="47d99caf-9b67-48e7-b802-aeb9f460b1d4"><span class="GINGER_SOFTWARE_mark" id="2edf9739-2789-4088-98dc-e08f657d4a4e">.</span></span>recent_posts_with_thumbs {float: left<span class="GINGER_SOFTWARE_mark" id="6f60d0f0-20f1-469d-9f51-0a34ede9ce56"><span class="GINGER_SOFTWARE_mark" id="fa3f9de0-0190-4ccf-8360-00cbd959f5da">;</span></span>width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0<span class="GINGER_SOFTWARE_mark" id="df3a6933-8c54-4bc7-aec5-9be828c7c72d"><span class="GINGER_SOFTWARE_mark" id="ad8c7588-7cf5-4786-bb7e-b4a396fa5346">;</span></span>font-size<span class="GINGER_SOFTWARE_mark" id="6618f054-6398-4fec-8ec4-afb38606dace"><span class="GINGER_SOFTWARE_mark" id="b018f4a5-b684-4eb4-89d3-417eb20a7308">:</span></span>12px;}<br />
<span class="GINGER_SOFTWARE_mark" id="7396bfbc-fa46-45a1-a087-6f43ee1f2d9b"><span class="GINGER_SOFTWARE_mark" id="8e1c2e0f-02a3-45a7-9995-271a004c77b1">ul</span></span><span class="GINGER_SOFTWARE_mark" id="fc34f102-6c1d-4418-83e4-6350dda65e1c"><span class="GINGER_SOFTWARE_mark" id="c1cbcbae-0cf6-45c4-a069-5de822c09918">.</span></span>recent_posts_with_thumbs <span class="GINGER_SOFTWARE_mark" id="fc9840d3-fe65-4a3e-b8ec-cde206617c1e"><span class="GINGER_SOFTWARE_mark" id="84eabefb-8174-46b0-a8af-5cd6304dab1b">li</span></span> {padding-bottom<span class="GINGER_SOFTWARE_mark" id="edefc2b0-9941-4531-bec6-3188caa96b7d"><span class="GINGER_SOFTWARE_mark" id="af3d4782-c006-49a7-a4f1-27c92115ac5d">:</span></span>5px;padding-top<span class="GINGER_SOFTWARE_mark" id="a21b172a-bbe4-49f3-95ff-7ac999b85a38"><span class="GINGER_SOFTWARE_mark" id="fdc3c6f3-49e8-4931-893e-39ed4e97810d">:</span></span>5px;min-height<span class="GINGER_SOFTWARE_mark" id="187633aa-abdc-42a7-9200-5f0c38a66d71"><span class="GINGER_SOFTWARE_mark" id="6f84e763-1fb8-425e-8148-90a108c4faf7">:</span></span>65px;}<span class="GINGER_SOFTWARE_mark" id="e5ae872f-2ac0-4abe-8fdc-d5d0760809ba"><span class="GINGER_SOFTWARE_mark" id="5f723834-534d-4ff8-a55a-23b1eeea54a7"> .</span></span>recent_posts_with_thumbs a {text-decoration<span class="GINGER_SOFTWARE_mark" id="3c048eb0-65ff-46c2-bd24-73c5ee2d72df"><span class="GINGER_SOFTWARE_mark" id="34591a85-c8d9-4514-a5d8-0f807a0af6f7">:</span></span>none;}<span class="GINGER_SOFTWARE_mark" id="ad094adf-e806-4c25-9a63-1a4c93e7990a"><span class="GINGER_SOFTWARE_mark" id="680f339d-12fb-4e89-9b19-931ae76042a4"> .</span></span>recent_posts_with_thumbs strong {font-size<span class="GINGER_SOFTWARE_mark" id="483fef7e-51a7-4536-8911-10e4a1c9fb20"><span class="GINGER_SOFTWARE_mark" id="07b11d7d-28dc-48bf-be78-2232bd39e521">:</span></span>10px;}</style><script
style='text/javascript'
src='https://googledrive.com/host/0BzPgmXeCwsMRcmlNOHhtaDNNMjA'></script><script
style='text/javascript'><br />
<span class="GINGER_SOFTWARE_mark" id="10d52610-5f96-4d5f-ab8f-693a8af1443d"><span class="GINGER_SOFTWARE_mark" id="d3e20ead-7a50-4c9b-ad95-be8c0a354bc3">var</span></span> <span class="GINGER_SOFTWARE_mark" id="404b84a7-9ef9-4622-a7d6-a70238ed65a2"><span class="GINGER_SOFTWARE_mark" id="849ba3eb-2e92-4552-b382-089a6a0a3fbb">numposts</span></span> = <span style="color: red;">5;</span><br />
<span style="color: red;"><span class="GINGER_SOFTWARE_mark" id="72e26db2-4022-4d4b-8935-704bf471bb73"><span class="GINGER_SOFTWARE_mark" id="6c80ddf7-a053-4e64-b5ce-1fafa6f36643">var</span></span> <span class="GINGER_SOFTWARE_mark" id="a4fa2d64-c114-4d8e-845d-266eb6e415ee"><span class="GINGER_SOFTWARE_mark" id="2d702cfd-2422-429a-934d-f41a639ce01a">showpostthumbnails</span></span> = true;</span><br />
<span class="GINGER_SOFTWARE_mark" id="ed4db352-22b2-4c0b-9ac7-2cf60786295d"><span class="GINGER_SOFTWARE_mark" id="69175f5b-8735-404f-88d9-9fc41b69a3dc">var</span></span> <span class="GINGER_SOFTWARE_mark" id="52e6b64d-6717-48da-836b-a95d426b5ff3"><span class="GINGER_SOFTWARE_mark" id="c0f5a7c4-e673-47c7-a50d-ca1aff7215d5">displaymore</span></span> = false;<br />
<span class="GINGER_SOFTWARE_mark" id="b4904dba-af11-43e8-9c1e-dd87f342ea8e"><span class="GINGER_SOFTWARE_mark" id="7f7f359c-37d4-4100-8f45-a9f3ff1b0c57">var</span></span> <span class="GINGER_SOFTWARE_mark" id="669499ed-ca1d-4c09-87ba-fa19b496c7fe"><span class="GINGER_SOFTWARE_mark" id="841d31c2-7d8d-4d79-bbd0-3b53a8d7a4a6">displayseparator</span></span> = false;<br />
<span class="GINGER_SOFTWARE_mark" id="79fea47d-7aa9-476d-bd21-f076ce521acf"><span class="GINGER_SOFTWARE_mark" id="4a42bed3-c488-44d7-a162-73003d396ab9">var</span></span> <span class="GINGER_SOFTWARE_mark" id="f9ab9c96-19aa-4217-98a1-7f53102ec90a"><span class="GINGER_SOFTWARE_mark" id="b5d20263-2f5e-4341-b5cc-aed91d9e4570">showcommentnum</span></span> = false;<br />
<span class="GINGER_SOFTWARE_mark" id="b75e4ca3-0fed-4eed-81d8-45e96106bb85"><span class="GINGER_SOFTWARE_mark" id="82151b19-7a8d-4b2e-a5f3-6bc02463774e">var</span></span> <span class="GINGER_SOFTWARE_mark" id="10479f7a-da84-46cf-beca-3ff6cdab92a3"><span class="GINGER_SOFTWARE_mark" id="8f156f49-5612-4c23-866c-ab83e5fe7779">showpostdate</span></span> = false;<br />
<span class="GINGER_SOFTWARE_mark" id="c6009dba-7e75-4937-8fd8-00ed84f87cff"><span class="GINGER_SOFTWARE_mark" id="9c5ad69c-52e3-48d7-9ab4-72eb37c0ea27">var</span></span> <span class="GINGER_SOFTWARE_mark" id="46962cc4-7ab2-4f73-83c3-d46c131ea9e6"><span class="GINGER_SOFTWARE_mark" id="3d8e69b2-b16a-4af8-81c6-0b8505f28201">showpostsummary</span></span> = true;<br />
<span class="GINGER_SOFTWARE_mark" id="ae0a9b2e-88ab-4629-9baa-ba61ddd19c80"><span class="GINGER_SOFTWARE_mark" id="a038a738-85a4-4545-b27f-3c5161002076">var</span></span> <span class="GINGER_SOFTWARE_mark" id="29c0b783-2caa-4152-bb65-76d5c5bdc612"><span class="GINGER_SOFTWARE_mark" id="1d9fdd1b-dafa-45c1-a0b1-aa8892548964">numchars</span></span> = <span style="color: red;">50</span>;</script><br />
<<span class="GINGER_SOFTWARE_mark" id="ff8fd517-ba6f-4b30-bb92-47e56ea57aac"><span class="GINGER_SOFTWARE_mark" id="19eb00a7-8040-45f9-a116-6b088db052b4">script</span></span> src='/feeds/posts/default<span class="GINGER_SOFTWARE_mark" id="3d32ce98-5c77-4138-8afd-ec6d0bc2f5be"><span class="GINGER_SOFTWARE_mark" id="355320a1-d13c-4ecb-b9ed-9ad21025fd92">?</span></span>orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script><br />
<<span class="GINGER_SOFTWARE_mark" id="5538f56e-5ed5-41aa-99cd-1e47a3887695"><span class="GINGER_SOFTWARE_mark" id="1c4b1f07-26a6-4b50-b39d-b76077f43b3e">hr</span></span>/></div>
<br />
>>> Kode <span style="color: red;">warna merah</span> bisa diubah sesuai dengan keinginan Anda.<br /><br />
4. <b>Save!</b><br />
<br />
Jika akan menampilkan posting terbaru berdasarkan Label/Kategori, maka ubah kode <b>/feeds/posts/default<span class="GINGER_SOFTWARE_mark" id="3d32ce98-5c77-4138-8afd-ec6d0bc2f5be"><span class="GINGER_SOFTWARE_mark" id="355320a1-d13c-4ecb-b9ed-9ad21025fd92">?</span></span>orderby</b> dengan <b>/feeds/posts/default<span class="GINGER_SOFTWARE_mark" id="3d32ce98-5c77-4138-8afd-ec6d0bc2f5be"><span class="GINGER_SOFTWARE_mark" id="355320a1-d13c-4ecb-b9ed-9ad21025fd92">/-/Label?</span></span>orderby</b><br />
<br />
Demikian Cara Membuat Posting Terbaru dengan Gambar Thumbnail agar lebih menarik dan meningkatkan jumlah kunjungan. (http://baticblog.blogspot.com).*BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-38400350625785257272015-09-05T10:18:00.002+07:002015-09-05T10:18:17.153+07:00SEO Simple V3 Responsive Blogger Template<div style="text-align: left;">
<b>
Free Download SEO Simple V3</b> - Simple and Fast Loading Blogger Templates. Template Super 100 % SEO Friendly, User Friendly, & Mobile Friendy. Tiga kolom, Adsense Ready.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJVecYM5AQbLcTej6eaejgQew1vzUY27NdlLA7my-GQCPqJYd8fe3WFiuPPCzxXmm7h8rttwwWns-97_uRc5G3c9OM4oXcBEwiEOyZBJlsDHkQIzByH6PTMZkkldJbB2PhNGdtkhavLCsX/s1600/Logo+4+Serangkai+new.jpeg" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Super 100 % SEO" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJVecYM5AQbLcTej6eaejgQew1vzUY27NdlLA7my-GQCPqJYd8fe3WFiuPPCzxXmm7h8rttwwWns-97_uRc5G3c9OM4oXcBEwiEOyZBJlsDHkQIzByH6PTMZkkldJbB2PhNGdtkhavLCsX/s400/Logo+4+Serangkai+new.jpeg" title="Template Super 100 % SEO" width="400" /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<a href="http://juraganteknologi.blogspot.co.id/" rel="nofollow" target="_blank">DEMO</a> | <a href="http://www.mediafire.com/download/f8zn88a6yf6h1it/SeoSimple+v3+27-2-2015.rar" rel="nofollow" target="_blank">DOWNLOAD</a></div>
<div style="text-align: center;">
</div>
<div style="text-align: left;">
<b>Fitur SEOSimple Responsive Blogger Template V3 </b></div>
<div style="text-align: left;">
Responsive<br />Valid HTML5<br />Valid CSS3<br />SEO Optimized<br />Fast Loading<br />Auto Readmore<br />Breadcrumbs<br />Related Posts<br />Threaded Comments<br />Social Share Button<br />Page Navigation<br />Custom Pupular Posts<br />Custim Label<br />Dropdown Menu<br />And More...</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
SEO Simple V3 Responsive Blogger Template cocok untuk blog pribadi dan publisher Google Adsense. (http://baticblog.blogspot.com).*</div>
BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-63291529449205874752015-09-05T09:56:00.003+07:002015-09-25T19:44:54.952+07:00Cara Membuat Navigasi Menu Blog Responsive, Dropdow, plus Media Sosial<b>TAMPILAN</b> Navigasi Top Menu Blog Responsive di atas Header, plus Dropdown Menu, dan plus ikon Media Sosial ini sebagai berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqj1t2j_rW1crvMzY4eh345EXXdu1txpT7JDqkPVnQmy4hIPS3CxkzHb_1pgRoZxUFtVuIzLFnkIkg6P4qem-0Os9M7IONo0RWVgU4tcSpcPWalVvWNVCXvKRGYcUm5Y5fdCaxXDMSgYuK/s1600/Blogger-Responsive-Navigation-Drop-Down-Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Top Menu Blog Responsive di atas Header" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqj1t2j_rW1crvMzY4eh345EXXdu1txpT7JDqkPVnQmy4hIPS3CxkzHb_1pgRoZxUFtVuIzLFnkIkg6P4qem-0Os9M7IONo0RWVgU4tcSpcPWalVvWNVCXvKRGYcUm5Y5fdCaxXDMSgYuK/s400/Blogger-Responsive-Navigation-Drop-Down-Menu.png" title="Top Menu Blog Responsive di atas Header" width="386" /></a></div>
<br />
<div style="text-align: center;">
<a href="http://ismoothic.blogspot.co.id/" rel="nofollow" target="_blank"><b>Live Demo </b></a></div>
<br />
Gambar pertama tampilan desktop. Gambar kedua tampilan di Mobile/HP. Cara membuatnya cukup mudah, hanya dengan memasukkan dua kode CSS/HTML ke dalam template blog.<br />
<h3>
Cara Membuat Navigasi Menu Blog Responsive, Dropdow, plus Media Sosial</h3>
<br />
1. Template > Edit HTML<br />
2. Temukan (Ctrl+F) kode <b></head></b><br />
3. Copy & Paste kode berikut ini di atas kode <b></head></b><br />
<br />
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<style>
/* CSS Menu Top */
#menutop{width:100%;margin:0 auto;height:45px;background:#fff;border:1px
solid #e9e9e9;}
#menutop ul,#menutop li{margin:0;padding:0;list-style:none;}
#menutop ul{height:45px}
#menutop
li{float:left;display:inline;position:relative;font-family:&#39;Open
Sans&#39;;font-size:12px;
font-weight:bold;}
#menutop a{display:block;line-height:45px;padding:0
14px;text-decoration:none;color:#919392;}
#menutop ul li:hover a{color:#666;}
#menutop input{display:none;margin:0 0;padding:0
0;width:100%;height:45px;opacity:0;cursor:pointer}
#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;}
#menutop
label span{font-size:13px;position:absolute;left:35px}
#menutop ul li
ul{height:auto;overflow:hidden;position:absolute;z-index:99;color:#919392}
#menutop
ul li ul li
a{color:#919392;height:45px;line-height:45px;background:#fff;width:100%;}
#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;}
#menutop li:hover &gt;
ul.menux{visibility:visible;opacity:1;top:45px;}
#menutop a.dutt{padding:0 27px 0 14px}
#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;}
#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;}
#menutop
ul.menux li a{background:#fff;color:#919392;}
#menutop ul li ul li a:hover{background:#fcfcfc;color:#8493a0;}
#menutop li.facebook {padding:0 5px;}
#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;}
#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;}
#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;}
#menutop li.facebook:hover,#menutop li.twitter:hover,#menutop
li.youtube:hover,
#menutop li.googleplus:hover,#menutop
li.linkedin:hover{background:#fcfcfc;color:#8493a0;}
#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;}
@media screen and (max-width:960px) {
#menutop li:hover &gt; ul.menux{display:block;}
#menutop ul{border:none;border-bottom:4px solid #e9e9e9;}
#menutop{position:relative;border:none;border-bottom:4px solid #e9e9e9;}
#menutop
ul{background:#fff;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;}
#menutop
ul.menux{width:100%;position:static;border:none}
#menutop li{display:block;float:none;width:auto;text-align:left}
#menutop li a{color:#666}
#menutop li a:hover{background:#f1f1f1;color:#f9f9f9}
#menutop li:hover{background:#8493a0;color:#fff;}
#menutop a.dutt{font-weight: bold;}
#menutop li:hover &gt; a.dutt,#menutop
a.dutt:hover{background:#b1b1b1;color:#fff;}
#menutop input,#menutop
label{display:inline-block;position:absolute;right:0;top:0;}
#menutop input:after,#menutop label:after
{content:&quot;\f0c9&quot;;font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#666;
display:inline-block;position:absolute;right:15px;top:25%;line-height:30px;}
#menutop
input{z-index:4;}
#menutop input:checked + label{color:#fff;font-weight:700}
#menutop input:checked ~ ul{display:block}
#menutop ul li ul li a{width:100%;color:#666;}
#menutop ul li ul li a:hover{background:#8493a0;color:#fff;}
#menutop ul.menux a{background:#fff;color:#666;}
#menutop ul.menux a:hover{background:#8493a0;color:#fff;}
#menutop ul.menux li{background:#fff;color:#666;}
#menutop ul.menux li:hover{background:#8493a0;color:#fff;}
#menutop ul.menux li a{background:#fff;color:#666;}
#menutop ul.menux li a:hover{background:#f1f1f1;color:#8493a0;}
</style><br />
<span style="color: red;"><script
src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/> </span><br />
<link
href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'
rel='stylesheet'/>
</div>
<br />
<i><br /></i>
<i>Catatan: kode <span style="color: red;">warna merah</span> dihapus saja, jika di template Anda sudah ada kode jQuery tersebut.</i><br />
<br />
2. Copy & Paste kode berikut ini di atas kode <b><div id='header></b><br />
<br />
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<nav id='menutop'><br />
<input type='checkbox'/><br />
<label/><br />
<ul><br />
<li><a href='/' title='Home'>Home</a></li><br />
<li><a class='dutt' href='#'>Drop-Down</a><br />
<ul class='menux'><br />
<li><a href='#'>Sub-item 1</a></li><br />
<li><a href='#'>Sub-item 2</a></li><br />
</ul><br />
</li><br />
<li><a class='dutt'
href='/p/get-in-touch.html'>Contact</a><br />
<ul class='menux'><br />
<li><a href='#'>e-mail Form</a></li><br />
<li><a href='#'>Twitter</a></li><br />
</ul><br />
</li><br />
<li><a href='/p/privacy-policy.html'>Privacy
Policy</a></li><br />
<li><a href='/p/sitemap.html'>Sitemap</a></li><br />
<li class='sorting-01 facebook'><br />
<a href='#'><i class='fa
fa-facebook fa-lg'/><span class='inv'/></a></li>
<li class='sorting-02 twitter'><br />
<a href='#'><i class='fa
fa-twitter fa-lg'/><span class='inv'/></a></li>
<li class='sorting-03 googleplus'><br />
<a href='#'><i
class='fa fa-google-plus fa-lg'/><span
class='inv'/></a></li>
<li class='sorting-06 linkedin'><br />
<a href='#'><i class='fa
fa-linkedin fa-lg'/><span class='inv'/></a></li>
<li class='sorting-04 youtube'><br />
<a href='#'><i class='fa
fa-youtube fa-lg'/><span class='inv'/></a></li><br />
</ul><br />
</nav>
</div>
<br />
<br />
3. Save template!<br />
<br />
Kini Anda tinggal membuat menu atau halaman statis yang akan ditampilkan di top menu navigasi responsive di atas header blog plus dropdown dan akun media sosial ini, juga mengganti link akun media sosial dengan akun medsos Anda. (http://baticblog.blogspot.com).*<br />
<br />
<a href="http://www.ismoothblog.com/2014/11/blogger-responsive-navigation-drop-down-menu.html" rel="nofollow" target="_blank"><i>Sumber</i></a> BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-35918775910095999632015-09-04T21:28:00.002+07:002015-09-04T21:29:31.668+07:00Cara Mengatasi Semua Error Missing Required Structured Data Blog di Testing Tool<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_oT1Us-AQPNI-BnSWF4mmbvxMRcpMOkfE99GZ9uJhaz86RCZQ-rF2InXIC2hEht-Q5ri149JdRcW2uZzJMb8AeJhXd7hAnR3RcjHgk47LSVHqXmExcVae3pbYAE6hyOfJTUEjyrHcJAbr/s1600/google+webmaster+seo+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Error Missing Required Structured Data" border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_oT1Us-AQPNI-BnSWF4mmbvxMRcpMOkfE99GZ9uJhaz86RCZQ-rF2InXIC2hEht-Q5ri149JdRcW2uZzJMb8AeJhXd7hAnR3RcjHgk47LSVHqXmExcVae3pbYAE6hyOfJTUEjyrHcJAbr/s200/google+webmaster+seo+blog.jpg" title="Error Missing Required Structured Data" width="200" /></a></div>
<b>Cara Mengatasi Semua Error Structured Data "Missing Image, Updated, Author, blogId, postId" di Testing Tools Google.</b><br />
<br />
<b>CEK</b> blog Anda di <a href="https://developers.google.com/structured-data/testing-tool/" rel="nofollow" target="_blank">Structured Data Testing Tool</a>. Apakah "Tidak ada masalah" alias "All good" ataukah ada "rapor merah" berupa missing error? Mulai dari image, headline, hingga author missing and required?<br />
<br />
Biasanya, error atau kesalahan yang ditemukan adalah sebagai berikut:<br />
<br />
<b><b>Errors:</b>
</b><br />
<ul>
<li>The property <b>image_url</b> is not recognised -- image: missing and requird</li>
<li>Missing Required Field <b>Updated</b> </li>
<li>The property <b>postId</b> is not recognized </li>
<li>The property <b>blogId</b> is not recognized </li>
<li>A value for the <b>headline</b> field is required.</li>
<li>Missing required hCard "<b>author</b>".</li>
</ul>
<h3 style="text-align: left;">
Mengatasi Error Image: 'image_url'</h3>
1. Template >> Edit HTML<br />
2. Cari (Tekan Ctrl + F) kode berikut ini:<br />
<br />
<span style="color: #990000;"><meta expr:content='data:post.firstImageUrl' itemprop='image_url'/></span><br />
<br />
Ganti kode '<b>image_url</b>' dengan '<b>image</b>' alias hapus <b>_url</b> menjadi:<br />
<br />
<span style="color: #990000;"> <meta expr:content='data:post.firstImageUrl' itemprop='image'/></span><br />
<br />
3. Save template!<br />
<br />
Error Missing pertama suda kita atasi.<br />
<br />
<h3 style="text-align: left;">
Mengatasi Missing Required Field "Updated" Error</h3>
GANTI kode<br />
<br />
<span style="color: #990000;"><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a></span><br />
<br />
dengan kode:<br />
<br />
<span style="color: #990000;"><abbr class='published' expr:content='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.timestamp/></span></abbr></a></span><br />
<br />
<h3>
Mengatasi The Property postId & blogId is not recognized </h3>
<span style="color: #990000;"><span style="color: black;">Hapus dua kode ini:</span><br /> </span><br />
<span style="color: #990000;"><meta expr:content='data:blog.blogId' itemprop='blogId'/> <br /><meta expr:content='data:post.id' itemprop='postId'/> </span><br />
Sebenarnya kedua kode tersebut bukan error, hanya saja Google tidak mengenalinya. Menghapus dua kode tersebut tidak akan bermasalah.<br />
<h3 style="text-align: left;">
Mengatasi "headline" field is required</h3>
GANTI kode<br />
<br />
<span style="color: #990000;"><h1 class='post-title entry-title' itemprop='name'></span> <span style="color: #990000;"> </span><br />
<span style="color: #990000;"><h2 class='post-title entry-title' itemprop='name'></span><br />
<span style="color: #990000;"><h3 class='post-title entry-title' itemprop='name'></span><br />
<span style="color: #990000;"><br /></span>
dengan kode ini:<br />
<br />
<span style="color: #990000;"><h1 class='post-title entry-title' itemprop='headline'><span style="color: #990000;"> </span></span><br />
<span style="color: #990000;"><span style="color: #990000;"><h1 class='post-title entry-title' itemprop='headline'></span></span><br />
<span style="color: #990000;"><h1 class='post-title entry-title' itemprop='headline'><br /> </span><br />
Intinya sih, hanya ganti <b>'name'</b> menjadi <b>'headline'</b> sebagaimana dibutuhkan Google. <br />
<h3>
Fix Missing Required Field hCard"author" </h3>
Tambahkan kode berikut ini di bawah kode <code> </code><br />
<br />
<b><data:post.body/> </b><br />
<br />
<span style="color: #990000;"><!-- hCard"author" Start -->
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<!-- hCard"author" End --></span><br />
<br />
Jika semua langkah dilakukan dengan benar, maka semua Error Missing Required Structured Data Blog di Testing Tool sudah teratasi. Blog Anda akan "All good" alias "Tidak ada masalah". (http://baticblog.blogspot.co.id/).*<br />
<br />
<a href="http://www.technohalf.com/2015/08/how-to-fix-all-structured-data-errors.html" rel="nofollow" target="_blank"><i>Sumber</i></a> <b> </b>BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com6tag:blogger.com,1999:blog-2620175600533463943.post-54742757349410972002015-08-31T20:02:00.000+07:002015-08-31T20:02:26.809+07:00Cara Memasang Kotak Berlangganan (Subscription Box) di Bawah Posting Blog<div class="separator" style="clear: both; text-align: center;">
</div>
<b>Cara Memasang Kotak Berlangganan (Subscription Box) di Bawah Tiap Posting/Artikel Blog.</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdWpAeIlv7SUdfvwhzmZHtApkmxPu1n82ct_fG6k7dIZPTQRYg-jz_p1rJ_zyCmZvSDtRhSN2Bm7OYO8hYke3sjunhsz2qmrv9CL3z5cTjTbSLTHQ-DUCLysIosQUMFuzUBcrceff2fk2W/s1600/subscription-box+for+blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kotak Berlangganan (Subscription Box) di Bawah Posting Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdWpAeIlv7SUdfvwhzmZHtApkmxPu1n82ct_fG6k7dIZPTQRYg-jz_p1rJ_zyCmZvSDtRhSN2Bm7OYO8hYke3sjunhsz2qmrv9CL3z5cTjTbSLTHQ-DUCLysIosQUMFuzUBcrceff2fk2W/s1600/subscription-box+for+blogger.jpg" title="Kotak Berlangganan (Subscription Box) di Bawah Posting Blog" /></a></b></div>
<br />
<br />
<b>THIS</b> is A Simple Subscription Box Below Blogger Posts. Kotak berlangganan simple yang dipasang/muncul di bawah tiap postingan ini memudahkan pengunjung (pembaca) berlangganan tulisan blog kia secara gratis via email.<br />
<br />
Setiap update, link dan/atau postingan akan terkirim ke inbox email sehingga subscriber tidak akan ketinggalan posting terbaru yang ada di blog kita.<br />
<br />
Untuk memasang Kotak Berlangganan Simple ini, kita harus buat akunnya dulu di <a href="http://feedburner.google.com/" rel="nofollow" target="_blank">Feedburner Google</a>. Nanti kita akan mendapatkan ID Feedburner seperti tulisan warna merah di kode kotak berlangganan di bawah.<br />
<h3>
Cara Pasang Kotak Berlangganan di Bawah Posting Blog</h3>
<b>Tahap 1 </b><br />
1. Daftarkan dulu blog kita ke <a href="http://feedburner.google.com/" rel="nofollow" target="_blank">Feedburner Google</a>.<br />
2. Aktifkan "Email Subscription" dan dapatkan ID Feedburner<br />
<b><br /></b>
<b>Tahap 2</b><br />
1. Klik "Template" > "Edit HTML"<br />
2. Temukan kode <data:post.body/><br />
3. Copy & Paste kode berikut ini di bawah kode <data:post.body/> tadi:<br />
<br />
<b></b>
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<form action='http://feedburner.google.com/fb/a/mailverify'
method='post'
onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">baticblog</span>&apos;,
&apos;popupwindow&apos;,
&apos;scrollbars=yes,width=550,height=520&apos;);return true'
style='border:1px solid
#DDD;padding:10px;text-align:center;background:#F1F1F1;'
target='popupwindow'><span style='margin:0 auto;
padding-left:24px; position:relative;background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimsKlmITj8iMXatEfUvAaQFpc-5cc5xdb9xnOufbC7UpSKDSGkDf_4-lr0_mZp9SOnaD3Mmak4FOfAiyJJJO-DvIQ0jLKh48GS8-7yDjliyFKhz5aBrEEeO6PmE0CtZPlnum18PO-ULww/s1600/myrss.gif)
right center no-repeat;'/> <b>Get Free Updates:</b>
<input name='email' onblur='if (this.value == &quot;&quot;)
{this.value = &quot;Enter your email&quot;;}' onfocus='if
(this.value == &quot;Enter your email&quot;) {this.value =
&quot;&quot;}' style='width:176px;height:18px; background:
#ffffa0
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid_19wxcOSw7pglITbHX7RSpTIEuvWynoR8MC2_INrKA5bSPXvCf11tH1gTbm8yJ6wwSN_937y6yNU29qR2SlLXxH8880LUy2MOase6Am1qccDObt9VjQfhTEM2mxDL77pOkwdlTgJYLuy/s1600/new-email.png)
left no-repeat;padding: 1px 0px 1px 24px;border: 1px solid #8cafe3;'
type='text' value='Enter your email'/><input name='uri'
type='hidden' value=<span style="color: red;">baticblog</span>'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/><br />
<center><i>* Please click on the confirmation link sent in your Spam folder of Email *</i></center><br />
</form><br />
</div>
<br />
<br />
4. Ganti ID Feedburner warna merah!<br />
5. Save Template!<br />
<br />
Cek salah satu posting dan lihat akan ada Kotak Berlangganan (Subscription Box) di Bawah Posting Blog Anda.<br />
<br />
Kotak Berlangganan ini berfungsi untuk meningkatkan <a href="http://baticblog.blogspot.com/search/label/Tips%20SEO?&max-results=10" target="_blank">SEO Blog</a> sehingga banyak pengunjung dan meningkatkan kredibilitas di mesin pencari khususnya Google. (http://baticblog.blogspot.com).*<br />
<i><br /></i>
<i>Sumber:<a href="http://www.hacktutors.info/2011/02/add-stylish-subscription-box-below.html" rel="nofollow" target="_blank"> Hacktutors</a></i>BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-60549596324664953402015-08-31T17:47:00.004+07:002015-08-31T17:48:43.244+07:00Cara Membuat Sitemap Blogger Blogspot (2)<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU2LfkUJstbajlDtJs7sqaZ__PeLzk9pB0q6tchvxiUriYBwyLyThXgW5K7DvRu802BHRUJkXz4Gja3MvwsfkoEB0LXjykemj60DAieJPzbXF8lyhkjveRXYXJHOxTFLEcoC-IA__sN4_o/s1600/Daftar+Isi+Blog+Keren.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU2LfkUJstbajlDtJs7sqaZ__PeLzk9pB0q6tchvxiUriYBwyLyThXgW5K7DvRu802BHRUJkXz4Gja3MvwsfkoEB0LXjykemj60DAieJPzbXF8lyhkjveRXYXJHOxTFLEcoC-IA__sN4_o/s320/Daftar+Isi+Blog+Keren.JPG" width="320" /></a></div>
<b>Cara Membuat Halaman & Menu Daftar Isi (Sitemap/Table of Content) Blog di Blogger Blogspot. Type Kedua.</b><br />
<br />
<b>DI</b> posting sebelumnya, <a href="http://baticblog.blogspot.com/2015/08/cara-membuat-sitemap-blogger-blogspot.html" target="_blank">Cara Membuat Sitemap Blogger Blogspot</a>, desain daftar isi (table of content) blogger berwarna hitam-putih. Kali ini, dengan kode yang sama, BATIC Blog akan berbagi jenis tampilan sitemap blog lainnya yang lebih berwarna. (<a href="http://baticblog.blogspot.com/p/daftar-isi.html" target="_blank">Lihat Demo</a>).<br />
<br />
Cara membuat halaman sitemap atau <b>Daftar Isi Blog</b> ini sangat mudah <br />
<h3>
Cara Membuat Halaman Daftar Isi Blog Keren </h3>
1. Klik "Page" > New Page<br />
2. Isi judul dengan Daftar Isi atau Sitemap<br />
3. Klik mode "HTML" di kiri atas<br />
4. Copy & Paste kode berikut ini di kolom konten:<br />
<br />
<br />
<div style="background-color: #fafafc; border: 1px solid #ddd; padding: 10px; text-align: left;">
<link href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" media="screen" rel="stylesheet" type="text/css"></link><br />
<br />
<div id="tabbed-toc"><br />
<span class="loading">Loading...</span></div><br />
<a href="http://baticblog.blogspot.com/2015/08/cara-membuat-sitemap-blogger-blogspot.html" style="display: block; font: normal bold 8px Arial,Sans-Serif; margin: 10px; text-align: right; text-decoration: none;" title="Tabbed TOC">Other Sitemap Style</a><br />
<script type="text/javascript"><br />
var tabbedTOC = {<br />
blogUrl: "<span style="color: red;"><b>http://baticblog.blogspot.com</b></span>/", // Blog URL<br />
containerId: "tabbed-toc", // Container ID<br />
activeTab: 1, // The default active tab index (default: the first tab)<br />
showDates: false, // `true` to show the post date<br />
showSummaries: false, // `true` to show the posts summaries<br />
numChars: 200, // Number of summary chars<br />
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)<br />
thumbSize: 40, // Thumbnail size<br />
noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL<br />
monthNames: [ // Array of month names<br />
"January",<br />
"February",<br />
"March",<br />
"April",<br />
"May",<br />
"June",<br />
"July",<br />
"August",<br />
"September",<br />
"October",<br />
"November",<br />
"December"<br />
],<br />
newTabLink: true, // Open link in new window?<br />
maxResults: 99999, // Maximum post results<br />
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")<br />
sortAlphabetically: true, // `false` to sort posts by published date<br />
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked<br />
newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text<br />
};<br />
</script><br />
<script src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js" type="text/javascript"></script>
</div>
<br />
5. Ganti alamat blognya <b>(<span style="color: red;">warna merah</span></b>)<b> </b>dengan alamat blog Anda.<br />
6. Klik "Publish"<br />
<br />
Halaman sitemap atau daftar isi blog Anda sudah dibuat. Tinggal ditampilkan di Navigasi Menu seperti contoh di navigasi menu blog ini.<i> </i>(http://baticblog.blogspot.com).<i>*</i><br />
<br />
<i>Sumber: <span id="goog_916703846"></span><a href="http://www.dte.web.id/" rel="nofollow" target="_blank">DTE</a></i><a href="https://www.blogger.com/"> </a><span id="goog_916703847"></span>BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0tag:blogger.com,1999:blog-2620175600533463943.post-4211799417575679282015-08-29T10:00:00.001+07:002015-08-30T09:35:45.674+07:00Cara Membuat Internal Link Otomatis di Posting Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqpXoSeVV00BnVvhraplyp4x-9dkVLxgr4cveMy9HJFCt71ZnZsIdapLQL3_UfXhdVsDw82EN2kvLcjwQYx9hSlAlZpNr_PY0mcadOh5YHMaXEW2iiXyQMIq1BHxD14HFVcZzr7gYDe89I/s1600/link+blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Internal Link Otomatis di Posting Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqpXoSeVV00BnVvhraplyp4x-9dkVLxgr4cveMy9HJFCt71ZnZsIdapLQL3_UfXhdVsDw82EN2kvLcjwQYx9hSlAlZpNr_PY0mcadOh5YHMaXEW2iiXyQMIq1BHxD14HFVcZzr7gYDe89I/s200/link+blog.jpg" title="Cara Membuat Internal Link Otomatis di Posting Blog" width="200" /></a></div>
<b>Cara Membuat Internal Link (tautan internal) Otomatis di bawah tiap Posting Blog</b><br />
<b><br /></b><br />
<b>INTERNAL</b> Link (link internal, tautan kedalam) adalah link yang berada pada halaman <a href="http://baticblog.blogspot.com/" target="_blank">blog</a> yang menuju pada halaman atau postingan blog lainnya.<br />
<br />
<br />
Fungsi Link Internal yaitu sebagai navigasi menu sekaligus membuka peluang meningkatkan pageviews. <br />
<br />
Cara membuat internal link, juga external link (tautan keluar) sudah dibahas di posting: <a href="http://baticblog.blogspot.com/2015/08/cara-menambahkan-link-di-posting-blog.html" target="_blank">Cara Menambahkan Link di Posting Blog</a>.<br />
<br />
Berbeda dengan membuat link secara manual, tips desain posting blog berikut ini tentang cara membuat Internal Link otomatis yang muncul di bawah setiap postingan. Contohnya ada di bagian bawah tulisan ini, yaitu "Thanks for reading....".<br />
<h3>
<b>Cara Membuat Internal Link Otomatis di Posting Blog</b></h3>
1. Template > Edit HTML<br />
2. Cari kode <b><data:post.body/> </b>paling akhir!<br />
3. Masukan kode Internal Link Otomatis berikut ini di bawah kode <b><data:post.body/> </b>tadi:<br />
<br />
<span style="color: #990000;">Thanks for reading: <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a></span><br />
<br />
Jika tampilannya ingin seperti di blog ini, ukuran hurufnya lebih kecil dan ada simbol, maka gunakan kode berikut ini:<br />
<br />
<span style="color: #990000;"><small>&#187; Thanks for reading: <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a></small></span><br />
<br />
4. Save template!<br />
<br />
<b>Beres!</b><br />
<br />
Demikian Cara Membuat Internal Link Otomatis di Posting Blog yang "katanya" bagus buat SEO Blog.*<br />
<br />BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com3tag:blogger.com,1999:blog-2620175600533463943.post-16113134347920245672015-08-28T12:38:00.002+07:002015-08-30T10:14:02.168+07:00Menghilangkan Judul & Gambar Thumbnail di Halaman Statis Blogger<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinK9tJmsrCzD8m4NghUSd1fwPBVack_HGYAh_Q72gvaLoD5hK0wkwrqKpT_-8lc54G6zOhei7E0IMTPMxgwAUZ5m-2D9y60ABWtKjAegQDD2QpU13mPCkduhvCL7Dzy8M14oeJB4cpOsY8/s1600/desain+blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="desain blog - judul halaman" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinK9tJmsrCzD8m4NghUSd1fwPBVack_HGYAh_Q72gvaLoD5hK0wkwrqKpT_-8lc54G6zOhei7E0IMTPMxgwAUZ5m-2D9y60ABWtKjAegQDD2QpU13mPCkduhvCL7Dzy8M14oeJB4cpOsY8/s1600/desain+blog.JPG" title="desain blog - judul halaman" /></a></div>
<b>Cara Menghapus atau Menghilangkan Judul & Thumbnail Image di Halaman Statis Blog Blogspot.</b><br />
<br />
<b>JUDUL </b>halaman statis (static page) <a href="http://www.blogger.com/" rel="nofollow" target="_blank">blogger</a> biasanya memunculkan judul halaman (page title) layaknya judul tulisan. Kadang ada pula desain template blog yang memunculkan gambar (thumbnail image) di halaman statis.<br />
<br />
Jika ingin menghapus atau menghilangkannya, pasang atau masukkan kode-kode tertentu untuk menyembunyikannya sehingga halaman statis blog Anda terlihat lebih rapi dan bersih.<br />
<h3>
<b>CARA MENGHAPUS JUDUL HALAMAN STATIS</b> </h3>
<br />
1. Template > Edit HTML<br />
2. Temukan (CTRL+F) kode <b></b:skin></b><br />
3. Copas kode berikut ini di bawah kode <b></b:skin></b> tadi<br />
<br />
<span style="color: #cc0000;"><b:if cond='data:blog.pageType == "static_page"'></span><br />
<span style="color: #cc0000;"><style></span><br />
<span style="color: #cc0000;">.post-title.entry-title{
display: none;
}</span><br />
<span style="color: #cc0000;"></style></span><br />
<span style="color: #cc0000;"></b:if></span><br />
<br />
4. Save Template!<br />
<h3>
<b>CARA MENGHAPUS GAMBAR THUMBNAIL DI HALAMAN STATIS</b> </h3>
<br />
1. Template > Edit HTML<br />
2. Temukan (CTRL+F) kode <b></b:skin></b><br />
3. Copas kode berikut ini di bawah kode <b></b:skin></b> tadi<br />
<br />
<span style="color: #990000;"><b:if cond='data:blog.pageType == "static_page"'></span><br />
<span style="color: #990000;"><style></span><br />
<span style="color: #990000;">.post-thumbnail, .thumbnail-post, img-thumb {display: none;
}</style></span><br />
<span style="color: #990000;"></b:if></span><br />
<br />
4. <b>Save Template</b>!<br />
<h3>
HILANGKAN JUDUL & GAMBAR</h3>
Untuk menghilangkan judul dan gambar thumbnail sekaligus, gabungkan saja kodenya, menjadi:<br />
<br />
<span style="color: #cc0000;"><b:if cond='data:blog.pageType == "static_page"'></span><br />
<span style="color: #cc0000;"><style></span><br />
<span style="color: #cc0000;">.post-title.entry-title{
display: none;}</span><br />
<span style="color: #cc0000;">.post-thumbnail, .thumbnail-post, img-thumb, image-thumb {display: none;
} </span><br />
<span style="color: #cc0000;"></style></span><br />
<span style="color: #cc0000;"></b:if></span><br />
<br />
Demikian cara mudah menyembunyikan atau menghilangkan judul & gambar thumbnail di halaman statis blog. (http://baticblog.blogspot.com).*BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com3tag:blogger.com,1999:blog-2620175600533463943.post-83386918368127838172015-08-27T12:46:00.001+07:002015-08-27T12:46:24.339+07:00Times Day - Template Responsive Keren untuk Blog Majalah & Berita<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz5Dh-EbvjxrTACEh3FnDjYP-kF5JLBb4IQ2KKgYxR5J26aD7NfZhkHwEOQN-E90RIEEt3wb4iHD7rXEJ17GYXH87KZQN-gCpzprBvUzGOg0M2lMC_7nGt_b7beB8fpd2TT9pZ2pT54F-B/s1600/Times+Day+Blogger+Template.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="times day responsive blogger template magazine" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz5Dh-EbvjxrTACEh3FnDjYP-kF5JLBb4IQ2KKgYxR5J26aD7NfZhkHwEOQN-E90RIEEt3wb4iHD7rXEJ17GYXH87KZQN-gCpzprBvUzGOg0M2lMC_7nGt_b7beB8fpd2TT9pZ2pT54F-B/s320/Times+Day+Blogger+Template.png" title="times day responsive blogger template magazine" width="320" /></a></div>
<b>JIKA</b> Anda akan membuat blog berita atau majalah, tentu cocoknya menggunakan template SEO Responsive keren yang memang didesain untuk blog majalah & berita.<br />
<br />
Salah satu alternatifnya adalah <b>Times Day</b>, Template SEO Friendly dan Responsive untuk Blog Majalah & Berita.<br />
<br />
<i>Times Day is a Simply light and decent color combination are used in TimesDay. Every aspect of the theme is designed to work best to make this theme user friendly. </i><br />
<br />
Tampilannya responsive alias mobile friendly, dilengkapi dua navigasi menu (main menu dan top menu) responsive, recent posts per categori (label) di homepage, dropdown menu, dilengkapi social share button, dan sudah ada related post with thumbnail image.<br />
<br />
Di bagian footer ada widget hingga enam kolom, seperti umumnya situs berita.<br />
<br />
<div style="text-align: center;">
<b>Times Day - Template Responsive Keren untuk Blog Majalah & Berita</b></div>
<div id="stcpDiv" style="left: -1988px; position: absolute; top: -1999px;">
<b>Times
Day is a Simply light and decent color combination are used in
TimesDay. Every aspect of the theme is designed to work best to make
this theme user friendly. - See more at:
http://www.mybloggerthemes.com/2014/12/times-day.html#sthash.xRUADqCE.dpuf</b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4c9JmqG7KpwAu43g8TXyJD1ZJfBYWjR18xPnQixH8kWT-vZ0b_8FRjqIRqxM-Z8o0Xv_SJuI1obsXEpWmQDwzdjx5YfNN-di7RbPxrel8X1TB2OR2X4JI1anHWaFY2Pdrv2M0LyJm800v/s1600/Times+Day+Blogger+Template+full.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="times day responsive blogger template magazine" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4c9JmqG7KpwAu43g8TXyJD1ZJfBYWjR18xPnQixH8kWT-vZ0b_8FRjqIRqxM-Z8o0Xv_SJuI1obsXEpWmQDwzdjx5YfNN-di7RbPxrel8X1TB2OR2X4JI1anHWaFY2Pdrv2M0LyJm800v/s1600/Times+Day+Blogger+Template+full.png" title="times day responsive blogger template magazine" /></a></div>
<br />
<div style="text-align: center;">
Link Demo & Download <b>Gratis</b></div>
<div style="text-align: center;">
<b>Times Day - Template Responsive Keren untuk Blog Majalah & Berita</b></div>
<div style="text-align: center;">
<b> </b> </div>
<div style="text-align: center;">
<a href="http://demo.mybloggerthemes.com/2014/12/times-day-blogger-templates.html" rel="nofollow" target="_blank"><b>DEMO</b></a> | <a href="http://download.mybloggerthemes.com/2014/12/times-day-blogger-templates.html" rel="nofollow" target="_blank"><b>DOWNLOAD</b></a></div>
<br />BATIC Mediahttp://www.blogger.com/profile/10681474632260337911noreply@blogger.com0