Sabtu, Juli 27, 2013

Google mengupdate Blogger Template HTML Editor

Google Update Blogger Template


Ada banyak hal yang dilakukan google dalam melayani pegunanya. Seperti diantaranya selalu menyempurnakan berbagai produk layanan mereka. Khusus buat yang hobi utak-atik template berplatform blogspot, saat ini ada beberapa penyempurnaan fitur penting didalamnya.

Baru-baru ini google mengupdate/meningkatkan fungsi dari HTML editor yang ada pada bagian template.

Sebagaimana ditulis pada Blogger Buzz bahwa peningkatan fungsi ini untuk kalian para pengembang web (pembuat template) ataupun yang senang dalam merubah-rubah tampilan blog dengan menggunakan HTML, Javascript dan CSS.


Tambahan fitur yang ada pada editor HTML baru ini dapat mempermudah dalam pengeditan template yang dilakukan oleh pengguna blogger.
Fitur-fitur yang ada diantaranya : penomoran baris (line numbering), Penanda sintaks (syntax highlighting), auto-indentation dan code folding.
Berikut ini sedikit gambaran tampilan dari Editor HTML yang baru pada blogger:

Tampilan Template HTML Editor Blogger
Jump to widget (untuk memudahkan dalam pencarian widget blogger)


Code folding (untuk menggumpulkan/menyembunyikan satu kelompok kode)

Preview Template (Melihat tampilan blog sebelum template disimpan)
Selain fitur diatas ada juga fitur untuk mencari kata/kode tertentu yang ada pada template yaitu dengan menekan Ctrl+F. Atau jika ingin menggantinya dengan kata/kode yang baru dengan cara Ctrl+Shift+F.

Nah dengan semakin banyaknya fitur baru yang ada pada blogger ini mungkin menjadi salah satu bukti keseriusan google agar dapat menjadi nomor satu dalam penggunaan blog di dunia.


Dan yang jelas, akan membuat para pengembang web khususnya platform blogger dapat lebih dimudahkan. Sehingga kreatifitas dalam menata template blogger yang baik semakin bertambah. Sambil tetap menunggu update google yang lainnya lagi, he... he...

Jumat, Juli 26, 2013

Cara Memperbaiki H1 Is Zero, that is really Bad/Missing

For SEO : H1 Is Zero

Ganti template baru memang tidak ada salahnya, apalagi akhir-akhir ini para desainer template banyak mengeluarkan template dengan style yang mengugah hati. He.. he.. saya pun pernah beberapa kali tergoda untuk menganti template blogspot.

Namun tidak semua template blog yang stylus tersebut sudah sempurna untuk SEO (Search Enggine Optimation). Salah satu masalah yang sering terjadi dalam SEO Analyzer seperti http://chkme.com;  H1 Is Zero, that is really Bad/Missing Di SEO Tool. 

Salah satu hal yang menyebabkan itu terjadi kemungkinan besar karena blog kita menggunakan image atau gambar sebagai pengganti dari Judul Blog dan deskripsinya.  

Gak usah galau kawan... Saya pun pernah mengalami hal itu. Ada cara mudah untuk mengatasi h1 error tidak ditemukan tersebut, yakni;  


Cara Baru Memperbaiki H1 Not Found atau Is Zero, that is really Bad/Missing Di SEO Tool:
Log in kedalam akun Blogger anda
  • Pilih Templete
  • Klik “Edit HTML”
  • Klik “Lanjutkan”
  • Cari kode yang ada dibawah berikut ini:
Anda bisa menggunakan tombol CTRL+F dan ketik 'header-inner' untuk mempermudah pencarian.
<div id='header-inner'>
     <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
Bila sudah menemukan kode yang mirip seperti diatas, tambahkan <h1>........</h1> sehingga menjadi:
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
</a>
Gak usah basa-basi, langsung simpan/save  Edit HTML. Dan langsung chek situs atau blog sobat di SEO Analizer. Jika masih berlanjut hubungi Dokter.. ha... ha...

Galauness - white and clean template

Galauness : Clean Blogger Template

Name : Galauness
Author : Iksandi Lojaya
URL Author : http://iksandi.com
Template Tutorials:  How to use this templates

Description:
Galauness is free premium blogger template with Elegant, Clean and Minimalist Design, WordPress Look' Neat Typography, Fixed Width, jQuery Post Slider, Unlimited Background, Top Navigation Menu, Template Designer Ready, 2 Main columns and 3 columns at Bottom, Custom 404 error page and Custom Lightbox, Beautiful related posts links and Social Links Button and more.


  

Responsive Templates

Responsive Blogger Templates


Name : Responsive Templates
Author : Herdiansyah Hamzah
URL Author : www.herdi.web.id
Published  : expo templates

Description: Clean and awesome blogspot template. Responsive Templates is free blogger template with responsive design, 3 column, white color, label and popular post edited and simple elegant layout.

License: www.creativecommons.org
Important Please do not remove the credit link in the footer section. If you have question about this template, leave your comment below. Thanks



Sporty Magazine 2 Free

Magazine Blogger Theme



Name : Sporty Magazine 2
Author : Herdiansyah Hamzah
Url Author : Herdiansyah Hamzah
Designer : Borneo Templates
Url Designer : Borneo Templates
Published : Borneo Templates
Url Published : Borneo Templates

Description and Featured : 
Elegant and awesome blogspot template. 
Sporty Magazine 2 is blogger template with premium looks, professional design, menu navigation dropdwon, featured slidehow content, news ticker, twitter widget, 3 column main page, 5 column footer page, social bookmark on postpage, all image host on blogger, SEO ready, and time script on top.


Sporty Magazine 2 Privacy Policy :  
First, do not change the credit link at the bottom of this template. delete or modify this template links, as well as premises did not appreciate my work. Second, this template for free, not for sale. for it is forbidden to sell this template to any company or business without my knowledge, and Third, after you see a live demo of this template, please leave your comment. this is important as an input for me to make a template that is much better in the future.

TUTORIALS HOW TO USE SPORTY MAGAZINE 2

First step, you have to download Sporty Magazine 2 files. After that, follow the instruction below.

