SL Wuss Series: Best Template SEO, Responsive and Fats Load Blogger Template 2015

Sobat blogger. Jika diamati, tampilan dari blog Sahilluqman mengalami perubahan signifikan.

Coba diamati njeh? Apakah sama dengan tampilan sebelumnya?

Jawabannya adalah jelas berbeda. Kali ini Ane menggunakan salah satu template SL Series Template, yakni SL Wuss V4.1.

Tidak sekedar lebih ringan dan cepat, namun juga sama-sama mengusung responsive dan elegan, namun lebih premium dibandingkan dengan template yang sebelumnya Ane pakai.

Dengan mengusung faktor yang PALING DIINGINKAN GOOGLE itulah, template ini sangat direkomendasikan buat rekan-rekan blogger semua.

Mungkin ada di benak rekan-rekan, kok tampilannya hampir sama dengan template karya mas CB, seperti New Johny Wuss? Paling tidak, rekan-rekan bisa memberikan masukan akan kelebihan dan kekurangannya.

Memang secara garis besar, template SL Series ini sama-sama berasal dari karya sang master design template, yakni Mas Kholis. Sobat bisa melihanya di bagian bawah footer link nya.

Langssung saja, kali ini akan ane rangkumkan template dengan kategori SEO, Responsive, Fast Load dan user friendly.

Tidak heran template tersebut merupakan template yang "khas".

Seperti halnya template-template sebeumnya, template ini sangat ane rekomendasikan sekali buat rekan-rekan bloggger semua.

Alasannya tidak lain dan tidak bukan, template ini sudah memenuhi "keyword" dari algoritma terbaru google, yakni Mobile Geddon.

Dengan beberapa keinginan dan saran google itulah, template yang mengacu dari Creating Website inilah sehingga muncul template SL Series ini. Tidak terlalu berlebihan jika "menurut" Ane template SL Series ini sangat direkomendasikan sekali. Untuk lebih lengkapnya, berikut ketiga SL Series blogger template.

1. SL Wuss V2 Blogger Template

 

More info demo & Downdload

2. SL Wuss V3 Blogger Template

More info demo & Downdload

3. SL Wuss V4 Blogger Template

More info demo & Downdload

4. SL Wuss V4.1 Blogger Template

More info demo & Downdload

5. SL Super Fast Blogger Template

More info & Download

Demikian sekilas info terbaru design template dari blog Sahilluqman, semoga dengan berkah di bulan Ramadhan ini bisa memberikan kemanfaatan dan menjadikan blog atau situs website rekan-rekan menjadi lebih berkualitas, aamiin.

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

Salam

Read more »

Cara Jitu Membuat Posting Terindex Google

Cara Cepat Membuat Artikel Blog Terindex Google

Sobat. Pada kesempatan ini, akan kita ulas bagaimana caranya agar "posting" atau "artikel" baru blog bisa cepat terindex google. 

Tentunya, ini sangat penting kita ketahui. 

Bagaimana tidak? Sebuah blog akan dinilai sukses apabil banyak orang yang "mengenal" sehingga "dikunjungi" banyak orang. Salah satu faktor penting dalam hal ini adalah "Konten yang berkualitas". Apa sudah cukup? Belum Sobat.

