thumbnail

Cara Menampilkan Widget pada Halaman Utama/Homepage, Archive atau Halaman URL

kualitas blogSobat. Sering kali kita menemukan sebuah blog dengan berbagai tampilan yang mewah, wah dan ngejreng warna warni.

Selain daripada itu, banyak sekali widget yang dimunculkan di halaman utama/ homepage. Ketika disandingkan dan dibandingkan dengan jumlah posting yang ditampilkan pada halaman utama/homepage, ternyata tidak merata dan seimbang. Akibatnya, kita akan mengalami kesulitan dan merasa aneh dengan hal itu.


Jangan-jangan hal itu malah terjadi pada blog sobat? Tung-tung--tung, hehe. Sobat. Sudah berulang kali Ane shared dan kita bahasa bersama pada artiiel sebelumnya, bahwa salah satu faktor penting dalam membangun sebuah blog yang berkulaitas adalah memberikan kenyamanan pada user, dan sering kali disebut friendly. Salah satu yang akan kita bahas kali ini tidak lain juga menjadi salah satu cara untuk membuat blog kita menjadi user friendly. Dalam hal ini dengan cara melakukan optimasi pada penempatan widget baik di halaman utama/homepage atau di bagian tertentu, misalkan pada halaman statis, halaman dalam/posting, halaman arsip atau hanya pada satu halaman saja. Lebih jelasnya sobar bisa  melihat contoh blog yang belum friendly sepenuhnya [klik di sini].

Langkah-langkah Menampilkan Widget pada Halaman Tertentu
Langsung saja, seperti biasanya, mari berdo'a terlebih dahulu dan semoga diberikan kemudahan dan keberhasilan pada kita semua, aamiin.
1. Mencari ID Widget (kita langsung mencari pada template blog saja)
2. Masuk akun blogger > login > Template > Edit Html
3. Cari kode widget (ID wiget) yang diinginkan untuk diatur posisinya. Biasanya diawali seperti kode berikut
<b:widget id='Nama widget' locked='false' title='' type='HTML'>
<b:includable id='main'>

4. Tambahkan kode pembuka tag berikut
<b:if cond='data:blog.pageType == &quot;item&quot;'> di bawah kode <b:includable id='main'> dan kode penutup tag </b:if> di bawah kode <b:include name='quickedit'/> atau di atas </b:includable>

Contohnya seperti ini (widget di dalam posting), seperti di blog SL
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

5. Jangan lupa Save/simpan template
6. Baca Hamdallah (selamat dan sukses)

Tambahan:
1. Cara menambahkan widget pada halaman utama/homepage

<b:widget id='HTML11' locked='false' title='' type='HTML'><b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'> <data:content/></div><b:include name='quickedit'/></b:if></b:includable></b:widget>

2. Cara menambahkan widget pada halaman Statis
<b:widget id='HTML11' locked='false' title='' type='HTML'><b:includable id='main'><b:if cond='data:blog.pageType != "static_page"'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:if></b:includable></b:widget>
3. Cara menambahkan widget pada halaman Arsip (Archive)
<b:widget id='HTML11' locked='false' title='' type='HTML'><b:includable id='main'><b:if cond='data:blog.pageType == "archive"'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:if></b:includable></b:widget>

4. Cara menambahkan widget pada salah satu halaman (bisa pada alamat URL/ link tertentu)

