Jurnalistik Theme

Showing posts with label Desain Blog. Show all posts

Home > Posts filed under Desain Blog

Thursday, March 23, 2017TThursday, March 23, 2017

Cara Memunculkan Nomor Navigasi Halaman di Jurnalistik Theme

<p><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63F_dZLsaX1qdXPX5KOHwu3kxIPsb_x-K_lMEJLxCdUBvi32Xl5YEnAtZ6X0CExZPKDh5WLB0BOVvDKA08IGUyNCA3-SU86wMbDXUaZFwi0rgYoOCul2oUfMnLvVIlIXuFBLVoXNGo44/s1600/blog-manfaat.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Memunculkan Nomor Navigasi Halaman di Jurnalistik Theme" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63F_dZLsaX1qdXPX5KOHwu3kxIPsb_x-K_lMEJLxCdUBvi32Xl5YEnAtZ6X0CExZPKDh5WLB0BOVvDKA08IGUyNCA3-SU86wMbDXUaZFwi0rgYoOCul2oUfMnLvVIlIXuFBLVoXNGo44/s200/blog-manfaat.jpg" title="Cara Memunculkan Nomor Navigasi Halaman di Jurnalistik Theme" width="200" /></a></div>
<b>Cara Memunculkan Nomor Navigasi Halaman di Jurnalistik Theme</b><br />
<br />
<b>ANGKA </b>atau nomor di navigasi halaman tema atau template Jurnalistik Theme tidak muncul karena kodenya disimpan di Google Code yang sudah ditutup Google.<br />
<br />
<b> </b><br />
Cara Memunculkan Nomor Navigasi Halaman di Jurnalistik Theme yaitu dengan mengganti kode berupa link ke Google Code.<br />
<br />
<b>Cara Memunculkan Nomor Navigasi Halaman di Jurnalistik Theme</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyNVcavN-0GGUZsNf7-WKObpep9PIUjQWPBHMxTOcRVTnw91WZv_tWFHn-wOUa8ocZDRPyPvilkYqqsAUfDwIXoKxVIgpLSXGskyHW1UbMnBrxZnITRns5pjmFvHzUEvY89IfRdlA_4VY/s1600/navigasi-halaman-nomor-jt.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memunculkan Nomor Navigasi Halaman di Jurnalistik Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyNVcavN-0GGUZsNf7-WKObpep9PIUjQWPBHMxTOcRVTnw91WZv_tWFHn-wOUa8ocZDRPyPvilkYqqsAUfDwIXoKxVIgpLSXGskyHW1UbMnBrxZnITRns5pjmFvHzUEvY89IfRdlA_4VY/s1600/navigasi-halaman-nomor-jt.JPG" title="Cara Memunculkan Nomor Navigasi Halaman di Jurnalistik Theme" /></a></div>
<br />
<br />
1. Klik Theme > Edit HTML<br />
2. Cari dan ganti kode berikut ini (ada di bagian bawah)<br />
<br />
<blockquote class="tr_bq">
<script src='http://helplogger.googlecode.com/svn/trunk/page-navigation2.js'/></blockquote>
<br />
3. Hapus kode di atas dan ganti dengan kode ini:<br />
<br />
<blockquote class="tr_bq">
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<script type='text/javascript'><br />
  /*<![CDATA[*/<br />
    var perPage=3;<br />
    var numPages=3;<br />
    var firstText ='First';<br />
    var lastText ='Last';<br />
    var prevText ='« Previous';<br />
    var nextText ='Next »';<br />
    var urlactivepage=location.href;<br />
    var home_page="/";<br />
<br />
if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages / 2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}<br />
pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo / perPage)+1;if(lastPageNo-1==pageInfo / perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}<br />
if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}<br />
if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}<br />
if(pageStart>2){html+=' ... '}<br />
for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}<br />
if(pageEnd<lastPageNo-1){html+='...'}<br />
if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}<br />
var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}<br />
if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}<br />
var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}<br />
if(pageArea&&pageArea.length>0){html=''}<br />
if(blogPager){blogPager.innerHTML=html}}<br />
function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}<br />
function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}<br />
if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}<br />
document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}<br />
if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}<br />
document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}<br />
function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}<br />
function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}<br />
function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}<br />
location.href=pAddress}<br />
<br />
  /*]]>*/<br />
</script><br />
</b:if><br />
</b:if></blockquote>
<br />
4. Untuk menyembunyikan link Older Post - Newer Post di halaman dalam:<br />
<br />
Cari dan ganti kode berikut ini:<br />
<br />
<blockquote class="tr_bq">
<b:includable id='nextprev'><br />
 <div class='blog-pager' id='blog-pager'><br />
    <b:if cond='data:newerPageUrl'><br />
      <span id='blog-pager-newer-link'><br />
     
 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' 
expr:id='data:widget.instanceId + 
&quot;_blog-pager-newer-link&quot;' 
expr:title='data:newerPageTitle'><data:newerPageTitle/></a><br />
      </span><br />
    </b:if><br />
<br />
    <b:if cond='data:olderPageUrl'><br />
      <span id='blog-pager-older-link'><br />
     
 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' 
expr:id='data:widget.instanceId + 
&quot;_blog-pager-older-link&quot;' 
expr:title='data:olderPageTitle'><data:olderPageTitle/></a><br />
      </span><br />
    </b:if><br />