Suatu posting artikel baru akan sulit ditemukan orang jika dalam mesin pencarian search engine (dalam hal ini google atau mesin pencari yang lain. 

Dalam bahasan ini, adalah cara cepat membuat posting artikel blog kita menjadi cepat terindeks google, terbukti 100 % (dicek saja di search google engine). Tidak jauh berbeda dengan cara agar web/ blog bisa cepat terindek google (bahasan diskusi sebelumnya), hanya terdapat beberapa perbedaan kecil.

Pada dasarnya, postingan artikel yang telah kita buat untuk web atau blog (melalui blogspot) akan tetap terindeks google (mesin pencari), namun memerlukan waktu (1, 2 s/d beberapa jam), bahkan hitungan detik. Kenapa banyak varian waktu berbeda? Disadari atau tidak, para blogger pasti akan membuat konten tulisan posting artikel yang berkualitas. 

Semakin berkualitas posting artikel yang kita buat, pasti akan semakin cepat terindeks oleh mesin pencari (google). Bagi yang belum berkualitas alias populer postingan artikel Sobat tidak perlu galau dan khawatir. Ada satu cara jitu Agar Artikel Blog Cepat Terindex Google, yakni topik bahasan kita pagi ini.

PENGEN postingan artikel cepat terindeks google? Cara yang "mujarap" dan "jitu 100 %" mempercepat posting artikel blog yakni menggunakan Google Web Master Tools. Di dalam Google web master tools, sudah disediakan peralatan khusus yang disebut Fetch Google. Apa yang dinamakan Fetch Google?

Fetch as google adalah perangkat layanan yang disediakan web master google bertujuan untuk membantu google dalam mengenali konten posting artikel blog guna ditampilkan ke dalam database search engine (mesin pencari).

Penjelasan sederhana salah satu fungi Fetch as Google ibarat ada peluang bisnis, maka "jemput bola" menjadi keharusan daripada menunggu pembeli. Mudah dimengerti kan?

CARA MEMBUAT POSTING ARTIKEL CEPAT TERINDEKS GOOGLE

1. Masuk ke  Google Web Master Tools
2. Masukkan akun blog sobat (sesuai akun blog pad blogger) > akan terlihat blog sobat
3. Klik menu Crawl (ambil sebagai google). Akan terlihat tulisan "Fetch as Google" atau "ambil sebagai google". Di bawah tulisan tersebut ada kolom kosong (berisi alamat url artikel yang akan diindekskan ke google.
4. Masukkan alamat posting artikel baru pada kolom yang kosong tadi (penjelasan point no 3). Biasanya "di samping kiri kolom tersebut, ada tulisan alamat Url blog, misalakan http://sahilluqman.blogspot.com). Sehingga bagian kolom kosong hanya diisi alamat url "lanjutan" dari Url posting artikel yang mau diindekskan. Contoh secara utuh, misal alamat Url posting artikel baru sebagai berikut: http://sahilluqman.blogspot.com/2014/11/cara-jitu-mempercepat-index-google.html, maka yang dimasukkan dalam kolom kosong tersebut 2014/11/cara-jitu-mempercepat-index-google.html
5. Klik FETCH (Ambil) . Alamat url yang telah dimasukkan tampil di path bawahnya.
6. Klik Submit to index
7. Centang opsi Crawl only this URL (penjelasan gambar 2).
8. Go atau Kirim

Keterangan gambar:

1. Penjelasan point 1 s/d 6

2. Penjelasan point 6

3. Penjelasan point 7

Selamat mencoba Guys. Good luck !

Read more »

SL Wuss V2 Blogger Template, Responsive, SEO and Fast Loading Abis

Template Blogspot Responsive, SEO and Fast Loading Terbaru SL Template

Sahabat. Kali ini ane kenalkan template blogspot terbaru dari SL Template. Template ini sangat berdesain unik, berkelas dan tentunya sangat elegan sekali kang. Dengan gaya khas SL Template membuat tampilannya sangat user friendly. 

Template ini redesighn dari Master blogger Indonesia, yakni Mas Kholis. Sehingga, di dalam footer link masih tetep ada alamat Url Mas Kholis. 

Template ini diberi nama SL Wuss V2. Kenapa diberi nama tersebut? Sesuai keterangan dari sang empu modifikasinya, template ini sangat cepat. Sehingga, diberinama wuss. Untuk keterangan lebih lanjut, akan saya berikan screen shoot pengujian template ini berdasarkan skor SEO dan kecepatan loadingnya.

Fitur SL Wuss V2 Blogger Template
Karena mengusung jenis template yang keren, tetap mengutamakan nilai SEO, kecepatan loading dan responsive nya gan. Sehingga, jangan diragukan lagi masalah cepat terindek google atau mesin pencari lainnya, insyalloh pasti cepat terindeks google kok. Jika sobat menggunakan template ini, tips cuma satu, yakni hanya perlu konsentrasi melakukan optimasi tulisan artikel yang berkualitas. Jika sudah, bisa kita lihat hasilnya secara cepat dan signifikan.

Secara lengkap, berikut firut dan keunggulan SL Wuss V2 blogger template ini:

1. Super SEO (100% versi Chkme)
2. Super Fast Loading (cuma butuh 1 sekian detik saja. tepatnya 1,53 detik dalam pengujian kecepatan loading versi GTmetrix per tanggal 19 Juni 2015 jam 13.53 WIB)
3. Clean blogger template
4. Desain elegan minimalis
5. User Friendly, karena hanya perpaduan 3 warna saja, yakni hitam, biru dan putih
6. Desain premium blogger template
7. Free download
8. Ready Google Adsence
9. Etc

Jika sobat berminat, berikut link live demo dan downloadnya:

DEMO | DOWNLOAD

Versi Modivikasi

Panduan lengkap cara pemakain template SL Wuss V2 ini, sudah pernah dibahasa di Forum Blogger Indonesia lo. Silakan pelajari di sana njeh. Karena ini sudah masuk waktu Dhuhur, jadi mau enggal-enggal sholat dulu, hehe.

Demikian informasi template terbaru dari SL Template. Semoga bermanfaat.

Salam (sahilluqman.blogspot.com/).*

Read more »

Cara Membuat Kotak Pencarian (Search Box) Responsive dengan CSS di Sidebar Blog

PADA kesempatan ini, meneruskan metode pembuatan kotak pencarian responsive seperti pada penjelasan artikel sebelumnya.

Tentu, tidak jauh berbeda fungsi dan manfaatnya dengan cara sebelumnya, namun perbedaannya pada teknik pembuatannya saja. Yang pasti tetap responsive, fast loading dan user friendly. So, mari kita coba bareng-bareng. Tips ini ane peroleh dari senior blog Cb.

Salam blogger!



CARA MEMBUAT KONTAK PENCARIAN DENGAN CSS
1. Berdo'a
2. Template > Customize > Advance > Add CSS
3. Masukkan kode di bawah ini:

#search-box {
position: relative;
width: 100%;
margin: -15px 0px -20px 0;
}

#search-form
{
height: 40px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text
{
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}

#search-box input[type="text"]
{
width: 90%;
padding: 11px 0 12px 1em;
color: #333;
outline: none;
}

#search-button {
position: absolute;
top: 0;
right: 0;
height: 42px;
width: 80px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 42px;
border-width: 0;
background-color: #4d90fe;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
}

3. Klik "Apply to Blog"

4. Back to Blogger

Catatan:
Bisa juga dengan cara: Template > Edit HTML > Copas kode di atas tepat di atas kode ]]</b:skin>lalu "Save Template".