To set this menu, please go to your HTML stukrut page (no need to expand), then scroll down and find the following code : <div id='menuwrapperpic'> (Notes : for quick search, press the F3 key, type the code above and enter). After this code, you will find menu navigation dropdwon below :
<div id='menuwrapperpic'><div id='menuwrapper'><ul id='menubar'><li class='selected'><a href='/'><img border='0' src='http://1.bp.blogspot.com/-7Eveg1Sruok/TZE6GFV_OHI/AAAAAAAABZo/jRHomtpFbd0/s1600/home_white.png' style='padding:0px;'/></a></li><li class='selected'><a href='#'>About Us</a></li><li><a class='trigger' href='#'>Contact Us</a><ul><li><a href='#'>Herdiansyah Blog</a></li><li class='hr'/><li><a href='#'>Contact on Facebook</a></li><li><a href='#'>Contact on Twitter</a></li><li class='hr'/><li><a href='#'>Free Template Design</a></li></ul></li><li><a href='#'>Moto GP</a></li><li><a href='#'>Football</a></li><li><a href='#'>Formula 1</a></li><li><a href='#'>Web Design</a></li><li><a href='#'>Free Template</a></li><li><a href='#'>Videos</a></li><li><a href='#'>Image</a></li><li><a href='#'>Download</a></li><li><a class='trigger' href='#'>More</a><ul><li><a href='#'>Editorial</a></li><li class='hr'/><li><a href='#'>Off Topic</a></li></ul></li></ul><br class='clearit'/></div><div style='clear:both;'/></div>
Notes : change the code # with your link url address, and name labels with your label or categories.
News Ticker:  First step, you have to register your blog to API Google Code and you will see your API code. After that, find this code below on your edit HTML tabs :
<!-- News Ticker -->
<script src='http://www.google.com/jsapi?key=ABQIAAAA4qkT5i26SQ6NmgJd5KQemhRQ_a6zv5_Bim3H_GL4gaueIFZ15xRdt8jcAUk8ZHokIVo-TBZgYVbkzw'/>
Notes: replace the blue code, with yourAPI Key.

Next step: You have to change your url link to make it news ticker appear with your latest post. Find this code below on edit HTML tabs.
<div class='newspic'><div class='news'><div style='float:left;padding:5px 60px 5px 0;font:bold 14px Arial;color:#333;text-transform:none;'>News Update :</div><div style='float:left;width:800px;padding:4px 0; position:relative; overflow:hidden;'><script type='text/javascript'>var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)cssfeed.addFeed(&quot;News Update&quot;, &quot;http://sportymagazine2.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feedcssfeed.displayoptions(&quot;date&quot;) //show the specified additional fieldscssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tagcssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by datecssfeed.entries_per_page(1)cssfeed.init()</script></div></div><div style='clear:both;'/></div>
Notes: replace the red code, with your site/blog url link.
Featured Slideshow Content:  First step, add new html/java script widget on your page. Put this code below :
<div id='featured'>
<ul class='ui-tabs-nav'>
<!-- 1st Small Image -->
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt="" src="#" /><span>Post Title</span></a></li>
<!-- 2st Small Image -->
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt="" src="#" /><span>Post Title</span></a></li>
<!-- 3st Small Image -->
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt="" src="#" /><span>Post Title</span></a></li>
<!-- 4st Small Image -->
<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt="" src="#" /><span>Post Title</span></a></li>
</ul>
<!-- First Content -->
<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt="" src="#" />
<div class='info'>
<h2><a href=' your-url-link '>Post Title</a></h2>
</div></div>
<!-- Second Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt="" src="#" />
<div class='info'>
<h2><a href=' your-url-link '>Post Title</a></h2>
</div></div>
<!-- Third Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt="" src="#" />
<div class='info'>
<h2><a href=' your-url-link '>Post Title</a></h2>
</div></div>
<!-- Fourth Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt="" src="#" />
<div class='info'>
<h2><a href='your-url-link'>Post Title</a></h2>
</div></div>
</div>
Notes: replace red code (#) with your image url link, orange code (Post Title) with your post title, and blue code (your-url-link) with your url link post.
Featured Label Categories:  First step, open your blog page and add new HTML/Java Script widget. Next step, put this code below :
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Borneo?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Notes: Change orange code (3), with number of post will be appear, and red code (Borneo) with your label or categories.
Twitter Widget (Live Updates): Open your page elements and put this code below with add new HTML/Java Script.
<div style="background:#fff url(http://4.bp.blogspot.com/-EGnF5QAztxU/TaHe6Nz0N4I/AAAAAAAAAjw/KkLBzEZ8hiw/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px"><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 10,interval: 3000,width: 285,height: 118,theme: {shell: {background: 'transparent',color: '#000000'},tweets: {background: 'transparent',color: '#000000',links: '#B45F04'}},features: {scrollbar: true,loop: true,live: true,hashtags: true,timestamp: true,avatars: false,behavior: 'default'}}).render().setUser('borneotemplates').start();</script></div>
Notes: change orange code (borneotemplates) with your twitter username.
Search Widget: Open your page elements and put this code below with add new HTML/Java Script.
<form name="jksearch" action="http://www.google.com/search" method="get" onsubmit="jksitesearch(this)" target="_blank"><input id="hiddenquery" type="hidden" name="q" /><input name="qfront" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" value="Search on this site..." type="text" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" style="width: 240px;border:none;padding:8px 10px; font:normal 11px arial;color:#666; background:url(http://3.bp.blogspot.com/-KPO8JYvY8q0/TaTLCf3UXqI/AAAAAAAAAk0/HMNCQmZV-YI/s1600/search_field.jpg) no-repeat;" /><input type="image" src="http://4.bp.blogspot.com/-tS-vIIuEX1Y/TaTJeZlNYPI/AAAAAAAAAkw/-OF_RBII1lw/s1600/search_button.jpg" align="top" value="Search"/>