<b:widget id='HTML11' locked='false' title='' type='HTML'><b:includable id='main'><b:if cond='data:blog.url == "Ganti dengan URL Halaman di sini"'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:if></b:includable></b:widget>
Jika sobat ingin melakukan beberpa widget, silakan lakukan cara di atas. Ingat, cari ID Widget,  cari elemen widget sesuai ID di template. Demikian cara optimasi SEO melalui cara pengaturan widget. Harapannya blog kita semakin user friendly dan berkualitas.
Salam hangat.
(http://sahilluqman.blogspot.com/).*
thumbnail

Cara Pasang Widget Akun Media Sosial dengan CSS Sprite Terbaru

Pasang Widget Akun Media Sosial dengan CSS Sprite


Widget Akun Media Sosial dengan CSS Sprite
Cara Menampilkan, Membuat, atau Memasang Widget Akun Media Sosial di Sidebar Blog dengan Gambar CSS Sprite agar Fast Loading.

WIDGET akun media sosial di sidebar blog berupa ikon (icon) logo seperti Facebook, Twitter, Google Plus, dll. bisa memperlambat loading blog, jika image-nya besar, tidak menggunakan dimensi ukuran, juga bisa mengurangi skor SEO jika gambarnya tanpa deskripsi (alt tag).
CSS Sprite sendiri artinya koleksi beberapa gambar yang disatukan dalam satu gambar (collection of images put into a single image). Bagus banget untuk mempercepat loading blog. (CSS Images Sprites).

Cara Pasang Widget Media Sosial di Blog dengan Image CSS Sprite 

1. Klik "Template" > "Customize"
2. Klik "Advanced" > "Add CSS"
3. Copy & Paste kode berikut ini di kolom yang tersedia:

#head-soc ul li {list-style :none; padding: 0 0 0 12px; float: right;}
#head-soc ul li a {text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden ; height: 32px; width: 32px ;border: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV6JrnmXWFqoH69bqH73A_It938MJGnGr7Y2IlvEGtwLa5__MO7NuyM0zllLz4-IHz4LGRxo4XX_2_0-h-t6LDdVylN4tdlZWGkJogA75MhcqsGZJ1jLNZvplHBebHXZB5CGuwW4B260yK/s1600/spice-up-blog-sprite.gif) no-repeat; display: block;}

#head-soc li#g a {background-position: 0px 0px;}
#head-soc li#g a:hover {background-position: 0px -32px;}

#head-soc li#rss a {background-position: -32px 0px;}
#head-soc li#rss a:hover {background-position: -32px -32px;}

#head-soc li#sub a {background-position: -64px 0px;}
#head-soc li#sub a:hover {background-position: -64px -32px;}

#head-soc li#fb a {background-position: -96px 0px;}
#head-soc li#fb a:hover {background-position: -96px -32px;}

#head-soc li#twit a {background-position: -128px 0px;}
#head-soc li#twit a:hover {background-position: -128px -32px;}

#head-soc li#li a {background-position: -160px 0px;}
#head-soc li#li a:hover {background-position: -160px -32px;}

#head-soc li#youtube a {background-position: -192px 0px;}
#head-soc li#youtube a:hover {background-position: -192px -32px;}

4. Klik "Apply to Blog"

Catatan:
- Kode CSS di atas terpasang di atas kode ]]</b:skin>
- Anda juga bisa memasangnya dengan cara Template > Edit HTML dan Copas kode tersebut di atas kode ]]</b:skin>

5. Klik "Back to Blogger Dashboard"
6. Klik "Layout" > Add a Gadget > pilih "HTML/Javascript"
7. COPAS kode berikut ini di kolom "Content". Judul gadget kosongkan.

<!--Social Sprite Html-->
<div id="head-soc" style="margin: 0 0 20px -10px">
<ul>
<li id="g"><a href="https://plus.google.com/xxxxxxxxxxxxxxx/posts" target="-blank">Google+</a></li>
<li id="rss"><a href="http://feeds.feedburner.com/xxxxxxxxxxxx" target="-blank">RSS Feed</a> </li>
<li id="sub"><a href="http://feedburner.google.com/fb/a/mailverify?uri=xxxxxxxxxxxxxxx" target="_blank">Subscribe</a></li>
<li id="fb"><a href="http://facebook.com/xxxxxxxxxxxxxxx" target="-blank">Facebook</a></li>
<li id="twit"><a href="http://twitter.com/xxxxxxxxxxxxxxx" target="-blank">Twitter</a></li>
<li id="li"><a href="http://www.linkedin.com/in/xxxxxxxxxxxxxxx" target="-blank">LinkedIn</a></li>
<li id="youtube"><a href="https://www.youtube.com/user/xxxxxxxxxxxxxxx" target="-blank">YouTube</a></li>
</ul>
</div>