<br />
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />
<br />
    <b:if cond='data:mobileLinkUrl'><br />
      <div class='blog-mobile-link'><br />
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a><br />
      </div><br />
    </b:if><br />
  </div><br />
  <div class='clear'/><br />
</b:includable></blockquote>
<br />
<b>dengan</b><br />
<br />
<blockquote class="tr_bq">
    <b:includable id='nextprev'><br />
<span style="color: red;"><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span>  <div class='blog-pager' id='blog-pager'><br />
    <b:if cond='data:newerPageUrl'><br />
      <span id='blog-pager-newer-link'><br />
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a><br />
      </span><br />
    </b:if><br />
<br />
    <b:if cond='data:olderPageUrl'><br />
      <span id='blog-pager-older-link'><br />
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a><br />
      </span><br />
    </b:if><br />
<br />
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />
<br />
    <b:if cond='data:mobileLinkUrl'><br />
      <div class='blog-mobile-link'><br />
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a><br />
      </div><br />
    </b:if><br />
  </div><br />
<span style="color: red;"></b:if><br /></b:if></span>  <div class='clear'/><br />
</b:includable> </blockquote>
<b>Catatan:</b><br />
<i>Tidak diganti juga tidak apa-apa, asalkan tambahkan kode tag kondisional, yaitu <span style="color: red;">kode warna merah</span>, di posisi seperti di atas.</i><br />
<br />
<b>5 Save!</b><br />
<br />
Demikian Cara Memunculkan Nomor Navigasi Halaman di Jurnalistik Theme.*<br />
<br /></p>

Cara Memunculkan Nomor Navigasi Halaman di Jurnalistik Theme ANGKA atau nomor di navigasi halaman tema atau template Jurnalistik Theme t...

Friday, July 1, 2016TFriday, July 01, 2016

Cara Membuat Kotak Pencarian di Sidebar Blog

<p><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpNX6CqghAH52cLQ__RQzV0X88IVfdOx6eqNaw5dYt7Pj_U50xrBMoZt7gY3QM5i_nVXJToSf2WUc3mv1tc2ZRCU5atJ_JQhNGp5mRP2Zn3vSWS7xFFNtn-YRJlS8y2bZ9fZ3tFmacJo/s1600/blog-bisnis-toko-online.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Kotak Pencarian di Sidebar Blog" border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpNX6CqghAH52cLQ__RQzV0X88IVfdOx6eqNaw5dYt7Pj_U50xrBMoZt7gY3QM5i_nVXJToSf2WUc3mv1tc2ZRCU5atJ_JQhNGp5mRP2Zn3vSWS7xFFNtn-YRJlS8y2bZ9fZ3tFmacJo/s200/blog-bisnis-toko-online.JPG" title="Cara Membuat Kotak Pencarian di Sidebar Blog" width="200" /></a></div>
<b>ADA</b> yang terlewat di <a href="https://jurnalistiktheme.blogspot.co.id/2015/02/panduan-install-setting-jurnalistik-template.html" target="_blank">Panduan Setting Jurnalistik Theme</a>, yaitu Cara Membuat Kotak Pencarian di Sidebar Blog.<br />
<br />
Search Box merupakan elemen penting yang wajib dipasang di blog, agar blog kita User Friendly.<br />
<br />
Kotak Pencarian ini memudahkan pengunjung mencari artikel atau info yang mereka butuhkan.<br />
<br />
Langsung saja, ini dia <b>Cara Membuat Kotak Pencarian di Sidebar Blog</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjki-uxxwXTl0zsmKjMD8ewlnarT67LvItdK5neEIWEuuWvvIHwXxX4mUMqXT7WPU-OF65_F5OAiwGLBOldOB6PSUXI3qYjAILILubFnq6iDYc02iubtfuZ9UpJC5ZXa4CSc6mVVxzgz8E/s1600/kotak+pencarian+blogger.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kotak Pencarian" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjki-uxxwXTl0zsmKjMD8ewlnarT67LvItdK5neEIWEuuWvvIHwXxX4mUMqXT7WPU-OF65_F5OAiwGLBOldOB6PSUXI3qYjAILILubFnq6iDYc02iubtfuZ9UpJC5ZXa4CSc6mVVxzgz8E/s1600/kotak+pencarian+blogger.JPG" title="Kotak Pencarian" /></a></div>
<br />
1. Layout > Add a Gadget ATAU Edit HTML/Javascript (kalo gak salah sudah ada tuh)<br />
2. Judul kosongkan<br />
3. Copas Kode Kotak Pencarian berikut ini di kolom Content:<br />
<br />
<span style="color: #990000;"><br /><style><br />#search-box {position: relative;width: 300px;margin:-10px 0 0 0;}<br />#search-text {<br />    font-size: 13px;<br />    border-width: 0px;<br />    background: transparent none repeat scroll 0% 0%;<br />    color: rgb(0, 0, 0);<br />    padding: 7px;<br />}<br />#search-form {<br />    height: 29px;<br />    background-color: #FAFAFC;<br />    overflow: hidden;<br />    border: 1px solid rgb(221, 221, 221);<br />}<br />#search-box input[type=&quot;text&quot;]<br />{width: 100%;padding: 8px 0 1px 10px;color: #333;outline: none;}<br />#search-button {position: absolute;top: 0;right: 0;height: 30px;width: 80px;font-size: 13px;color: #fff;text-align: center;line-height: 30px;border-width: 0;background-color: #4d90fe;cursor: pointer;}<br /></style><br /><div id='search-box'><br /><form action='/search' id='search-form' method='get' target='_top'><br /><input id='search-text' name='q' placeholder='Search here...' type='text'/><br /><button id='search-button' type='submit'><span>Search</span></button><br /></form><br /> </div>  <br /></span><br />
<br />
4. Save!<br />
<br />
Kini Kotak Pencarian sudah ada di Sidebar Blog Anda. Anda juga bisa menggunakan <a href="http://blogromeltea.blogspot.co.id/2015/10/cara-memasang-kotak-pencarian-keren-di.html" target="_blank">kode kotak pencarian lain</a>. (http://jurnalistiktheme.blogspot.com).*<br />
<br /></p>

ADA yang terlewat di Panduan Setting Jurnalistik Theme , yaitu Cara Membuat Kotak Pencarian di Sidebar Blog. Search Box merupakan eleme...

Monday, January 26, 2015TMonday, January 26, 2015

Hapus Kode "Quickedit" di Blog Anda (Tips SEO)

<p><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj76xEy0cl2OYOHk46kABFoaSgIo4g7Ua23s-yTo0SkW2wDMJXyZLW3ZCdw8qaB2VIJJUMAbKB9MT1LfhbhpiePvNfg0CBJWOMaScDw2wClrb4qjsZpV28fnlofW61-1Y9Mux2FmofLOp4/s1600/blogger+wrench+and+pencil.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="kunci inggris dan pensil blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj76xEy0cl2OYOHk46kABFoaSgIo4g7Ua23s-yTo0SkW2wDMJXyZLW3ZCdw8qaB2VIJJUMAbKB9MT1LfhbhpiePvNfg0CBJWOMaScDw2wClrb4qjsZpV28fnlofW61-1Y9Mux2FmofLOp4/s1600/blogger+wrench+and+pencil.jpg" title="kunci inggris dan pensil blog" /></a></div>
<b>QUICK EDIT</b> (sunting cepat) adalah salah satu fasilitas blogger untuk memudahkan admin mengedit sebuah posting (tulisan) atau tampilan widget blog, berupa gambar ikon "kunci inggris dan pensil" (<i>wrench and pencil</i>). <br /><br />Setiap kali kita menambah widget (gadget) di sidebar, maka ikon quickedit itu otomatis akan muncul. Hampir semua template blog juga memasang icon quickedit ini, termasuk template bawaan blogger (<i>default blogger template</i>).<br /><br />Karena URL kedua gambar itu tidak menggunakan "alternatif text" (alt), maka blog kita jadi tidak SEO Friendly.<br /><br />Karenanya, <b>hapus saja kode ikon "Quickedit"</b> itu di template blog Anda. <br /><br /><b>Caranya:</b><br />1. Layout > Edit "Blog Posts" widget <br />2. Jangan centang (Uncheck) checkbox "Show Quick Editing".<br />
3. Save!<br />
<br />
Lanjutkan dengan: <br />
1. Template > Edit HTML<br />2. Cari (Ctrl+F) semua kode yang mengandung kata "quickedit" dan hapus!<br /><br />Kodenya seperti ini: <br /><b><b:include name='quickedit'/></b><br />3. Save Template!<br />4. Silakan lanjutkan aktivitas blogging Anda... :)</p>