<div style="font: normal 11px Arial;color:#666;padding:2px 0;"><input name="se" type="radio" checked /> Google
<input name="se" type="radio" /> Yahoo
<input name="se" type="radio" /> Msn</div>
<script type="text/javascript">
// All-in-one Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/// This notice must stay intact for use
//Enter domain of site to search.var domainroot="www.borneotemplates.com"
var searchaction=[ //form action for the 3 search engines"http://www.google.com/search","http://search.yahoo.com/search","http://search.msn.com/results.aspx"]
var queryfieldname=["q","p","q"] //name of hidden query form for the 3 search engines
function switchaction(cur, index){cur.form.action=searchaction[index]document.getElementById("hiddenquery").name=queryfieldname[index]}function jksitesearch(curobj){for (i=0; i< document.jksearch.se.length; i++){ //loop through radio to see which is checkedif (document.jksearch.se[i].checked==true)switchaction(document.jksearch.se[i], i)}document.getElementById("hiddenquery").value="site:"+domainroot+" "+curobj.qfront.value}</script></form>
Notes : change orange code (www.borneotemplates.com) with your twitter username.

Thats it, happy blogging. If you have question about Sporty Magazine 2 Templates, please leave your comment below or contact me via email on mail [at] borneotemplates.com.
Warm Regards,Borneo Templates
www.borneotemplates.com

Kamis, Juli 25, 2013

Johny Kenthir Banget Blogspot Templates

Johny Blogger Templates



Template Name : Johny Kenthir Banget
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

TEMPLATE FEATURES
Nice and awesome templates!!!!!! This is a different style in Johny Kenthir template, with a brown light color. Johny Kenthir Banget  blogger template is a free magazine style blogger template for portal news blog with automatic recent per category. It's a 4 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, 1 right sidebar, automatic featured content slider, categories tab view widget, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. For more detail about how to customize this template please visit this link.



Update Templates:
Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below;

Find this code in Edit HTML :
<script src='http://kauman.googlecode.com/files/tabview.js' type='text/javascript'/>
Change with this code :
<script src='https://masolis-javascript.googlecode.com/svn/trunk/tabview.js' type='text/javascript'/>
And find this too :
<script src='http://kauman.googlecode.com/files/jcarousellite.js' type='text/javascript'/>
Change with this code :
<script src='https://masolis-javascript.googlecode.com/svn/trunk/carousellite.js' type='text/javascript'/>
This code for news ticker (headline news)
<script src='http://johnytemplate.googlecode.com/files/newsticker.js' type='text/javascript'/>
Change with this code :
<script src='https://masolis-javascript.googlecode.com/svn/trunk/headline.js' type='text/javascript'/>
Then replace this
<script src='http://kauman.googlecode.com/files/contentslider.js' type='text/javascript'/>
Replaces with this code :
<script src='https://masolis-javascript.googlecode.com/svn/trunk/contentslider.js' type='text/javascript'/>
At last :
<script src='http://jamu-martin.googlecode.com/files/page%20navigation.js' type='text/javascript'/>
Change with this code :
<script src='https://masolis-javascript.googlecode.com/svn/trunk/page%20navigation.js' type='text/javascript'/>

or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

Thesis SEO Blogspot Template

SEO Ready Blogger Template


Deskripsi: Thesis SEO Blogspot Template - Selain berkonsep SEO, template ini juga tetap mengutamakan konsep visitor friendly. 2 konsep yang "beberapa" orang bilang sulit disatukan. Memang terlihat sederhana dan minim gaya, namun fungsinya cukup luar biasa. Banyak blogger yang telah menggunakan template yang satu ini.

Kenapa memberi nama Thesis SEO Blogger/Blogspot Template?

Sesuai namanya, template ini adalah convert langsung dari theme wordpress yang seharga 87$ itu. Ya mungkin beberapa pengunjung blog ini sudah tau tentang theme thesis wordpress tersebut. theme yang "katanya" paling SEO killer tersebut memang sudah diakui oleh mister Mattcuts. Karena melihat theme yang begitu populer dikalangan SEO addict ini belum banyak yang diconvert ke blogger(kalaupun ada belum terlalu mirip), akhirnya oleh satu satu pengrajin templates Indonesia, telah mencoba dengan segenap jiwa raganya untuk mengedit theme yang "mirip" theme wordpress. Versi wordpressnya silahkan menuju ke http://thesisdemo.com.

Apa saja fitur-fitur template SEO Friendly ini ?
SEO Friendly
Visitor Friendly
  • Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
  • Dilengkapi dengan dinamic metatag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)
  • Quicklink ke kotak komentar
  • Sudah dipersenjatai Autoreadmore
  • dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.
  • Loading yang cepat
  • Konsep minimalis & simple

Demo dan Download:

Panduan mengedit :
Jangan lupa untuk mengedit deskripsi dan kata kunci meta tag. Caranya sebagai berikut :

1. Seteleh kode berhasil di unggah, diedit html cari kode seperti ini :
meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'
Ganti kode berwarna hijau tersebut dengan deskripsi blog. Contoh :
meta name='DESCRIPTION' content='Blog yang membahas tentang gosip artis indonesia terbaru tahun ini'
And than, save template.
2. Setelah itu, lihat kembali kode dibawahnya seperti ini :

meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'
Ganti kode yang berwarna hijau tersebut dengan katakunci blog sobat. Contoh : 
meta name='KEYWORDS' content='gosip artis, artis indonesia, gosip terbaru, gosip hot'
Save template.
Satu lagi, deskripsi dan kata kunci harus relevan dengan konten blog sobat. Misalnya blog sobat membahas tentang Blogging tutorial. Maka kata kunci dan deskripsinya harus seputar Blogging tutorial juga. Semoga Template SEO Friendly ini bermanfaat. Salam....



Tips and tricks inti blogger

Search Engine Optimization (SEO), merupakan hal yang menarik dan sangat penting untuk dibahas. Khususnya bagi para blogger. Buat apa capek-capek upload data dan posting artikel atau lainnya, jika ternyata tidak terindeks di search enggine... Ya.. atau ya... he.. he.. Pasti jawabannya YA.. Karena tidak ada pilihan lain.

SEO Blogger Tips
Meningkatkan SEO Blogspot, adalah usaha untuk meningkatkan traffic blog/web melalui search engine. Search Engine Optimization bisa dibilang sebagai salah satu hal pokok untuk meraih kesuksesan suatu blog/website. Karena SEO sebenarnya tidak hanya berbicara tentang traffic, melainkan tentang visibilitas, popularitas, dan nilai penting (value) suatu blog atau web di mata dunia internet.

Semakin populer suatu blog/web, semakin besar kemungkinan pencapaian traffic-nya. Tentunya, peran SEO tidak ada apa-apanya bila tidak didukung oleh kualitas isi/konten blog. SEO akan sangat berarti serta sinergis bila didukung konten berkualitas dan original.

Om Google, (biar terasa lebih akrab dengannya, kali aja nanti seluruh artikel saya menjadi TOP 1 dimatanya he.. he..)   Dia telah menyuarakan kebijakan publiknya tentang originalitas konten dan sikapnya terhadap blog/web yg disinyalir sebagai content thief (cek Google Hukum Pencuri Konten dengan Page Rank). Oleh karena itu, sebelum anda melakukan usaha-usaha SEO, bangun blog terlebih dahulu; isi dengan konten berkualitas.

Rencanakan blog anda sedemikian rupa. Bila perlu, buat sebuah spesialisasi. Artinya, konten yang disuguhkan pada pengunjung berisi hal-hal yang spesifik. Seperti blog khusus template, atau Tips dan trick, kesehatan, atau lainnya.

Pada dasarnya, blogger tips and trick widget telah banyak dibicarakan. Dan rata-rata hampir sama. Karena memang itulah kenyataan. Semuanya penting. Dan sebenarnya, kapasitasnya hanyalah sebagai pendukung.  Namun tehnik inti dalam SEO sebenarnya tergantung pada konsep dari blog/web itu sendiri.  Makin kuat, makin original, makin dibutuhkan orang, maka semakin berpotensilah dia berada pada posisi terbaik.

Satu lagi, robot penjelajah yang digunakan Om Google untuk merayapi blog/web kita, bukanlah manusia yang punya perasaan. Namanya saja sudah robot, he.. he.... Dan saya yakin, se yakin-yakinnya, dia tidak suka bahasa yang alay atau lebay.

Artinya; robot akan mengalami kesulitan untuk mendeteksi bahasa atau tulisan yang alay atau lebay. Untuk itu, upayakan bahasa atau tulisan artikel menggunakan ejaan yang baik dan benar. Memang,  Google mempunyai fasilitas auto-correct untuk membenahi pengunjung searching yang salah ketik. Namun biasanya terbatas pada kata-kata yang umum. Tapi entah kalo kata; "cemungut ea.." lol..

Bukan sok pintar... Tapi logis kan?

Tapi adalah hal yang lebih penting.. adalah negblog.  Dari pada tidak sama sekali. Nanti juga secara perlahan akan tahu sendiri, Tips and tricks inti blogger. Good luck!

Si Ganteng - Magazine Template

Magazine Blogger Template

About this template:
    Date Released:   Jan, 2013
    Designer:   Mas Template
    Price:   FREE

Post Thumbnails: Show a thumbnail image (small image) for every post using this template. 

Slide Show: Si Ganteng template has slide show (slider) in home page. Show your featured content in an easy to use slider
Featured Post: Show featured posts in home page using this template. Engage your users by showing your top content in home page.
Hierarchical Menu: Si Ganteng template comes with hierarchical dropdown navigation menu.
Custom web fonts: Si Ganteng template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts FREE.

Customization Features:
Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links. Widget Ready, Si Ganteng template comes with many widgetized area. Add your widgets easily using this template. Footer Widgets, Si Ganteng template comes with footer widgets. Use your footer area effectively for engaging your users.



Lincense: Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.

For general installation guide, visit:
http://www.maskolis.com/2013/01/3-template-blogger-sakit-gigi.html

Following documentation is specific to this template. Sometimes we update this documentation and latest documentation can always be found at http://www.maskolis.com/2013/01/3-template-blogger-sakit-gigi.html. Click Documentation tab in this page to view the documentation.


Note about this template------------------------
This template is for Magazine or Newspaper sites.  You should have lots of posts under various categories (labels) to use this template.  If you start with a blank blog then it may be difficult to enjoy the quality of this template. Thought this template looks complex, it is actually easy to set this up using following Documentation.

Set up Labels, Video Category-----------------------------
Let's first set up all Labels (Categories) and Video Category widgets.  Go to Layout -- Click Edit on Label 1. Enter the Label name in the content box. For example, if you have tagged 5 posts in Category 1 label then enter Category 1 in the content box of Label 1. This will pull the latest posts in Category 1 Label and will display in this widget.  Please follow the same steps to set up Label 2, Label 3, Label 4, Label 5 and Video Category widgets also. 

Set up Featured Post slider---------------------------
Click Edit on HTML/Javacript widget which is located just above the Blog Posts widget.  This is the SLIDER widget.  Paste the following code in the content box of this widget.  This will automatically pull the latest blog posts and display in the slider beautifully.  Yes, we said beautifully.

<div id='featuredContent'>
<div id='slideshow'>
<div id='slideshowThumbs'>
<ul>
<li>
<script>   
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></li>
</ul>
</div>
<div class='post' id='slideshowContent'>
<script>   
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
</div>
<script type='text/javascript'>
$(function() {
$("#slideshowThumbs ul").tabs("#slideshowContent > div", {
effect: 'fade',
fadeOutSpeed: 1000,
rotate: true
}).slideshow({
clickable: true,
autoplay: true,
interval: 3000
});
});
</script>
<div class='clear'>
</div>
</div>

Recent Posts
------------

Go to Layout -- Click Edit on Recent Posts widget.  Paste the following code in the content box.

<script type="text/javascript"><!--
google_ad_client = "pub-7854870902356751";
/* 300x250, created 9/22/10 */
google_ad_slot = "6354569502";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Dropdown Navigation Menu
------------------------

This template comes with two menus.  One menu is the Page menu which is at the top of the site. Another one is HTML dropdown menu.  Go to Template -- Edit HTML and look for following code.  Update the links and Menu text as per your need.

<div class='menuku-wrap'>
<div class='menuku'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Drop menu</a>
<ul>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
</ul>
.......

Ad Banner areas
---------------

You can add a 300x250 banner in HTML/Javascript widget which is located just above the Recent post widget in the Layout page.  If you wish, you can also add a 468x60 banner next to Header.  You have to add HTML/Javascript widget for this.


SEO Stuff
---------

Go to TEMPLATE -- Edit HTML.  Find following code and update meta values with appropriate text

    <meta content='Your Blog Description here!' name='description'/>
    <meta content='Your Keywords here!' name='keywords'/>
    <meta content='Author Name here!' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='geo.country'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Indonesia' name='geo.placename'/>

-----------------------------------------------------------------------------------------------
Thanks for downloading this template from expotemplates.

Rocket Blogger Template

Rocket : Magazine Blogger Theme





Template name : Rocket
Platform: Blogger / Blogspot
Release date : April 2013
Author :  www.soratemplates.com
Designer :  kopasoft
License : Creative Commons Attribution 3.0

Template features : 
3 Columns, Magazine, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Gray Background, Page Navigation Widget.








Configure Featured Content Slider:Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<div class='flexslider' id='home-slider'>
 <ul class='slides'>
 <li>
 <article>
 <div class='kp-view'>
 <img src='../slide-1.jpg'/>
 <a class='kp-mask' href='#'/>
 </div>
 <div class='flex-caption'>
 <h1><a href='#'>Eight Important Factors of ...</a></h1>
 </div>
 </article>
 </li>
 ..........
Replace:
  •     "#" with your featured post URL.
  •     "slide-1.jpg" with your slider image.
Configure Dropdown Menu:Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
<ul id='main-menu'>
<li class='current-menu-item'><a href='#'>Home</a></li>
<li><a href='#'>Features</a>
<ul>
<li><a href='#'>Categories page</a></li>
<li><a href='#'>Single page</a></li>
 ..........
Replace "#" with your menu item URL.

Configure Page Navigation Widget:search for:
var posts=6, // Number of posts in each page
    num=2, // Number of buttons will display

VideoBox Blogger Template

VideoBox Blogger Template



Template name : VideoBox
Platform: Blogger / BlogspotRelease date : November 2012
Author :  www.soratemplates.com
License : Creative Commons Attribution 3.0

Template features : 
Wordpress Look, 4 Columns, Right Sidebar, 4 Columns Footer, Portfolio, Featured Video Slider, Fixed Width, Wood Background, Dropdown Menu, Header Banner, Page Navigation Widget.










Configure Featured Video Slider: 
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<ul class='slides'>
<li class='item'>
<p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/Ok2VamxrYAY' width='560'/></p>
</li>
..........
<ul class='thumbs pagination'>
<li><span class='youtube-temp'/>
<span class='hover-bg'/>
<a class='title' href='#' rel='0'>Lorem ipsum dolor sit amet</a>
<a class='link' href='#'/>
</li>
..........



Replace:
    "#" with your featured video URL.
    "http://www.youtube.com/embed/Ok2VamxrYAY" with your youtube video URL.


Configure Dropdown Menu:Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:



<nav class='primary'>
<ul class='sf-menu' id='topnav'>
 <li><a href='#'><span class='right'>Home</span></a></li>
 <li><a href='#'><span class='right'>Portfolio</span></a>
<ul class='sub-menu'>
 <li><a href='#'><span class='right'>Portfolio 1 col</span></a></li>
 ..........
Replace "#" with your menu item URL.

Configure Page Navigation Widget:search for:
var posts=9, // Number of posts in each page
    num=2, // Number of buttons will display


Tips for bloggers in selecting templates

Tips SEO Blogger Theme

Tips untuk blogger dalam memilih template

Mendapat trafic gratis dari mesin pencari khususnya google adalah idaman semua blogger. Namun untuk mendapatkan posisi yang bagus SERP adalah bukan perkara mudah bagi sebagian blogger tidak termasuk termasuk saya he.. he.. ;)

Banyak upaya keras dilakukan untuk mendapat SERP google yang kuat, dari mulai optimasi SEO onpage dan offpage.

Salah satunya adalah optimasi dari kategori SEO onpage , yaitu pemilihan template yang SEO friendly.

Bagaimanakah template yang SEO friendly itu?... Misalnya, sebagai contoh, memiliki loading cepat (rekomendasi) dan memiliki fitur yang mendukung. Seperti, navigasi yang bagus, typografi yang baik, valid HTML. Sevalid-validnya walaupun tidak 100% :D .

Intinya, sebuah templat haruslah berfungsi agar pengunjung akan menjadi lebih betah diblog. Baik dilihat dari sudut penggunaan template yang baik.Template ringan, nyaman buat mata maka orang akan kerasan menjelajahi artikel yang ada dan bahkan mungkin membookmarknya untuk kembali lagi nanti.

Page views yang tinggi, prioritas mendapat hadiah PageRank dari google akan semakin cepat.

Ingat!!!!....pesaing blog kita jutaan ,hehehehe....Dan,,,,,, crawl dari search engine terutama google bisa menyeleksi itu, mana blog yang layak dikasih SERP bagus dan mana yang tidak. Karena motto google adalah memberikan pengalaman browsing yang mengesankan kepada para penggunanya.

Buat apa blog gemerlap keindahan tapi tidak bersahabat kepada pembaca atau SEO?..... dan

Ujung-ujungnya kita kehilangan trafik yg sebenarnya bisa didapatkan lebih banyak lagi.

Itulah dari segi optimasi template dan masih banyak jenis optimasi SEO yang lain.Dan optimasi onpage (template) tidak kalah pentingnya untuk diperhatikan, demikian kata para master SEO.

Katanya lagi; template blogger SEO friendly dan loading cepat (fast loading) ini dibagikan gratis dan layak untuk di coba. Saya saja coba.. wkwkwk….

Namun dalam hal ini, yang mungkin dapat dipertimbangkan adalah karena alasan berikut:

Fast loading


Minimalis code CSS, HTML dan JS. Sehingga, Fast loading namun tetap memperhatikan kerapian tata letak dan typografi.

Dengan asumsi Anda tidak menambah widget yang berat atau aplikasi lain yang berat, termasuk takaran penggunaan gambar didalam postingan.

Paling tidak , pada awalnya template sudah didesain ringan. Salah sendiri kalau ditambah widget yang berat-berat. Jangan nyalahin yang bikin atau yang merekomendasikan… he… he… lol

Internet Explore friendly

Biasanya banyak template yang bagus difirefox tapi hancur di Internet Explorer. 

Walaupun sedikit pengguna IE dari pada Firefox namun jangan sia siakan pengunjung dari IE.Maka template ini 95% tetap baik dibuka dengan IE,hanya beberapa code saja yg tidak didukung tapi tidak berpengaruh banyak.(lihat demo blog ini dg IE, bagaimana hasilnya?

Fitur SEO
  • Template blog adalah nofollow ,artinya semua link (achor link) dari komentar visitor dibikin agar crawler search engine untuk tidak menelusurinya.Jadi blog secara default adalah nofollow,penting untuk blog baru dimana dianjurkan untuk tidak kebanyakan external link. (Termasuk link-link lain yang tidak perlu ditelusuri oleh crawl search engine dibuat nofollow, berguna untuk meminimalisir terjadinya duplicate content) 
  • Dilengkapi sekaligus dg metatag yang sudah teruji tidak ERROR atau menghasilkan duplicat metatag. 
  • Navigasi breadcrumbs dan related post (sesuai nasehat pakar SEO) 
  • Dilengkapi Share button powered by addthis 
  • Nofollow dan noindex robots untuk arsip dan commen link sehingga memungkinkan tidak akan terjadi duplicat conten. 
  • Loading super cepat dengan asumsi tidak menambah widget yang bikin berat misalnya facebook plugin atau lainnya. 
  • Right sidebar template ~~artinya: Crawler search engine mengindeks halaman web itu dari sebelah kiri kebawah terus keatas,jadi dengan sidebar kanan diharapkan postingan kita akan lebih dahulu terindex. (menurut pendapat SEO master).Maka template ini menggunakan right sidebar. 

Update!

Dinamic H1
Yaitu title pada halaman homepage, H1 adalah title blog (header).  Dan jika dihalaman posting, H1 adalah title postingan, dan title blog (header) berubah menjadi paragraf biasa <p>.  Dengan cara ini SEO score blog sobat akan tetap bagus. Google menyukai struktur heading yang baik. 

Lainnya

Auto readmore with summary (cuplikan) di halaman beranda. Sehingga lebih rapi dan ringan di homepage walaupun menampilkan 10 posting. Ditambah lagi dengan thumbnail untuk halaman beranda sehingga tampilan makin menarik.

Memiliki Tampilan Commentar "threaded comment yang menarik juga.

Auto readmore ini tidak menggunakan Javascript, namun memanfaatkan tag kondisional dari blogger sendiri. Keistimewaanya, cuplikan artikel benar benar memiliki jumlah karakter seperti yang terlihat dan ukuran image adalah ukuran image kompresi url blogger (THUMBNAIL).

Jika yang menggunakan javasript pada umumnya,jumlah cuplikan artikel adalah hasil manipulasi javascript saja (hanya tampak oleh mata),,artinya ukuran beban loadingnya sama dengan ukuran posting yang sesungguhnya.Termasuk thumbnail jika yang pakai javascript itu hanya mengecilkan ukuran gambar secara visual saja,namun ukuran file sama besar dg yang ada didalam postingan.

Jadi, dengan auto readmore versi yang ini, jelas jauh lebih ringan loadingnya. Walaupun menampilkan 20 artikel yg muncul di Hompage.

Bisa menambah code Adsense dibawah postingan (iklan tampil dibawah postingan) sehingga lebih mudah terlihat dan rapi.

So… silahkan di coba..

Special optimizing for your site/blog template

Tips for SEO Blogspot
This tips I got from the site http://trick-trial.com. Very worth reading to increase blog traffic.

In this post i give you some information about templates of blog that SEO friendly. after searching i found some information about that. Judging from the traces of the participants seo contest, they notice right in the onpage seo optimization and offpage. In addition, the templates also need to be considered, whether or not seo friendly. To get started in learning SEO, I try to pay attention to the template first. From the articleCharacteristics of Seo Friendly WordPress Themes, there are some things that I learned about the characteristics of a seo friendly templates:

  1. CSS validated. For CSS validation check can be done in http://jigsaw.w3.org/css-validator/.
  2. Markup (HTML, XHTML) validated. For Markup validation checks can be done at http://validator.w3.org/.
  3. Regarding the heading. H1 Heading for the title header. H2 for the post title if at the homepage, while for a single post normal font for the title and H1 header for the title of the post. As for the sidebar title to use H2. (It may take some more insight to understand about the headings).
  4. In the footer (ie, the very bottom) there is a link that led to the front page or main page.
  5. The columns in the blog consists of 2 or 3 columns, with sidebars on the right. This article is on the left.
  6. Loading speed is responsive and quick opening characteristic can also be regarded as a seo friendly site. But actually more to ease visitor access our site, especially for visitors who use a slow connection to access our site.

In 2010 Google added factor in determining the speed of your site PageRank of a site. Apart for Google in ranking, also to make visitors feel at home for long visit our site, because Google likes blogs on preferred by visitors. Site loading speed depends on the weight of such external sites. This is influenced by whether or not crowded our blog for a picture or a widget that we attach.

From the six points above, I tried to rate my site, which uses the old template (wp-monospace). I check his CSS validation in http://jigsaw.w3.org/css-validator/, the result is considered a CSS file does not exist. Then I check Markup validation at http://validator.w3.org/, the result is a lot of errors everywhere.

I was googling to find a good site that provides service checks the speed of a site. In the end I found on www.linkvendor.com. I check this site, and the results of his size with the HTML at that time about 87 kB. I try to compare with other blogs that are quite popular andseo friendly. Blog it turned out much lighter than my site. I conclude it is because it looks not too crowded. And in the end I intend to replace the template with a template that simple, lightweight, and of course seo friendly.

In addition, the information I have ever read, you should not be too often change thetemplate, because it will affect the search engines in indexing our blog. Choose the templatethat you feel very like it (a difficult choice for me) so the chances are you will not often change your blog template, and if I can watch the sixth aspect above for SEO optimization problem.

Selasa, Juli 23, 2013

Template Responsif dan Manfaatnya?

Responsif Blogger Theme
Seiring dengan perkembangan zaman, segala sesuatu harus ikut menyesuaikan. Jika tidak mau dikatakan ketinggalan zaman. Bukan hanya itu, yang pasti cenderung tidak terpakai.

Demikian juga didunia website, dengan adanya perkembangan tehnologi, fitur dan konten blog juga harus mulai ikut menyesuaikan. Dalam hal ini, template berperan penuh untuk menyesuaikannya. Apalagi saat ini, perkembangan dunia dalam mengakses internet sudah terbilang sangat canggih. Tidak hanya melalui PC atau laptop, beberapa handphone telah melengkapi dirinya dengan fitur yang dapat mengakses internet.

Sudah mengenal template responsif belum? Yah, setidaknya sudah pernah mendengar tentang hal itu. Bagi yang belum tahu, template responsif adalah template yang bisa menyesuaikan lebar tampilannya secara otomatis sesuai gadget yang dipakainya.

Misalnya jika kita buka blog lewat ponsel, maka tampilannya tidak akan standar atau harus dicubit supaya lebih jelas. Biasanya sebuah website jika diakses lewat smartphone memiliki tampilan yang besar, sehingga harus dicubit (kalau pake touchscreen) atau diperjelas.

Sedangkan sebuah blog yang memiliki template responsif, mampu menyesuaikan tampilannya pada gadget mobile. Tampilannya kurang lebih sama dengan versi desktop, namun Anda tidak perlu mencubit layar karena sudah terdesain sedemikian rupa.

Saat ini, seniman templates, sudah banyak mengeluarkan karya-karya yang responsive. Menarik dengan berbagai fitur yang enak dipandang mata. Beberapa diantaranya dapat free download alias gratis.

Wah, langsung pada semangat kalau ada kata gratisan, ha.. ha.... Tapi memang begitu adanya. Gak percaya, search aja langsung. Banyak situs atau blog telah menyediakannya dengan berbagai macam style, sesuai dengan kebutuhan para blogger.  Termasuk di expo templates ini. Promo he... he...

Manfaat dari template responsif adalah ya itu tadi, pengguna mobile tidak akan susah-susah geser kiri geser kanan atau cubit layar karena tampilannya terlalu besar jika ditampilkan di smartphone. Karena templatesnya mampu menyesuaikan diri secara otomatis. Dan juga tampilannya pun lebih rapi dan menarik.

Ada keuntungannya, ada juga kekurangannya. Karena untuk membuat template responsif dibutuhkan penambahan kode dari template standarnya, otomatis kecepatan akses terhadap blog pun menjadi agak lambat. Itu kekurangan dari template responsif. Ingin rapi di tampilan mobile, pasti harus menambahkan kode-kode lagi.

Lalu apakah pengunjung akan semakin bertambah?

Mungkin iya, mungkin juga tidak. Karena selain SEO (bahasa Inggris: Search Engine Optimization), konten pun berpengaruh terhadap banyak atau tidaknya pengunjung yang datang. Pernah mendengar istilah content is king? Ya itu karena sebagus apapun tampilan blog, jika kontennya hasil copy-paste atau tidak menarik dan tidak ramah search enggine, tentu akan menurunkan kredibilitas dan pasti akan sepi pengunjung.

Untuk itu, upayakan buatlah artikel yang bermanfaat, menarik untuk dibaca, berkualitas, dan sedapat mungkin original. Atau minimal memodifikasi artikel yang pernah anda baca untuk di upload di blog anda.

Mau responsif atau bukan, yang penting tetap ngeblog. OK! Karena itu lebih baik dari pada tidak sama sekali.....

Menghapus/Menghilangkan Navbar di template Blogger


Navbar Widget

Navbar (navigation bar) default dari blogger biasanya terletak pada bagian paling atas dari sebuah blog. Navbar ini sering kali di hapus oleh para blogger karena di anggap memiliki kode yang tidak valid atau error, di samping stylenya yang kurang memuaskan bagi para blogger.

Pada tutorial ini saya akan share cara untuk menghilangkan navbar blogger tersebut ataupun hanya sekedar menyembunyikannya saja. 

Berikut salah satu caranya : Masuk ke akun blogger anda. Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).

Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
Beri tanda centang pada Expand Template Widget.

Cari kode ]]></b:skin>, lalu letakkan kode berikut diatas kode ]]></b:skin>

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
Terakhir klik Simpan Template.
Pada langkah di atas sobat sudah menyembunyikan / tidak menampilkan Navbar bawaan Blogger, namun pada template blog sobat masih terdapat kode dari Navbar tersebut.