5. Klik "Layout" > Add a Gadget > Edit HTML/Javascript

6. Copas kode di bawah ini di kolom "Content"

<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search here...' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>

7. Save!

Demikian tips kali ini. Mungkin dari rekan-rekan mempunyai referensi lain? Silakan sampaikan pada kolom komentar.

Read more »

Cara Proteksi Artikel dari Copy Paste pada Blog

Sobat. Sebenarnya tips blog kali ini kurang enak saya tulisakan. Namun bagaimana lagi. Satu faktor saja yang mendasari saya menuliskan tips kali ini, yakni masih adanya budaya copy paste tanpa menyertakan sumber penulis asli. Sebenarnya tidak apa-apa sih, tetapi lama kelamaan akan membawa dampak buruk bagi Anda sendiri yang tidak menerapkan pola menulis yang baik.

Salah satu cara yang paling efektif untuk menghindari copy paste artikel blog kita adalah dengan membuat sebuah proteksi aktif. Cara ini saya maksudkan agar tombol kanan mouse bersifat disabled (tidak muncul). Cara cukup sederhana saja.

1. Silakan masuk akun blogger
2. Pilih Template > kode HTML > cari kode ]]></b:skin> 
3. Masukkan kode di bawah ini tepat di atas kode ]]></b:skin>

body{display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
unselectable:on;}

4. Save template
5. Alhamdulillah, berhasil

