UPADATE - Documentation For Template Blogger Viospaper Pro

Below are some settings after you install the Viospaper Free template, for the Meta Tag section you don't need to set it because it's set yourself.

Video Youtobe Responsive

How to Use?

1. Open Blogger > Post > HTML view
2. Paste code HTML
3. Change URL video youtobe with your URL video from youtobe

Mengatur Menu Template

Silahkan kamu cari Kode seperti dibawah ini dalam Edit HMTL dan berikut cara mengatur link Menu pada template Newspaper Blogger Theme.

<!-- menu navigasi header start -->
<ul>
  <li><a href='#'>Menu</a></li>
  <li><a href='#'>Menu</a></li>
  <li><a href='#'>Menu1</a>
  <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
  </ul>
  </li>
  <li><a href='#'>Menu2</a>
  <ul>
<li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
    <li><a href='#'>Sub Menu</a></li>
  </ul>
  </li>
</ul>
<!-- menu navigasi header end -->

Silahkan kamu Ganti tulisan yang saya beri tanda biru dengan text kamu dan untuk menganti link kamu silahkan ganti tanda " # " yang sudah saya berikan tanda warna merah.

Memasang Label Sesuai Kategori di Homepage

Buka tata letak > Label > Mode HTML > Nama label

Mengaktifkan Featured Images Post di Homepage Blogger

Buka Setting > Other > Allow Blog Feed > Full

Mengganti Wigdet Trending News di Template Newspaper

Cari kode yang mirip seperti dibawah ini, biasanya letaknya ada dibagian kode </body>

<script type='text/javascript'>
//<![CDATA[
// Breaking News
$(document).ready(function(){var e="https://viospaper.blogspot.com",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})});
//]]>
</script>

Ganti alamat yang saya beri garis merah dengan alamat blog Anda.

Memasang Wigdet Artikel Terbaru

Silahkan kamu copy semua kode dibawah kolom ini, dan paste code tersebut lewat Layout > Add a Gadget > HTML/JavaScript

<style scoped='' type='text/css'>
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background:#ffffff;float:right;height:60px;margin-right:8px;width:70px;border-radius:0}
#recent-posts ul{margin:0 0 !important;padding:0}
#recent-posts ul li{margin:0 0 10px;padding:0 0;border-bottom:0}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li a{display:block;color:#333333;font-weight:500;text-decoration:none;font-size:14px;margin:0 0 14px 0;line-height:normal}
#recent-posts ul li a:hover {color:#0066cc;}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=130;
var rcp_info='yes';
var rcp_comment='Komentar';
var rcp_disable='T?t Nh?n xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2cZPMBBpF13OUbJD3lFkYKz52pJiPgTtj99EZPu5Jv9KBs14EMNibXmh5GQFrpC6CVOXVcxlTzJapkTBFu69hflq_Y8sziKj_z6w4aZzy53NCLYmImUSajnYmzcK8mRr5Vk-bEHre1H8k/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>

Simpan setelah itu.

Memasang Tombol Download

<div style="text-align: center;">
<a class="buttonDownload" href="ALAMAT-URL-DOWNLOAD">Download</a>
</div>

Nah saya rasa sudah jelas bukan, jika masih ada yang dipertanyakan bisa tulis dikolom komentar ini.

Update: HJN Template Blogger Free Version

More Themes Premium :

• Framework Blogger Template
• Blog Pro Blogger Template

Facebook

Twitter

Telegram

WhatsApp

Older Posts

Newer Posts