Untuk cara kedua Menghilangkan Navbar bawaan Blogger, Sobat dapat melakukan langkah di bawah ini :
Sama seperti cara pertama. Masuk ke akun blogger anda
Klik pada Template.
Lalu klik Edit HTML dan klik Proceed / Lanjutkan.
Beri tanda centang pada Expand Template Widget.
Cari kode <body>, lalu letakkan kode berikut diatas kode <body>

<script type='text/javascript'>
<![CDATA[
<!-- /*<body>*/ -->
]]>
</script>
Simpan Template Anda.
Anda akan melihat gambar konformasi seperti di bawah ini.
Klik Delete Widget untuk menghapus Navbar.

Jika Anda melakukan cara ini Anda juga akan menghapus Link Quick Edit gambar pensil, atau gambar kunci pas ama obeng di blog Sobat, namun cara ini sangat banyak mengurangi error pada blog.

Untuk cara ketiga dalam Menghapus / Menghilangkan Navbar Blogger, sama halnya dengan cara sebelumnya, cuma kode yang kita cari seperti dibawah ini :
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
bla...
bla...
bla...
</b:widget>
</b:section>
Jika sudah ketemu, hapus kode tersebut lalu Simpan Template Anda.

Silakan Anda pilih cara mana yang Sobat gunakan untuk Menghapus / Menghilangkan Navbar Blogger.