8. Jangan lupa, ganti tulisan berwarna merah dengan ID akun medsos Anda. Jika belum punya, minjem dong, eh... ya bikin dulu lah...! Banyak akun medsos Bagus lho buat SEO blog!

9. Save!

Kini Widget Akun Media Sosial dengan image CSS Sprite yang Fast Loading sudah terpasang dan mestinnya sudah muncul di sidebar blog Anda. Good Luck!
Sumber: http://contohblognih.blogspot.com
thumbnail

Cara Membuat Featured Post Terbaru pada Blog

Featured Post SWNeo 2015
Sahabat. Apabila rekan-rekan perhatikan, adakah perbedaan antara blog SL dengen blog Sobat ketika melihat halaman muka (home page??? Apakah perbedaannya? Jika Sobat amati, dalam blog SL pada halaman home page akan terlihat kotak biru dan di dalamnya terdapat judul posting "Cara Membuat Featured Post (Fitur Posting) Terbaru pada Blog" beserta ulasan singkatnya. Itulah yang dinamakan featured post pada bllog. Menarik bukan?^_^.

Mungkin dari beberapa rekan-rekan ada yang bertanya-tanya, sebenarnya apa sih featured post itu? Featured post merupakan kotak halaman muka pada blog, yang isinya berupa posting terbaru, teratas dan terupdateTujuannya tidak lain untuk mempermudah pembaca menerima informasi terupdate dari suatu blog, atau posting tervavorit di dalam blog itu, sesuai dengan kehendak admin.


Sahabat.

Fetured post ini biasanya terdiri dari dua mode, yakni mode klasik dan mode slide. Mode klasik di dalam featured post ini hanya berisi ulasan singkat dan images thumbail dari posting dan tersebut.
Jika merujuk pada tips mempercepat loading blog, maka gunakanlah featured post mode klasik, yang akan saya ulas pada kesempatan ini, yang ane peroleh dari blog CB.
Dan tentu, banyak sekali informasi yang bisa Sobat dapatkan dari sumber lain dalam hal membuat featured post pada blog. Namun, tidak ada salahnya dibuktikan ke-SEO an featured post yang Ane haturkan kali ini. Bisa dibuktikan skore SEO blog SL di Chkme, 100%.
Sekali lagi, fungsi utama Featured Post adalah menampilkan posting terupdate, teratas, terbaru dan/atau posting yang kita anggap "Posting tervavorit" di halaman depan (homepage).

Tahapan Membuat Featured Post Mode Klasik Tanpa Slider

1. Login blogger > masukkan akun sobat
2. Klik Template > Edit HTML
3. Cari (CTRL+F) kode ]]</b:skin>
4. Copy & Paste kode berikut ini DI ATAS kode ]]</b:skin>