QUICK EDIT (sunting cepat) adalah salah satu fasilitas blogger untuk memudahkan admin mengedit sebuah posting (tulisan) atau tampilan wid...

TMonday, January 26, 2015

Membuat Sidebar & Widget Blog Statis, Melayang, atau Fixed

<p><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYg416GizmcIVK_9VjuYBfMtXSw7hjlDujdlQkJamsMWa0TrmWyCPXvZBVt_yaMCFSsWNQsHg2UvjyU290hyphenhypheni2h7DR-ZzK1ErxwkyZq7ErrXqVs_keV5jAJmH4CLTo4QOO7m-HGFd18P0/s1600/Sticky+Sidebar+Widget.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Sidebar & Widget Blog Statis, Melayang, atau Fixed" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYg416GizmcIVK_9VjuYBfMtXSw7hjlDujdlQkJamsMWa0TrmWyCPXvZBVt_yaMCFSsWNQsHg2UvjyU290hyphenhypheni2h7DR-ZzK1ErxwkyZq7ErrXqVs_keV5jAJmH4CLTo4QOO7m-HGFd18P0/s1600/Sticky+Sidebar+Widget.JPG" title="Sidebar & Widget Blog Statis, Melayang, atau Fixed" width="200" /></a></div>
<b>CARA</b> membuat Sidebar & Widget Blog statis (static), melayang (floating), atau fixed alias tetap muncul saat halaman discroll seperti di blog ini sangat mudah.<br />
<br />
Tinggal memasukkan kode tertentu ke dalam template.<br />
<br />
Keuntungan membuat Sidebar & Widget Blog Statis, Melayang, atau Fixed ini adalah yang kita sajikan di sidebar tetap terlihat oleh user saat mereka membaca sebuah posting.<br />
<br />
Kelemahannya, sidebar jadi tidak muncul di mobile version.<br />
<br />
<b>Cara Membuat Sidebar & Widget Statis</b><br />
1. Template > Edit HTML<br />
2. Copy & Paste "Sticky Sidebar & Widget Blogger Codes" berikut ini di atas kode </body> (ada di bagian bawah template)<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span style="color: red;"><script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script> </span><i>// Hapus Kode ini jika sudah ada kode seperti ini di template Anda.</i><br />
    <script type="text/javascript"><br />
        $(function() {<br />
            var offset = $("<b>#sidebar-wrapper</b>").offset();<br />
            var topPadding = 15;<br />
            $(window).scroll(function() {<br />
                if ($(window).scrollTop() > offset.top) {<br />
                    $("<b>#sidebar-wrapper</b>").stop().animate({<br />
                        marginTop: $(window).scrollTop() - offset.top + topPadding<br />
                    });<br />
                } else {<br />
                    $("<b>#sidebar-wrapper</b>").stop().animate({<br />
                        marginTop: 0<br />
                    });<br />
                };<br />
            });<br />
        });<br />
    </script></div>
