Minggu, 22 Maret 2015

Download Blogger Template Dtombal Responsive

Download Blogger Template Dtombal Responsive
Dtombal Blogger Template Responsive. Ok sobat, pada saat ini saya akan membagikan template sederhana yang lainnya. Template ini di buat setelah sebelumnya telah membagikan template untuk ads yaitu sisense dan Heroes area blogger template. Template ini berukuran mini.

Fitur teplate ini sudah lumayan SEO menurut saya. Beberapa fitur diantaranya seperti Valid microdata google, Seo skor Homepage dan postpage 100% di chkme, breadcrumbs, valid html 5, Related Posts dengan gambar, Auto Readmore, Cool Threaded Comment, Share Button, Navigation, Custom Error Page, Custom Popular Post, Full Title Tag, Ads Ready,  Search button, Social Icon, Slide widget, dan lain sebagainya.

Berikut adalah cara setting template ini.

Untuk menambahakan widget slide yang ada disamaping kanan blog. Silahkan masukan kode dibawah ini kedalam widget Html blog sobat.

<div id='kotakseocipsku'>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=60;
var rdp_info='yes';
var rdp_comment='Comment';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_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<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
<div style="text-align: right;">
<span style="color: red; font-size: xx-small;"><a href="http://www.seocips.com/p/widget-blog.html" title="Widget for blogger">Get this widget</a></span></div>
</div>
Kode berwarna biru diatas adalah widget randompost yang dimasukan ke dalam slide. Sobat dapat menggantinya dengan widget yang sobat inginkan. Untuk Setingan widget dan tempat memasang iklan yang ada dibawah postingan. Masuk ke edit template blogger dan cari kode dibawah ini.
<div style='text-align: left;border:1px solid #ddd;padding:2px 7px;background-color:#f39c12;'>
<script src='https://apis.google.com/js/platform.js'/>
<div class='g-person' data-href='//plus.google.com/u/0/103662134309614692674' data-rel='author' data-showtagline='false' data-width='200'/>
<a href='http://www.orang-jadul.blogspot.com' target='_blank'><img alt='GTA 5 Plus' height='262' src='http://2.bp.blogspot.com/-Ss-05qavk8E/VAQG-wjfIVI/AAAAAAAADlM/vsZ6dP0UY0A/s1600/250x250adbanner2.jpg' title='GTA 5 Plus'/></a>
        </div>
Kode berwarna merah diatas adalah nomor id profil Google plus, silahkan diganti dengan milik sobat. Kode berwarnah biru diatas adalah kode iklan ukuran 250X250, silahkan ganti dengan kode iklan sobat.
Berikutnya adalah setingan widget sosial Facebook, twitter dan google plus yang ada di sidebar sebelah kanan. Masih di edit template dan temukan kode seperti dibawah ini.

<div class='social-box'>
   <div class='social-item-outer'>
   <a class='social-item-box facebook-box' href='http://www.facebook.com/brandomewo' rel='nofollow' target='_blank' title='facebook'>   
     <div class='counter'>
  </div>
  <span class='social-title'>Facebook</span>
   </a>
   </div>
 
   <div class='social-item-outer'>
   <a class='social-item-box twitter-box' href='http://twitter.com/mewobrando' rel='nofollow' target='_blank' title='twitter'>
     <div class='counter'>
  </div>
  <span class='social-title'>Twitter</span>
   </a>
   </div>
 
   <div class='social-item-outer'>
   <a class='social-item-box googleplus-box' href='https://plus.google.com/103662134309614692674' rel='nofollow' target='_blank' title='Google Plus'>
     <div class='counter'>
  </div>
  <span class='social-title'>Google+</span>
   </a>
   </div>
    </div>

Silahkan ganti  semua kode berwarna merah diatas dengan url/alamat akun sosial sobat.
Berikut ini jika sobat ingin mengganti gamabr background yang ada di header blog. Temukan kode url gambar seperti dibawah ini :

 http://2.bp.blogspot.com/-a87wOZ1P210/U3cbscxxlxI/AAAAAAAABo8/rmKWBscFISg/s200/seocips7.png

Silahkan ganti dengan gambar yang sobat inginkan. Dan terakhir jika sobat ingin skor SEOnya tetap 100% silahkan hapus kode  <b:include name='quickedit'/> setiapkali menambahkan widget. Settingan lainnya adalah seperti kode navigasi dibawah ini.

<li><a href='http://www.seocips.com/p/tutorial-blog.html' title='Tutorial Blog'>Tutorial Blog</a></li>
<li><a href='http://www.seocips.com/p/tips-seputar-blog.html' title='Tips Blog'>Tips Blog</a></li>
<li><a href='http://www.seocips.com/p/widget-blog.html' title='Widget Blog'>Widget Blog</a></li>
<li><a href='http://www.template.areasatu.com/' rel='nofollow' target='_blank' title='free blogger templates'><span style='color: blue;'>TEMPLATE AREA</span></a></li>
<li><a class='prett' href='#'>Menu Lainnya</a>
<ul class='menus'>
<li><a href='http://www.seocips.com/p/tutorial-dan-tips-komputer.html' title='Tips komputer'>Komputer</a></li>
<li><a href='http://www.seocips.com/p/css-mwb-for-mobile-and-desktop-tutorial_4.html' title='Css Mwb'>Css Mwb</a></li>
<li><a href='http://www.seocips.com/p/berita-dan-informasi-game.html' title='Info games'>Info Games</a></li>
<li><a href='http://www.seocips.com/p/android.html' title='Android'>Android</a></li>
</ul>

Jika sobat menemukan kode seperti diatas silahkan disesuaikan, gantilah dengan link tujuan ke alamat blog sobat.
Ok sobat sekian Dtombal SEO Responsive Blogger template dan semoga bermanfaat.
Live Preview
See it live with all the features that exist, both on the homepage and the page posts.

Artikel Terkait

RONI BSD

Cuma pengen Berbagi kepada yang mau menerima