#featuredpost {background:#000;float:left;margin:10px 10px 20px 10px; padding:0 0 10px;width:97%; position:relative;color:#eee;}
#featuredpost .featured-thumb {float:left; margin:15px; padding:0px;}
#featuredpost .container {height:205px; margin:0 10px 0 0;overflow:hidden; position:relative;font-family: Arial;font-size: 13px;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1.3em;}
.featuredTitle{padding-top:15px;font:17px Oswald;}
.featuredTitle a{color:#f5ff88}
.featuredTitle a:hover{color:#c00}

*** Catatan: Anda bisa mengganti background warna hitam (#000) dengan warna lain. Kode-kodenya ada di Kode Warna HTML.

5. Cari kode </head> dan Copy & Paste kode berikut ini DI ATAS kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/221222113215/jquery.innerfade.js' type='text/javascript'/>
<script src='http://yourjavascript.com/122111125120/cycle.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9IchMy6E2wltDdjOfkvJKMyAz3kq_KjtxjfVRxIi4neANnH3DaaIHheIkSAE4IdvKlnWI4rg79xjAVd5yf6aRiDX695tuyXHfDPIeigKnzUmS7U7g9BXezq-OtMbYOM-3KR7lDWan8as/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 300;
summaryTitle = 25;
numposts  = 1;

function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}

function showrecentposts(json) {
 j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
 img  = new Array();
    document.write('<div class="slides">')
 if (numposts <= json.feed.entry.length) {
  maxpost = numposts;
  }
 else
       {
    maxpost=json.feed.entry.length;
    }
   for (var i = 0; i < maxpost; i++) {
     var entry = json.feed.entry[i];
     var posttitle = entry.title.$t;
  var pcm;
     var posturl;
     if (i == json.feed.entry.length) break;
     for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'alternate') {
          posturl = entry.link[k].href;
          break;
        }
     }

  for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
          pcm = entry.link[k].title.split(" ")[0];
          break;
        }
     }

     if ("content" in entry) {
        var postcontent = entry.content.$t;}
     else
     if ("summary" in entry) {
        var postcontent = entry.summary.$t;}
     else var postcontent = "";

     postdate = entry.published.$t;

 if(j>imgr.length-1) j=0;
 img[i] = imgr[j];

 s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

 if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

 //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

 var month = [1,2,3,4,5,6,7,8,9,10,11,12];
 var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

 var day = postdate.split("-")[2].substring(0,2);
 var m = postdate.split("-")[1];
 var y = postdate.split("-")[0];

 for(var u2=0;u2<month.length;u2++){
  if(parseInt(m)==month[u2]) {
   m = month2[u2] ; break;
  }
 }

 var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="290" height="180" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p></div>';
 document.write(trtd);

 j++;
}
    document.write('</div>')
}

//]]>
</script>

*** Catatan: tulisan yang di-highligt dengan warna merah bisa Anda ganti dengan URL Image versi Anda. Fungsinya sebagai "default image" --akan muncul jika dalam postingan Anda tidak ada gambar.

6. Cari (CTRL+F) kode <div class='main-wrapper'> dan simpan kode berikut ini DI BAWAHNYAatau DI ATAS <b:section class='main' id='main' showaddelement='no'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featuredpost'>
<div class='container'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
<!--end .container-->
</div></b:if>
</b:if>

Catatan:  
Kode yang diberi warna merah adalah untuk memunculkan posting terbaru di Featured Post tanpa Slider. Anda bisa mengubahnya jika memunculkan posting terbaru di label/kategori tertentu. 


Misalnya, yang mau dimunculkan posting terbaru di label "Blogging", maka ganti menjadi /feeds/posts/default/-/Blogging

7. Save Template!