<br />
<b><i>Catatan</i></b><br />
Template blog ini, elemen sidebarnya bernama <b>#sidebar-wrapper</b>, maka yang dimasukkan ke elemen kode di atas adalah <b>#sidebar-wrapper. </b><br />
<b><br /></b>
Jika nama elemen sidebar template blog Anda yang lain, misalnya <span style="color: red;">.column-right-inner</span>, maka itulah yang dimasukkan.<br />
<br />
Cara mengeceknya:<br />
1. Template > Edit HTML<br />
2. Tekan Ctrl+F, ketik kata <b>sidebar</b>, dan tekan Enter!<br />
<br />
<blockquote class="tr_bq">
Kode di atas juga berlaku untuk <b>Menu Navigasi </b>atau<b> Top Header Bar</b> jika ingin tetap muncul saat halaman di-scrooll ke bawah</blockquote>
<br />
<b>MEMBUAT STATIS WIDGET TERTENTU</b><br />
Jika ingin membuat yang statisnya Widget tertentu saja, misalnya widget Popular Posts, maka langkahnya sama dengan di atas:<br />
<br />
1. Template > Edit HTML<br />
2. Copas kode berikut ini di atas kode <b></body></b><br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'/> </span><i>// Hapus Kode ini jika sudah ada kode seperti ini di template Anda.</i><br />
<script src='http://resources.infolinks.com/js/infolinks_main.js' type='text/javascript'/><br />
    <script type='text/javascript'><br />
        $(function() {<br />
            var offset = $(&quot;#<b><span style="color: red;">HTML7</span></b>&quot;).offset();<br />
            var topPadding = 35;<br />
            $(window).scroll(function() {<br />
                if ($(window).scrollTop() &gt; offset.top) {<br />
                    $(&quot;#<b><span style="color: red;">HTML7</span></b>&quot;).stop().animate({<br />
                        marginTop: $(window).scrollTop() - offset.top + topPadding<br />
                    });<br />
                } else {<br />
                    $(&quot;#<b><span style="color: red;">HTML7</span></b>&quot;).stop().animate({<br />
                        marginTop: 0<br />
                    });<br />
                };<br />
            });<br />
        });<br />
    </script></div>
<b></b><br />
<b><br /></b>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div>
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
*** Ganti kode <b><span style="color: red;">HTML7</span></b> dengan kode HTML Widget kepunyaan Anda!</div>
<br />
<b>CARA LAINNYA:</b><br />
1. Copas kode berikut ini di atas<b> ]]</b:skin></b><br />
<b><br /></b>
<b></b><br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
.sticky {<br />
position:fixed;<br />
top:10px;<br />
<div>
z-index: 100;<br />
}</div>
</div>
<b>
</b><br />
<b><br /></b>
<div>
2. Copas kode berikut ini di atas kode <b></body></b></div>
<div>
<br />
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
<script type='text/javascript'><br />
$(document).ready(function() {<br />
var stickyWidgetTop = $('#<b>HTML1</b>').offset().top;<br />
var stickyWidget = function(){<br />
var scrollTop = $(window).scrollTop();<br />
if (scrollTop > stickyWidgetTop) {<br />
$('#<b>HTML1</b>').addClass('sticky');<br />
} else {<br />
$('#<b>HTML1</b>').removeClass('sticky');<br />
}<br />
};<br />
stickyWidget();<br />
$(window).scroll(function() {<br />
stickyWidget();<br />
});<br />
});<br />
</script></div>
<b></b><br />
<br /></div>
<div>
<i><a href="http://www.techweb24.com/2014/05/how-to-make-blogger-sidebar-sticky-or.html" rel="nofollow" target="_blank">Sumber</a></i></div>
</p>

CARA membuat Sidebar & Widget Blog statis (static), melayang (floating), atau fixed alias tetap muncul saat halaman discroll seperti ...

Sunday, January 25, 2015TSunday, January 25, 2015

Cara Pasang Latest Posts Gambar Thumbnail Horizontal