DCM Dark


DCM Dark : Urang Kurai Template
DCM Dark is a free premium blogger template with 2 columns, responsive design, left and right sidebars, gallery-styled, minimalist, exclusive design for Blogger, social bookmarking icons, posts thumbnails, tabs, infinite scrolling and well formatted threaded comments.

Free Dcm Dark Blogger Templatee is a free another premium gallery style blogger template. this theme drak vertion of the Dcm White Blogger Template, its`2 columns with 1 right sidebar, no coloumns footer, responsive theme, gray color background, elegant looks, fast loading, jquery support, left side have a 1 small menu option. This Dcm Dark Blogger Template good for personal and gallery related blogs.

Excellent layout for blogs about art, business, crafts, internet, news, a diary or photography.






Template Name : Dcm Dark Blogger Template
Template Author : Urang Kurai / urang-kurai.blogspot.com
Designer : Urang Kurai

Free Dcm Dark Blogger Templatee is a free another premium gallery style blogger template. this theme drak vertion of the Dcm White Blogger Template, its`2 columns with 1 right sidebar, no coloumns footer, responsive theme, gray color background, elegant looks, fast loading, jquery support, left side have a 1 small menu option. This Dcm Dark Blogger Template good for personal and gallery related blogs.

Search Tag :
Dcm Dark Blogger Template
Dcm Dark Blogspot Template
Dcm Dark B Template
Dcm Dark Blogger Theme
Dcm Dark Blogspot Theme
Dcm Dark B Theme