Demikian cara membuat Featured Post Mode Klasik tanpa Slider. Semoga berhasil and good luck. (http://sahilluqman.blogspot.com).*
thumbnail

Situs Template Blogger Fast Loading and Responsive Terbaik 2015

sahill blogSahabat blog Sahill. Pada ulasan sebelumnya telah kita ketahui bersama akan manfaat dan modhorot apabila kita sering menggonta-ganti template sebuah blog. Namun tidak ada salahnya apabila pada kesempatan ini saya shared informasi tentang situs penyedia template blogger (blogspot) terbaik yang pernah saya ketahui. Selain daripada itu, hal ini bisa dikatakan penting karena sesuai dengan saran google kepada para blogger, akan pentingnya sebuah perancangan yang matang ketika ingin membangun sebuah blog yang berkualitas, seperti ulasan artikel yang telah saya share beberapa jam yang lalu.

Sebelum mengarah pada pokok bahasan, tidak ada salahnya apabila sobat ingin menggunakan template terbaru sari blog SL yang sudah diperbaiki sehingga menjadi SEO 100%, fast loading, responsive dan friendly. Template tersebut bisa langsung digunakan dan sudah ane cek skor SEO dan kecepatan loadingnya. Berikut link donwload dan demonya:
  1. New Sahill Wuss SEO100%
  2. New Sahill SEO 100%
  3. Sahill Wuss Neo 2015
Langsung saja, berikut 10 situs penyedia template blogger terbaik:
  1. eBlog Templates
  2. B-Template
  3. Our Blog Templates
  4. Blog Crowds
  5. Jisele Jaguenod
  6. Final Sense
  7. Blogger Styles
  8. Zoom Template
  9. Blogger Templates
  10. BieTemplates
Dari kesekian penyedia layasan template, akan diberikan template yang gratis sesuai dengan harapan rekan-rekan. Namun, sedikit masukan, apabila ingin mencari sebuah template, carilah template yang SEO, responsive, fast loading dan friendly. Hal itu merupakan pertimbangan point penting dalam membangun sebuah blog berkualitas dan disukai google. Berikut tools yang bisa Sobat gunakan untuk mengukur seberapa bagus sebua template, berdasarkan skore SEO dan kecepatan loadingnya:
  1. Chkme (mengukur skor SEO sebuah template/blog)
  2. GTmetrik (mengukur skor kecepatan loading template/blog)
Khusus bagi yang baru memulai ingin membangun sebuah blog yang berkualitas sesuai dengan saran google, tidak ada salahnya untuk menelaah dan menggunakan template SEO 100%, fast loading dan responsive tahun 2015 pada link artikel blog sahil berikut:
  1. Cara membangun blog berkualitas SEO dan disukai Google
  2. Panduan dasar SEO membangun blog berkualitas
  3. Cara mengganti template SEO
  4. New Sahill Wuss Blogger Template 2015 Fast Loading, Responsive dan Free
  5. New Sahill Wuss SEO100%
  6. New Sahill SEO 100%
Berdasarkan situs tersebut, mungkin dari rekan-rekan blogger lain pernah mempunyai link penyedia template pihak ketiga, bisa dishare kepada rekan-rekan yang lain.
Bijak dalam merencanakan, menerapkan dan konsisten menjadi awal dalam membangun sebuah blog berkualitas.
Good luck and happy blogging

Sumber: (http://sahilluqman.blogspot.com).*
thumbnail

Cara Membuat Blog Berkualitas Sesuai Saran Google

membangun blog berkualitas
Sahabat blog SWNeo. Beberapa waktu lalu ada pengalaman unik yang Ane dapatkan sewaktu mendengarkan keluhan dari rekan blogger. Pertanyaan tersebut berkenaan dengan bagaimana membuat planing dalam membangun sebuah blog pribadi yang berkualitas dan disukai google maupun alexa. Beberapa pertanyaan diajukan dan akhirnya kita berdiskusi sejenak. Dari diskusi tersebut, akhirnya timbul keinginan Ane untuk shared dan menyampaikan hasilnya di forum ini. Pokok pembahasan diskusi di atas, saya simpulkan menjadi beberapa pokok bahasan berikut:
  1. Bagaimana membangun sebuah blog yang berkualitas?
  2. Langkah-langkah apa yang perlu dilakukan para blogger pemula dalam membangun blog berkualitas?
  3. Followup/tindak lanjutnya seperti untuk mempertahankann kredibilitas sebuah blog berkualitas agar tetap eksis dan konsisten?
Sahabat. Sudah menjadi keharusan dalam membangun sebuah blog berkualitas tentu memerlukan kerja keras, ketekunan dan sikap optimiatis. Tidak hanya itu, keseriusan dalam belajar mutlak diperlukan. Tidak sekedar asal membuat blog dan coba-coba, namun perlu planing perencanaan yang matang (wah, kok serius banget.red). Berdasarkan hal itu, keyakinan akan sebuah keberhasilan menjadi faktor kunci dalam membangun sebuah blog yang berkualitas.

Sahabat. Sebenarnya makna berkualitasnya sebuah blog itu parameternya seperti apa? Mungkin sebagian banyak orang memiliki kriteria sendiri dan berbeda dalam memaknai arti kata "berkualitasnya" sebuah blog. Sehingga, munculnya penafsiran yang luas itu menjadi motivasi rekan saya untuk berdiskusi ini. Bagaimana menurut sobat?
Menanggapi hal itu, menurut blog Sahilluqman, makna berkualitas atau tidaknya sebuah blog, secara umum ditentukan beberapa faktor berikut:
  1. Blog tersebut disukai,  digemari, diminati dan ditunggu informasi edukasi selanjutnya oleh pembaca maupun admin pengelola apa tidak?
  2. Admin/Penulis merasa lega akan hasil edukasi ilmu yang telah berhasil ditulis dan disampaikam kepada pembaca (tersampaikannya inforrmasi ilmu sesuai yang diharapkan penulis) apa tidak?
  3. Secara eksternal, blog tersebut disukai oleh google atau mesin pencari yang lain (search engine), seperti yahoo, memex apa tidak?

Pertanyaan di atas tentu menjadi bahan pemikiran kita untuk memperkecil ruang lingkup pembahasan ini.

Bagaimana langkah kita dalam membuat blog yang digemari, disukai dan dinanti pembaca? Untuk lebih mempermudah menjawab pertanyaan itu, mari kita cermati sejenak. Jika blog SL analogikan masalah itu, sama ketika kita membangun sebuah rumah. Sebuah Rumah akan disukai dan digemari serta menjadi tempat yang nyaman ditempati, baiti jannti apabila memiliki kriteria berikut:
  1. Pemilihan desain tata ruang yang tepat sesuai keinginan. Minimalis, premium atau ngejreng? Pemilik rumahlah yang akan menentukan.
  2. Penataan isi rumah
  3. Pemilik rumah yang ramah tamah
  4. Pemilihan letak alamat rumah yang strategis, mudah dijangkau

Seperti halnya dalam membangun sebuah blog yang berkualitas, faktor penting yang harus dilakukan menurut blog Sahill analog point di atas:
  1. Tentukan visi misi dalam membangun sebuah blog (wah kok kayak organisasi).
  2. Maksud Ane, visi misi ini menjadi pondasi yang sangat penting karena akan menjadi acuan dalam langkah kedua, yakni menentukan desain tampilan blog. Misalkan Sobat ingin membuat blog dengan tujuan bisnis online, tenti harus menyesuaikan tata kelola desain yang tepat. Sebagai contoh website yang sudah kita kenal seperti tokobagus.com atau olx.co.id. Tata kelola desain tampilan web atau blog tersebut tentu akan sangat berbeda dengan desain tampilan website atau blog berita, seperti detik.com.
  3. Menentukan desain tampilan blog. Desain tampilan blog hendaknya menyesuaikan tujuan awal dalam membangun sebuah blog yang berkualitas seperti penjelasan point satu. Dalam hal ini bisa diawali dari pemilihan template baik dan benar, tentu salah satu parameternya adalah desain template yang disukai google atau mensin pencari lain. Misalkan template blog yang SEO, fast loding (loading cepat), responsive dan friendly. Sehingga perlu dilakukan optimasi dasar blog SEO. Bagi pemula (seperti Ane wajib melakukan langkah ini). Hal itu yang kini menjadi trending topic para webmaster tahun 2015. Bagi rekan-rekan yang belum mempunyai template blog seperti kriteria tersebut (SEO 100%), silakan download di sini atau link ini.
  4. Memulai isi blog dengan konten tulisan yang berkualitas. Hal ini menjadi faktor utama berkualitas atau tidaknya blog, karena mau sebagus apapun tampilan namun tanpa isi konten (tulisan) yang berkualitas, maka semua itu akan tidak berguna. Sehingga perlu Admin blog yang ramah dan santun. Hal ini berkenaan dengan etika komunikasi yang baik terhadap pembaca. Tentu poin ini menjadi rujukan dalam menentukan point satu sampai tiga. Keramah tamahan pengelola/pemilik blog akan menciptakan kenyamanan pembaca (tata pemilihan desain warna, font, jenis huruf yang sejuk dimata), memudahkan-dapat dibuka dengan device apapun saat ini (mobile friendly).
Sahabat blogger.
Sudah menjadi keharusan para blogger yang memang berniat membangun sebuah blog, website yang berkualitas. Sejauhmana para bloger dalam menafsirkan makna berkualitasnya sebuah blog, hal itu pula yang akan menentukan langkah untuk mencapai keberhasilan dan ketercapaian tujuan awal. So, luruskan niat dan ikhtiar sesuai planing yang telah kita rancang. Good luck and happy blogging
Salam.

(http://sahilluqman.blogspot.com).*