SARAN
Jika memang Anda menggunakan metode rewrite dalam penulisan artikel blog, usahakan menerepkan cara menulis yang baik. Terapkan ciri-ciri tulisan yang baik dan disukai google.

Read more »

Cara Membuat Template Responsive dengan Mudah di Blog

Sobat. Dalam perkembangan desain template blogger saat ini, disebutkan salah satu prasyarat utama untuk menjaga kelangsungan sebuah blog adalah tingkat responsive ketika dibuka melalui gadget saat ini, salh satu contohnya smart phone. Hal ini sesuai dengan alotgaritma terbaru saat ini.

Jika tidak ingi "dipangkas" abis oleh pemeringkat google tersebut, maka gunakanlah template yang benar-benar super responsive dan ramah terhadap google.

Jika tidak ingin merunah tempalte bawaan sobat, maka tidak ada cara lain kecuali dengan melakukan perubahan terhadap template bawaan yang Anda gunakan.

Oleh karena itu, di sini kita ulaskan cara sederhana bagaimana cara membuat template yang kita gunakan menjadi responsive.

Langkah Membuat Design Template Responsive di Blog

1. Pertama pasang dulu meta tag dibawah ini diatas kode </head>

   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   

   Perhatian MS Internet explorer versi 8 dan yang lebih rendah tidak support tag di atas, tapi tenang aja anda bisa menggunakan bantuan respond.js maupun media-queries.js di IE dengan meta tag berikut ini :

   <!--[if lt IE 9]>   
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>  
   <![endif]-->

2. Yang kedua yaitu mengubah ukuran pixel menjadi ukuran persen seperti dalam contoh CSS dibawah ini:

   .sidebar{
   width:300px;
   }
   .content{
   width:700px;
   }
   .wrap{
   width:1024px;
   }
   

   
   Diatas lebar Grid utama adalah dalam reolusi width:1024px dan untuk sidebar width:300px dan content width:700px. Disini saya coba jelaskan formula dan kalkulasi sederhana dalam mengkonversi nilai px (pixel) agar bisa diganti dengan satuan % (persen)
   target / context = result
   300px / 1024px = width: 29.296875%; /* 300 (originally 300) / 1024 */
   700px / 1024px = width: 68.359375%; /* 700 (originally 700) / 1024 */ 
   Dari hasil kalkulasi diatas maka bisa didapatkan nilai percent dalam koding CSS seperti dibawah ini

   .sidebar{
   width:29.29%;
   }
   .content{
   width:68.35%;
   }
   .wrap{
   width:1024px;
   }
   

   
   Formula diatas sebenarnya bisa juga digunakan untuk menghitung ukuran text (font size), Katakanlah konteks normal untuk ukuran font dalam body adalah 16 piksel. Jika kalian ingin menetapkan bahwa H1 harus 24 pixel, maka kalian bisa mengganti dengan satuan em dengan cara menghitungnya sebagai berikut:
   24px / 16px = 1,5em
   Dengan gaya CSS akan didapat koding seperti ini:

   h1 {
   font-size: 1.5em;
   }
   

3. Kemudian yang terkahir kita atur di versi tablet , atau hp dengan menggunakan media queries caranya kita pasang media queries berikut , kemudian kita buat float none dan ukuranya menjadi 100%

   @media screen and (max-width:768px){
   /* CSS styles */
   .sidebar, .content{
   float:none;
   display:block;
   width:auto;
   }
   }
   

Nah itulah cara mudah membuat template blog menjadi responsive 100% ampuh. Jika memang masih bingung untuk membuat design template responsive, tidak ada cara lain kecuali langsung menggunakan template yang siap pakai dan tentu responsive. Kalau ingin lebih mudah lagi, gunakanlah jasa pembuatan template blog responsive. Bisa hubungi contact kami Gan.

Read more »

Cara Membuat Navigasi Halaman Blog (Numbered Page Navigation) dengan Nomor

Sobat. Ketika melihat menu navigasi halaman blog SL, akan berubah menjadi nomor atau angka. Hal ini SL rasa sangat bermanfaat dan lebih edukatif bagi pembaca setia. Hal ini tambahan dari artikel sebelumnya dengan metode yang sama, namun lebih atraktif dan simpel. Jika ingin dengan metode yang lain, silakan gunakan tips ini [klik di sini].