Properties : Wordpress Look, 2 Column, 1 Right Sidebar, Top Navigation Bar, Gallery, Free Premium, Personal, Responsive, Black, Blue, White

Tips on choosing a blog template

       
Tips on choosing a blog template

TIPS MEMILIH TEMPLATE BLOG


EXPO TEMPLATES | Dalam memilih template blog, ada beberapa tips yang harus dipertimbangkan. Diantaranya, Fungsi template (template function) dan tujuan (goal template). Artinya, sudah sesuaikah template yang dipilih dengan visi misi website itu sendiri.

Sebagai contoh, kita ingin menggunakan blog sebagai platform perniagaan atau business, template yang mungkin sesuai adalah template dengan style elegant dan magazine. Mungkin sedikit janggal jika menggunakan theme yang gelap. First impression adalah satu aspek yang tidak boleh kita pandang ringan dan abaikan jika ingin menarik lebih ramai lagi visitors.

Demikian juga dengan template blog yang berkategori personal. Biasanya dasar pemilihan lebih menitik beratkan pada style untuk menarik minat (attractive force template). Biasanya bermotif dan mempunyai fitur-fitur yang terkesan canggih dan elegant.

So… Templates are usually created by the author with the functions and advantages of each. Setiap template dibangun dan dirancang oleh penciptanya sesuai dan fungsi dan tujuannya.