<p><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3MtpHZ4gOano_AMch71zSUaTpV_A4VDOnnE9Vk7PbB7wd9_qxxlL1rZffhj5apuJitBMR7HFh6UKAwp_Bzh7r1tGxT73hJoIGxgtJw7GaoQrsWy_Xnv63tf8zVjVLCaOX6S0fhZH-noc/s1600/Latest+Posts+Gambar+Horizontal+Blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="posting terbaru gambar " border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3MtpHZ4gOano_AMch71zSUaTpV_A4VDOnnE9Vk7PbB7wd9_qxxlL1rZffhj5apuJitBMR7HFh6UKAwp_Bzh7r1tGxT73hJoIGxgtJw7GaoQrsWy_Xnv63tf8zVjVLCaOX6S0fhZH-noc/s1600/Latest+Posts+Gambar+Horizontal+Blog.JPG" title="latest post horizontal" width="400" /></a></div>
KODE untuk memasang atau menampilkan Latest Post (Tulisan Terbaru) berupa gambar (image thumbnail) horizontal, seperti di halaman depan (home) blog ini dan di atas judul posting, adalah sebagai berikut:<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<center><div id='bp_recent'></div><script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script> <script style='text/javascript'> var numberOfPosts = <span style="color: red;"><b>4</b></span>; var showPostDate = false; var showSummary = false; var titleLength = 0; var showCommentCount = false; var showThumbs = true; var showNoImage = true; var imgDim = <span style="color: red;"><b>125</b></span>; var imgFloat = 'left'; var myMargin = 5; var mediaThumbsOnly = true; var showReadMore = false; </script> <script src='<span style="color: red;"><b>http://jurnalistiktheme.blogspot.com</b></span>/feeds/posts/default?max-results=4&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'> </script></center></div>
<br />
Keterangan Polisi:<br />
1. Angka 4 = jumlah gambar/posting yang akan ditampilkan.<br />
2. 125 = ukuran panjang+lebar gambar<br />
3. 86 = kode polisi untuk siap meluncur ke TKP atau silakan jalan :)<br />
<br />
<b>CARA MEMASANGNYA</b>:<br />
1. Layout > Add a Gadget > HTLM/Javascript<br />
2. Copas aja kode di atas ke bagian keuangan, eh... ke "Content". Judul kosongkan!<br />
3. Jangan lupa, ubah alamat blognya dengan "kepunyaan" Anda.<br />
4. Jika posisinya gak pas, atur-atur aja ukuran gambarnya.<br />
<br />
Alamat blog bisa juga blog mana saja, misalnya <span style="color: red;">http://www.romelteamedia.com/feeds/posts/default </span>maka yang tampil adalah posting terbaru <a href="http://www.romelteamedia.com/" target="_blank">www.romelteamedia.com</a>.<br />
<br />
Demikian "tausiyah" kita kali ini tentang Cara Pasang Latest Posts Gambar Thumbnail Horizontal di Halaman Depan Blog. Semoga bermanfaat. Kita tutup dengan doa akhir majelis. Amin! Wasalam!<br />
<br />
<i><a href="http://www.bloggerplugins.org/2011/09/recent-posts-thumbnails-blogger-widget.html" rel="nofollow" target="_blank">Sumber Kode</a></i></p>

KODE untuk memasang atau menampilkan Latest Post (Tulisan Terbaru) berupa gambar (image thumbnail) horizontal, seperti di halaman depan (h...

TSunday, January 25, 2015

Cara Menghilangkan Nama/Judul Halaman Statis Blog

<p><b>HALAMAN</b> Statis (static page) yaitu halaman blog yang jarang diubah/diupdate, seperti ABOUT, KONTAK, PROFIL, SITEMAP/DAFTAR ISI, dan sebagainya.<br />
<ol>
<li>Cara membuatnya tinggal klik "Page" > "New Page" > isi > Publish!</li>
<li>Cara menampilkannya di navigasi menu tinggal klik "Add Gadget" > "Page List" dst. </li>
</ol>
Cara lain menampilkan halaman:<br />
<ol>
<li>Edit nama dan link menu di dalam template: Template > Edit HTML </li>
<li>Cari (Ctrl+F) menu yang akan diganti</li>
<li>Matikan komputer! <i>Nggak lah....</i> tentu saja ganti nama dan linkya :)</li>
</ol>
<h3>
<b>Cara Menghilangkan Nama/Judul Halaman Statis Blog</b></h3>
Perhatikan gambar di bawah ini sebelum judulnya dihapus!<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGCAyMes6d_j7P-kPwzlUOr63veZK6cVJZ5KahHK1k-Issr4apB6qumm8yDopP93WO2n_jXCfhN2AKRsZdCjSLThK3KD0G2pGYDbdtOIC6R4Xh9o96QzNg6AiSUVjZm8Gmea5lGGjxtv4/s1600/judul+halaman+statis.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Judul Halaman Statis Blog" border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGCAyMes6d_j7P-kPwzlUOr63veZK6cVJZ5KahHK1k-Issr4apB6qumm8yDopP93WO2n_jXCfhN2AKRsZdCjSLThK3KD0G2pGYDbdtOIC6R4Xh9o96QzNg6AiSUVjZm8Gmea5lGGjxtv4/s1600/judul+halaman+statis.JPG" title="Judul Halaman Statis Blog" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Halaman Statis yang Masih Ada Judulan</td></tr>
</tbody></table>
<br />
Tampak gak bagus kan?<br />
<br />
<b>Ini cara menghapusnya:</b><br />
1. Template > Edit HTML<br />
2. Cari (Ctrl+F) kode <span style="color: red;"></b:skin></span> dan Copy & Paste kode berikut ini di bawahnya.<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<b:if cond='data:blog.pageType == "static_page"'><br />
<style><br />
.post-title.entry-title{display: none;}<br />
</style><br />
</b:if></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr5Ng8z5er5VoQ6hUx7skHVhA7V5ILr46TgEK19CR2amxqJHoivR-vqQrBnuw8h8veADeusEXzyF5jA2BAQcxHskCrSp6D5b1VLOa8redJYcqAma7G-dsO4fgjoATULWAixTXB6A80Bhs/s1600/judul+halaman+statis+2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Judul Halaman Statis Blog" border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr5Ng8z5er5VoQ6hUx7skHVhA7V5ILr46TgEK19CR2amxqJHoivR-vqQrBnuw8h8veADeusEXzyF5jA2BAQcxHskCrSp6D5b1VLOa8redJYcqAma7G-dsO4fgjoATULWAixTXB6A80Bhs/s1600/judul+halaman+statis+2.JPG" title="Judul Halaman Statis Blog" width="320" /></a></div>
<br />
<b> 3. Save template!</b><br />
<div>
<br /></div>
<div style="text-align: center;">
Lihat Hasilnya. Hmm... Looks good, right?</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYKEeshbUYwOa5hfhUlXeZ0ijrLbvqaXGewTCxI7ATlJeVM-F366zMdo7xWX4tBpUzSlzQ0hf4aBsw1T2BjVoIoF0wTI3TJZceYpOI-fysz5KlzElIvYoZ-EdHpu1c_f9nHliwYAI1iOo/s1600/judul+halaman+statis+3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Judul Halaman Statis Blog" border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYKEeshbUYwOa5hfhUlXeZ0ijrLbvqaXGewTCxI7ATlJeVM-F366zMdo7xWX4tBpUzSlzQ0hf4aBsw1T2BjVoIoF0wTI3TJZceYpOI-fysz5KlzElIvYoZ-EdHpu1c_f9nHliwYAI1iOo/s1600/judul+halaman+statis+3.JPG" title="Judul Halaman Statis Blog" width="320" /></a></div>
<br />
<br />
Demikian Cara Menghilangkan Nama/Judul Halaman Statis Blog untuk "memperindah" tampilan dan bikin nyaman pengunjung (user friendly).*<br />
<br />
<i><a href="http://www.southernspeakers.net/2010/11/remove-blogger-static-page-titles.html" rel="nofollow" target="_blank">Sumber Kode</a></i><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</p>