Langkah Membuat Navigasi Halaman Blog (Numbered Page Navigation) dengan Nomor

Langsung saja berikut cara pemasangannya pada blog kita:
1. Masuk akun blogger
2. Template > cari kode ]]></b:skin>
3. Copy dan paste kode di bawah ini tepat di bawah kode ]]></b:skin>

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}

.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

4. Copy paste kode di bawah ini di atas kode </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

5. Save template
6. Lihat perubahan blog sobat sekarang

Demikian tips kali ini. Semoga bermanfaat, aamiin.

Read more »

Cara Membuat Featured Post Metro Ul Terbaru dengan Mudah di Blog

Sobat. Pada kesempatan lalu telah kita berikan tips membuat featured post dengan sangat mudah. tentu tidak perlu kita jelaskan panjang lebar lagi kegunaan featured post ini. Namun, perlu kita tekankan kembali, bahwa Featured post merupakan kotak halaman muka pada blog, yang isinya berupa posting terbaru, teratas dan terupdate.

Tujuannya tidak lain untuk mempermudah pembaca menerima informasi terupdate dari suatu blog, atau posting tervavorit di dalam blog itu, sesuai dengan kehendak admin.

Pada kesempatan ini, akan kita ulas cara membuat featured post ala Metro Ul Style. Agak berbeda dengan yang biasa, karena featured post kali ini disertai dengan gambar dan berisi lebih dari satu post populer. Jika ingin lebih jelas, silakan lihat live demonya.

:: Live demo

Langkah Memasang Featured Post Metro Ul Style (Muncul di semua Page)

1. Berdo'a

2. Masuk akun blogger > Template > Edit Html

3. Cari kode [CTRL+F] <b:section class='main' id='main' showaddelement='no'>

4. Ganti kode 'no' menjadi 'yes'. Jadinya seperti ini:

<b:section class='main' id='main' showaddelement='yes'>

5. Cari kode ]]></b:Skin>

6. Copy kode di bawah ini dan letakkan tepat di atas kode ]]></b:Skin>

#featured-post a{color:#fff}
#featured-post ul{list-style:none;padding:0}
#featured-post ul li{padding:2px 0 0 2px;float:left;clear:none;width:183px}
#featured-post .item-content{background:transparent}
#featured-post .item-thumbnail{background:transparent}
#featured-post .item-content img{width:183px;height:183px}
#featured-post .item-title{line-height:1.3em;font-size:90%;min-height:50px;max-height:50px;;opacity:0.75;background:#000;margin:-63px 0 1px;padding:5px;color:#fff;overflow:hidden}
#featured-post ul li:first-child{height:250px!important;width:250px!important;padding:2px 0 0!important}
#featured-post ul li:first-child img{height:250px!important;width:250px!important}
#featured-post ul li:first-child + li + li + li{width:368px!important;height:64px!important;overflow:hidden}
#featured-post ul li:first-child + li + li + li img{width:368px!important;height:368px!important}
#featured-post ul li:first-child + li + li + li div.item-title{margin:-373px 0 5px;padding-right:60px;min-height:56px;max-height:56px;opacity:0.90;background: #000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhplvdRB0YHbChndrUJS4DLJcbl9BDgqNSZTgc5QD9qAzlOFW59fVmECZSr87EHcm5tU5Wm-MCxvFD-4XV79Jt2t-e2K17Am-4f934ppg4qceoMQmGw45btvCuXrYTyKHgEq0OlwfaISvU/s48/Arrow%2520Right.png') 305px 7px no-repeat!important}
#featured-post ul li:first-child + li + li + li div.item-title a{font-size:16px;line-height:1.2em}

7. Save Template

8. Buka Dashboard blog > tata letak (layout) > add widget > HTML Java Script

9. Copas kode di bawah ini ke dalam widget baru tadi (pada langkah ke-8) > Save