Demikian juga bagi pemburu pagerank di search enggine. Jelas yang jadi pertimbangannya adalah templates seo friendly. Rata-rata tampilannya minimalis dan sederhana. Pilihannya pasti “Easy Loading Super SEO Blogger Template” atau “SEO friendly fast loading blogger template”.

Kenapa? Karena memang yang dikejar adalah top position search engine. Tampilan bisa nomor kesekian yang penting situs berpotensi di kunjungi publik. Semakin banyak semakin baik. Widget dan berbagai fitur juga dikurangi untuk mengurangi beban loading. Walau saat ini sudah banyak pula pembuat templates seo friendly yan menciptakan templates berbentuk indah. Tapi pada dasarnya tetap harus fast loading templates.

Untuk itu, berikut EXPO online, berbagi tips untuk memilih template blogspot.
  1. Template yang terbaik adalah template yang mesra SEO. Ini karena template tersebut di buat khusus bertujuan untuk mendapatkan rank yang baik dalam search engine dan friendly pada visitor. Biasanya, loading untuk template yang mesra SEO ini adalah sangat cepat. 
  2. Saat kita melihat preview (live demo) template yang akan di pilih, pastikan ketika dalam proses loading template tersebut, bagian post muncul dahulu dan di ikuti bagian sidebar. Ini karena, jika terjadi error pada widget di sidebar saat proses loading, tidak akan mengganggu bagian post. Artinya, artikel-artikel atau data yang hendak dipublikasi melalui blog kita tetap dapat terdeteksi oleh mesin pencari. 
  3. Jika anda memilih untuk menggunakan template 3 colum, anda di cadangkan supaya menggunakan template yang mempunyai 2 sidebar yang di letak di sebelah kanan secara bersebelahan. Ini karena, jika terjadi masalah ataupun error dari hosting widget-widget yang telah di pasang pada sidebar, tidak akan menggangu proses loading bagian post. 
  4. Dari segi warna, putih adalah warna yang terbaik (clean template). Putih dilihat lebih mesra dengan visitors. Jika anda ingin menggunakan warna yang gelap ataupun hitam, pastikan font adalah sesuai dan pastikan juga ukuran (size) dan jenis font tidak menyulitkan visitors untuk membacanya. 
  5. Pilih template yang kurang menggunakan image. Walaupun template yang menggunakan image Nampak lebih cantik dan menarik, tetapi ia mempunyai kelemahan dari segi loading. Biasanya image yang digunakan untuk template tersebut berformat png. 
  6. Pilih template yang kurang menggunakan javascript yang di host dari pihak luar. Karena, ini akan menjadi beban tambahan loading pada blog kita dan berpotensi error. Robot pencari, sangat sibuk harus mengubek-ubek jutaan situs yang penting dan tidak penting. Dia diciptakan canggih dan pintar menentukan mana yang penting dan tidak penting. Jadi, jangan sampai situs kita dianggap tidak penting karena mempunyai beban berat dan fitur-fitur yang menganggu konstrasi intinya… he.. he..