HALAMAN Statis (static page) yaitu halaman blog yang jarang diubah/diupdate, seperti ABOUT, KONTAK, PROFIL, SITEMAP/DAFTAR ISI, dan sebagai...

TSunday, January 25, 2015

Jurnalistik Theme: Simple and SEO Friendly Responsive Blogger Template

<p><div class="separator" style="clear: both; text-align: center;">
</div>
Template blog keren, simple, seo, dan <i>kenceng</i> bernama <b>Jurnalistik Theme</b> ini adalah hasil modifikasi atau redesain Simple White Default Blogger Template, template bawaan blogger.<br />
<br />
Saya lakukan "kanibal" dengan menggabungkan seluruh teknik seo desain template blog yang ada di alam dunia ini di template ini! Hasilnya? Biarlah gambar-gambar berikut ini yang bicara. One Picture is worth thousand words, isn't it?<br />
<br />
Just have a look seo score and speed of this great template!!!<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZyTHlINnUZvpjuxtrHkBnppERjuL3Lu30JvaLuX4aepAFkBxZB-uDUypZm5l6lgryjjJNri5WL8Go88F_4kdAfAnw6RpjX91O3c8Cey9uwg5OsACKxnEeIi42qE-fHRtGQOJG4oJYmg/s1600/jurnalistik+theme+seo+score.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Jurnalistik Theme" border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZyTHlINnUZvpjuxtrHkBnppERjuL3Lu30JvaLuX4aepAFkBxZB-uDUypZm5l6lgryjjJNri5WL8Go88F_4kdAfAnw6RpjX91O3c8Cey9uwg5OsACKxnEeIi42qE-fHRtGQOJG4oJYmg/s1600/jurnalistik+theme+seo+score.JPG" title="Jurnalistik Theme" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">SKOR SEO SEMPURNA</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3xb1CA0jfGI1aZQ0vMs0waxRjdy8j6L50D7ZdF7hhhnPXa3VV8votmOHpFq83aPrtSdg-XE5eHaUm4IbvDXG2f8bgKFVTDE_2GfBlErD-x6m1_9QrXfENT2DmVQAXlALGQbRlYG_BXJI/s1600/jurnalistik+theme+fast+loading.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Jurnalistik Theme" border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3xb1CA0jfGI1aZQ0vMs0waxRjdy8j6L50D7ZdF7hhhnPXa3VV8votmOHpFq83aPrtSdg-XE5eHaUm4IbvDXG2f8bgKFVTDE_2GfBlErD-x6m1_9QrXfENT2DmVQAXlALGQbRlYG_BXJI/s1600/jurnalistik+theme+fast+loading.JPG" title="Jurnalistik Theme" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">KENCENG BANGET !!! WUSSSS....!!!!! Less than 2 second!</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBz1EpEGsJy-S-ER-9I2wqi9bos0S_lDcsKZuQeZIDK_bzq0nkrdbYnjTCoHa5aXaLxPXEwgqhTUsn8OE6-6K14Wr7NGvRzGyYAMdYvoRGNrZqLDSNxzzQp-nT7DENtOx56wQQVxVq28/s1600/jurnalistik+theme+responsive.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Jurnalistik Theme" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBz1EpEGsJy-S-ER-9I2wqi9bos0S_lDcsKZuQeZIDK_bzq0nkrdbYnjTCoHa5aXaLxPXEwgqhTUsn8OE6-6K14Wr7NGvRzGyYAMdYvoRGNrZqLDSNxzzQp-nT7DENtOx56wQQVxVq28/s1600/jurnalistik+theme+responsive.JPG" title="Jurnalistik Theme" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Responsive aka Mobile Friendly !!!!</td></tr>
</tbody></table>
<br />
Jurnalistik Theme: Simple and SEO Friendly Responsive Blogger Template. Designed for Personal Blog and Online Diary.<br />
<br />
<b>Blogger Template Style</b><br />
Name: Jurnalistik Theme<br />
Description: Simple and SEO Friendly Responsive Blogger Template for Personal Blog<br />
Original Theme: Simple White Default Blogger Theme.<br />
Redesigned by: RT Media<br />
URL: <a href="http://www.romelteamedia.com/" target="_blank">http://www.romelteamedia.com</a><br />
<br />
<b><span style="color: red;">CHANGE WITH YOURS!</span></b><br />
<b>1. Klik "Template"</b><br />
<b>2. Klik "Edit HTML"</b><br />
<b><br /></b>
<b>Meta Tags:</b><br />
<title><data:blog.title/> - Your Blog Descriptions</title><br />
<meta content='your keywords1, your keywords2, keywords3, keywords4, keywords5' name='keywords'/><br />
<link href='YOUR-GOOGLE-PLUS-URL' rel='author'/><br />
<br />
<meta content='YOUR NAME' name='author'/><br />
<meta content='YOUR-FACEBOOK-USER-ID' property='fb:admins'/><br />
<meta content='YOUR-FACEBOOK-APP-ID' property='fb:app_id'/><br />
<br />
<b>UBAH JUGA!!!</b><br />
Perhatikan yang di-highlight kuning!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzZoxIPaZUuFGfE81ZPnUZRJ4Hs1Z0iOYUuRXsKiZxg15Mr5gxAoZiw11xXKZZV3K0JiUAvzjuuZs6q5Aam3h3wrd-M-MgpITqLEgxeaERvdyNdhuzVkvjd1Tn7jhNcSeQ0tp6-UUDaL4/s1600/ganti+link+menu+template.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Jurnalistik Theme" border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzZoxIPaZUuFGfE81ZPnUZRJ4Hs1Z0iOYUuRXsKiZxg15Mr5gxAoZiw11xXKZZV3K0JiUAvzjuuZs6q5Aam3h3wrd-M-MgpITqLEgxeaERvdyNdhuzVkvjd1Tn7jhNcSeQ0tp6-UUDaL4/s1600/ganti+link+menu+template.JPG" title="Jurnalistik Theme" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja0rAXXyXz9YknVAtAEZjEU9Wb4oM7Q15TEL804YaZhH7eCwb_XGsAFkxrxGU1hyqXe-qVm-JYp__jrBivwH-ti6FgKZzxuPP6ZusHE3KoFJkUWhJUECJgf7SSsfvPHefKjrKE3eaT9mQ/s1600/ganti+meta+tags+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Jurnalistik Theme" border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja0rAXXyXz9YknVAtAEZjEU9Wb4oM7Q15TEL804YaZhH7eCwb_XGsAFkxrxGU1hyqXe-qVm-JYp__jrBivwH-ti6FgKZzxuPP6ZusHE3KoFJkUWhJUECJgf7SSsfvPHefKjrKE3eaT9mQ/s1600/ganti+meta+tags+blog.JPG" title="Jurnalistik Theme" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://app.box.com/s/sdirb0b8elzkqaduxc7w7f4l7jpdu9o9" rel="nofollow" target="_blank"><b>DOWNLOAD NOW</b></a></div>
<br /></p>