<div id="featured-post"><ul><li><div class="item-content"><div class="item-thumbnail"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFyQMyliuGEb_itvcZHKyTVKDyzMCerfeC3qG9ZRp35oVXcd8kpnY1gBLLpykWq-bRFB9B1cpfOOOHgG3CTuj3QO_rlxjwOaxGE6lfarevSGI2ye6qRF0xvrdPQGlc2cub4nzsx4q9tKo/s1600/Humas+-+PR.jpg" /> </a></div><div class="item-title"><a href="http://forumblogindo.blogspot.com/2015/04/cara-cepat-membuat-blog-terindeks.html">Cara Cepat Indeks Blog ke Google dalam Satu Menit</a></div></div></li>

<li><div class="item-content"><div class="item-thumbnail"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinTJgVViOlQTiEKbDHY_KkX-3pATKfMVC2OQNHHoEO6vXJL3iqMAq2MCzeS1e6NaRxvABXFB6sdID4D25doMzysirluvSK3wE8jMgEFUa8qSFxcvy2zSGcL_hKj0MsO2rprUAlSx9mGXw/s1600/Email+saat+liburan+dapat+dihapus.jpg" /> </a></div><div class="item-title"><a href="http://forumblogindo.blogspot.com/search/label/Template%20SEO">Template Super Responsive dan Super SEO</a></div></div></li>

<li><div class="item-content"><div class="item-thumbnail"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixxQSiHijSejo3_M1evU204hoc0qE1Amb9QCI65uLTC3KVceHfoL6hzUg_cwYDgQNvslEGa-oV0eTWwBlX9BrJ3GhKlQfyoul7IuV5J-8-YKKMdXs-zUNPJ7_Sx8fhj5X106RKSA44f5I/s1600/media+baru.jpeg" /> </a></div><div class="item-title"><a href="http://forumblogindo.blogspot.com/2015/04/cara-membuat-blog-berkualitas-seo-dan.html">Cara Membuat Blog Berkualitas dan Disukai Google</a></div></div></li>

<li><div class="item-content"><div class="item-thumbnail"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8BlQqZjbjQrDJduLIAFAmgaGTJ9izv946U1rTHZbt46TjmRLXrK1OiZKVzyfLDA_e4xhK9KP_xoN9vBcaquznb0G5srQc3xAap-dYEoXVMqxZW6EPqRUeODWPGN0HfI_aRLlTXJPODnw/s1600/jurnalistik+-+jurnalisme.png" /> </a></div><div class="item-title"><a href="http://forumblogindo.blogspot.com/2015/04/cara-memilih-template-blogspot-yang.html">Cara Memilih Template Blog yang Benar Disukai Google</a></div></div></li>

</ul></div>

10. Cek perubahan blog Sobat.
11. Alhamdulillah, sudah berhasil (sambil senyum Guys)

***.Note:

1. Ganti warna merah dengan alamat URL link internal atau eksternal dari blog sobat (misalkan link Url Artikel populer sobat).
2. Ganti tanda # dengan alamat URL gambar Sobat yang ingin tampilkan.

Langkah di atas menjadikan menu Featured Post akan terlihat di setiap page/halaman ketika dibuka. Jika menginginkan hanya muncul di halaman homepages saja, silakan lakukan modifikasi tambahan di bawah ini:

Langkah Memasang Featured Post Metro Ul Style (Muncul di Home Page)

1. Baca do'a

2. Masuk akun blogger > Template > Edit Html

3. Cari kode [CTRL+F] <b:section class='main' id='main' showaddelement='yes'>

4. Bagi pengguna Template Pro Adsence V1, tampilan lengkapnya akan seperti di bawah ini:

<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='HTML6' 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>

5. Tambahkan kode yang berwarna merah persis seperti format kode di atas

6. Save template

7. Lihat perubahan blog Sobat.

8. Alhamdulillah

Demikian tips membuat blog semakin edukatif dan informatif serta user friendly. Semoga menjadi berkualitas blog Sobat. Jika ada yang belum faham, silakan berdiskusi dengan Ane di forum blogger ini. Salam blogger.

Happy blogging.

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

Sumber:

http://forumblogindo.blogspot.com/2015/04/cara-membuat-featured-post-metro-ul.html

Read more »