Demikian tips dalam memilih template ini. Kenapa lebih mengedepankan SEO FRIENDLY, karena situs dibuat agar diketahui public dan berpotensi dikunjungi. Untuk apa sebuah situs dibangun jika hanya kita saja yang menjadi visitornya. He.. he… lol. Semoga artikel Tips on choosing a blog template bermanfaat bagi Anda.

Johny Tampan Template

Johny Tampan Template


TEMPLATE FEATURES

This template modified from Johny Joss Banget template, with the dark style color. It was designed for gallery content blogger especially for movie collection. I made the slider with 6 posts in front and for more detail you can see the demo directly. It's a black and yellow color with 5 column blogger in there, adding meta tag H1 in every posts, automatic slider Carousel for your recent post, 1 left sidebar, 3 columns footer, navigation drop down menu, grid and list style, pagination for blogger ready, clean design template, toggle sidebar, ads ready and more. This template suitable for gallery content blog with daily updates. But you can use it for any gallery images for your blog.

Template Name : Johny Tampan
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : www.maskolis.com




Replace Blog Id for Comment Reply to Work
-----------------------------------------

After uploading this template, go to Template -- Edit HTML and search for "981587371775371044". Replace this with your Blog ID. If you are in your Blogger Template page then you can find your Blog ID in the URL like blogID=123456...

Set up the Movie Categories
---------------------------


This template displays recent posts/movies by default in the home page. Underneath the Recent posts, it can display movies or posts belong to certain labels (categories). These are called as Movie Categories.

You can find these as Widgets in Layout page as Movie Category 1, Movie category 2 etc., Open each one of them and change the Title as you wish. You may change Category 1 to Action movies for example. Also, put the Label in the content box. This will show all posts from the given label.

If you do not want any Movie category then don't put anything in the content box of that category. This template will automatically hide those.

For SEO
-------
Make sure to update following in the HTML for SEO.
<meta content='Your Blog Description here!' name='description'/>
<meta content='Your Keywords here!' name='keywords'/>
<meta content='Author Name here!' name='Author'/>

Memahami Perusahaan Pembuatan Website (Web Design)

Internet menjangkau audiens target yang luas dan digunakan untuk mempublikasikan informasi pribadi dan profesional dengan memasukkan penga...