Template blog keren, simple, seo, dan kenceng bernama Jurnalistik Theme ini adalah hasil modifikasi atau redesain Simple White Default ...

TSunday, January 25, 2015

Cara Pasang Widget Subscribe Box plus Sosial Media di Sidebar Blog

<p><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-93gfhIf-C78gmPxumNdiEd57X1XuZYflqttxa9yxnaudGzdOa3fBd0XXh1xDhq2hIwJAd6jgYJDFjm60CkqDkTvkIyfdqA1M4TAA_bulgggUZSUGmJeDlYdoIxU3jbdajTaTHm3GFJA/s1600/Widget+Subscribe+Box+dan+Sosial+Media+Blog.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Widget Subscribe Box plus Sosial Media di Sidebar Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-93gfhIf-C78gmPxumNdiEd57X1XuZYflqttxa9yxnaudGzdOa3fBd0XXh1xDhq2hIwJAd6jgYJDFjm60CkqDkTvkIyfdqA1M4TAA_bulgggUZSUGmJeDlYdoIxU3jbdajTaTHm3GFJA/s1600/Widget+Subscribe+Box+dan+Sosial+Media+Blog.JPG" title="Widget Subscribe Box plus Sosial Media di Sidebar Blog" /></a></div>
Cara Pasang Widget Subscribe Box plus Sosial Media di Sidebar Blog. Demonya ada di Sidebar Blog ini. Widget ini bermanfaat bagi user, admin blogger, juga bangsa dan negara :)<br />
<br />
Tentu sebelu memasangnya, Anda harus sudah punya akun Facebook, Twitter, Feedburner, dan Pinterest. Bisa diganti kok, asal bisa saja gantinya :)<br />
<br />
<b>CARA PASANG</b><br />
1. Layout > klik "Add a Gadget" di Sidebar > pilih HTML/Javasscript<br />
2. Copy & Paste kode berikut ini di kolom "Content". Judul kosongkan!<br />
<br />
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<br />
<style><br />
.btrixsocial_box-email{ background:Fff no-repeat 0px 12px ; width:100%;float:left;font-size:1.4em;font-weight:bold;margin:2px 2px 0px 1px;color:#686B6C;}<br />
.btrixsocial_box-emailsubmit{ background:#0084CE;cursor:pointer;  color:#fff; border:none;padding:6px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;}<br />
.btrixsocial_box-emailsubmit:hover{ background:#E98313; }<br />
.textarea{ padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;   width:200px; height:20px;color:#666;}<br />
#socialboxbt {text-align: center;font-weight: bold;padding: 5px 10px 10px 5px;border: 1px solid #ddd;width: 280px;margin-top: -5px;margin-bottom: 15px;background: #FAFAFC;}<br />
</style><br />
<br /><br />
<div id="socialboxbt"><br />
<a href="http://feeds.feedburner.com/<span style="color: red;"><b>romelteamedia</b></span>" imageanchor="1" rel="nofollow" style="float: center" target="blank"><img border="0" alt='RSS Feed' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ZkgBSF5uSAi5A7av1ecJ70kGTAEU0VFeKbsbYRZwUdMfqsBITgt9_tDzn8hH3Im7C_kJAXknICSVhMXtaNv3zVgKupjGeZew_UfAq73w7eg0S8az6MxG1ymIv8IiwL6MziPXmWKKSDen/s1600/rss.png" /></a><br />
<div class="btrixsocial_box-email" style="margin-top: -15px;margin-bottom: -15px"><br />
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=<b><span style="color: red;">romelteamedia</span></b>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><br />
<input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" type="text" value="Enter email address here..." /><br />
<input name="uri" type="hidden" value="<b><span style="color: red;">romelteamedia</span></b>" /><input name="loc" type="hidden" value="en_US" /><br />
<input class="btrixsocial_box-emailsubmit" type="submit" value="Submit" /><br />
</form><br />
</div><br />
<style class="text/css"><br />
table<br />
{border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}<br />
.subicons<br />
{border-right: 0px solid #E6E6E6;}<br />
.Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;<br />
}<br />
.Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;<br />
}<br />
</style><br />
<br /><div class="table"><table><br />
<tbody><tr><br />
<td><div class="subicons"><br />
  <a class="Fadeout" href="http://www.facebook.com/<b><span style="color: red;">romelteamedia</span></b>" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivJSE2M1QXew99eHdfNreil9KYv80kyyyUVAvuFuZiFsiOdyR0W37TqZrQlZt66MveVW-wvWgHfxo2sApFicBdKf53C7AJ21RGyXSL9WoLAP5qbDsRNS0iMkSUnA4rZbhSojMYpDFuDkE/s1600/btrix-facebook-icon.png" alt="facebook"/></a></div><br />
</td><td><div class="subicons"><br />
  <a class="Fadeout" href="http://twitter.com/<b><span style="color: red;">romeltea</span></b>" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS41rS-lezBCiGRZ4YMxougEdNDELRQiHvoGiER31v-g0hXfEOVkpO2ZctqHDRmNyT4O5F4V9u3QyPYip_82O_9dUMlfuEs2DgYEWVTh1sbYomfnAhwiLu1Q8DvllyMex3IwmYpy8Ui1Y/s1600/btrix-twitter-icon.png" alt="twitter" /></a></div><br />
</td><br />
<td><div class="subicons"><br />
<a class="Fadeout" href="http://feeds.feedburner.com/<b><span style="color: red;">romelteamedia</span></b>" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGC5gR71PAO0-EY4AWzmLtAjv6lYUVmnvsLMN_RMJEIGXmte7co_OL4QpYZgJyiAMXgjSQ_H-rW3jACG130tTNj6nFh6upSxERjGL7d2Sawev9JOHrRTpMBFWxqI6zmEmjku_J6pyXpYA/s1600/btrix-rss-icon.png" alt="RSS" /></a></div><br />
</td><br />
<td><a class="Fadeout" href="https://pinterest.com/<b><span style="color: red;">romeltea</span></b>" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinCCUf6wiJGm57w7rfI65ehtZJb-SIX5MFgIvAvEtg7bGqZ5Wwp06UvfDm2EtzFXVY0ZiUBpvPuhZVYaT6v7G5ExPaUM2q3zL8lPAVNSTjQnnjoC3BnsSS2z_zMaxvQSD4A-AE4aSNMmQ/s1600/btrix-Pinterest-icon.png" alt="pinterest" /></a></td><br />
</tr></tbody></table></div></div><br />
</div>
<br />
3. Ganti tulisan <b><span style="color: red;">warna merah</span></b> dengan "kepunyaan" Anda<br />
4. Save!<br />
<br />
Demikian Cara memasang Widget Subscribe Box plus Sosial Media di Sidebar Blog.<br />
<br />
<i><a href="http://www.bloggertrix.com/2013/07/Rss-Subscribe-Widget.html" rel="nofollow" target="_blank">Sumber Kode</a></i></p>

Cara Pasang Widget Subscribe Box plus Sosial Media di Sidebar Blog. Demonya ada di Sidebar Blog ini. Widget ini bermanfaat bagi user, admi...