Memasang Kategori Tertentu Dengan Thumbnail di Website atau Blog

Selamat malam temen-temen Blog Manado, tidak terasa postingan saya kali ini adalah postingan Blog Manado yang ke-300 untuk kategori Tutorial Blog. Ngomong-ngomong tentang kategori, artikel kali ini berhubungan dengan kategori, yaitu cara memasang kategori tertentu dengan thumbnail atau gambar. 

Tips memasang kategori tertentu plus thumbnail ini baru saja Blog Manado dapat dari blognya Web Design dan sudah Blog Manado praktekkan di blog saya yang lain dan berhasil. Web Designmemang hebat ya, bisa nulis artikel sebanyak itu, bisa bikin template lagi. 

Untuk demonya lihat disini kategori paling bawa.

Biasanya fitur yang muncul disertai thumbnail adalah related post atau recent post dan itu tutorialnya sudah banyak banget beredar di kalangan blogger, tapi kali ini adalah fitur kategori tertentu, misalnya kalau di blog ini kategori tutorial blog, wordpress, joomla, dan lain-lain. Jika temen-temen penasaran, bisa dilihat disini. Baiklah, kita langsung saja pada langkah-langkah pembuatannya :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan. 
3. Klik tab Edit HTML. 
4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
5. Carilah kode ]]></b:skin>, copy kode dibawa ini, lalu paste kode dibawa persis diatas kode ]]></b:skin>

/*** Featured Categories ***/

img.label_thumb{

float:left;

padding:5px;

border:1px solid #8f8f8f;

background:#D2D0D0;

margin-right:10px;

height:55px;

width:55px;

}

img.label_thumb:hover{

background:#f7f6f6;

}

.label_with_thumbs {

float: left;

width: 100%;

min-height: 70px;

margin: 0px 10px 2px 0px;

adding: 0;

}

ul.label_with_thumbs li {

padding:8px 0;

min-height:65px;

margin-bottom:10px;

}

.label_with_thumbs a {}

.label_with_thumbs strong {}

6. Carilah kode </head>, copy lalu paste kode berikut persis diatas kode </head> 

<script type='text/javascript'>

//<![CDATA[

function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}

if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)

{s=entry.content.$t;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!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix-rlwIuui-R6yBseiWbNlTbxWg6ZNWC4A2FqhKy_l_EEyzPjEkccoOlCOdncA4TAt-IVeh7utSNgGv0Wo-kIpTyprOdianrd825fBgVkFjIcUJ-jgL-YIUuBCjF1pCHrttNHDsl6aR9wp/';}

var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)

document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}

else

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

else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}

else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}

var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true)

{if(flag==1){towrite=towrite+' | ';}

if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}

if(displaymore==true)

{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}

document.write(towrite);document.write('</li>');if(displayseparator==true)

if(i!=(numposts-1))

document.write('');}document.write('</ul>');}

//]]>

</script>

7. Klik tombol SIMPAN TEMPLATE.

8. Langkah pertama selesai.

1. Klik tab Rancangan/Design. 
2. Jika masih dalam posisi tab Elemen Laman, silahkan klik terlebih dahulu tab menu Elemen Laman. 
3. Klik Tambah Gadget untuk menambahkan gadget baru. 
4. Setelah muncul jendela baru, klik tanda plus untuk HTML/JavaScript  
5. Copy script dibawah ini, lalu paste pada kolom yang tersedia. Beri juga judul yang sesuai dengan yang anda inginkan. Namun sebelumnya anda harus mengubah tulisan yang di beri warna biru dengan nama kategori yang di inginkan. 

<script type='text/javascript'>var numposts = 6;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/-/Top Lyrics?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

 

1. Klik tombol SIMPAN
2. Langkah kedua Selesai.

Keterangan :

• var numposts = 6;
• var showpostthumbnails = true;
• var displaymore = false;
• var showcommentnum = false;
• var showcommentnum = false;
• var showpostdate = false;
• var showpostsummary = true;
• var numchars = 60;

Kode berwarna merah adalah kode yang bisa temen-temen edit, true berarti tampilkan, false berarti jangan di tampilkan, 60 adalah jumlah karakter, dan 6 adalah jumlah thumbnail yang ditampilkan Anda bisa ganti sesuai keinginan.

Terima kasih kepada Web Design yang telah memberikan tutorial gratisnya, semoga Web Design tambah laris manis dan terus menulis untuk blogger pemula seperti saya ini, ya Web Design?...

Selamat mencoba dan semoga bermanfaat untuk Teman - teman Blog Manado..........

Sumber: Blog Manado

Membuat Website atau Blog SEO Friendly Dengan Meta Tag

Kali ini Blog Manado akan memberikan tips kepada teman-teman semua tentang bagaimana Cara Membuat Website atau Blog SEO Friendly Dengan memasang Meta Tag. Meta Tag yang SEO Friendly sangat diperlukan sekali oleh sebuah blog, karena hal ini dapat membuat blog kita terindeks dengan cepat oleh situs direktori seperti Google, Yahoo dan Bing. Pada dasarnya sebuah template blog kadang sudah menyediakan meta tag tapi itu belum cukup menjamin blog kita dapat terindeks oleh beberapa situs direktori. Di bawah ini ada 3 macam meta tag yang dapat teman-teman pakai dan disesuaikan dengan template masing-masing.

Berikut ini adalah langkah-langkah memasang meta tag di blog :

• Masuk ke Edit HTML.
• Cari kode (letaknya di atas) berikut :

<head>
<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[

• Ganti kode yang berwarna merah dengan kode di bawah ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Catatan :

Untuk menambah title, anda bisa melakukan edit terhadap kode di atas (perhatikan kode yang berwarna biru), contoh :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/> | Tutorial Web | Design | Joomla | Cara membuat blog dan Website</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

atau

<b:if cond='data:blog.pageType == "index"'>
<title> | Tutorial Web | Design | Joomla | Cara membuat blog dan Website<data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

• Setelah selesai mengganti title tag, sekarang tambahkan kode Meta Tags di bawahnya.

Meta Tag yang pertama merupakan meta tag yang sederhana dan masih kurang manfaatnya bagi SEO, berikut kodenya :

<meta content=’ Tulis deskirpsi disini’  name=’description’/>
<meta content=’keyword1 keyword2 keyword3‘ name=’keywords’/>
<meta content=’INDEX, FOLLOW’ name=’ROBOTS’/>

Meta tag di atas memiliki kelemahan yaitu akan mendominasi semua halaman blog kita, sehingga semua halaman blog kita memiliki meta description dan meta keywords yang sama. Jika anda memilih meta tag di atas cara memasangnya cukup mudah yaitu anda hanya perlu ganti kode yang berwarna merah sesuai dengan isi konten blog anda.

Meta Tag yang kedua cukup dapat kita andalkan dalam membuat blog yang SEO Friendly, berikut kodenya:

<b:if cond=’data:blog.pageType != &quot;item&quot;’> 

<title> <data:blog.pageTitle/> </title>

<meta content=’text/html; charset=utf-8′ http-equiv=’Content-Type’/> <meta expr:content=’data:blog.pageName + &quot; – Deskripsi tentang blog anda&quot;’ name=’description’/>

<meta expr:content=’data:blog.pageTitle + &quot;,keyword 1, keyword 2, keyword 3, …dst&quot;’ name=’keywords’/>

<meta content=’INDEX, FOLLOW’ name=’ROBOTS’/>

<b:else/>

<title> <data:blog.pageName/> | <data:blog.title/> </title>

<meta content=’text/html; charset=utf-8′ http-equiv=’Content-Type’/> <meta expr:content=’data:blog.pageName + &quot; – Deskripsi tentang blog anda&quot;’ name=’description’/>

<meta expr:content=’data:blog.pageName + &quot;,keyword 1, keyword 2, keyword 3, …dst&quot;’ name=’keywords’/>

<meta content=’INDEX, FOLLOW’ name=’ROBOTS’/>
</b:if>

Keterangan : 

Kode html yang saya buat berwarna biru menunjukan meta tags home page, sedangkan bagian yang tidak saya warnai (hitam) itu menunjukan halaman artikel kita, sedangkan yang berwarna merah adalah tempat kita menuliskan meta tags (Deskripsi dan Keyword kita).

Meta Tag yang ketiga, meta tags ini adalah Meta Tags untuk blogger versi terbaru, berikut kodenya :

<!–::::::::::: Block1: Output post meta keywords –>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<b:section id=’meta1′ showaddelement=’no’>
<!– widget must be a of Type = ‘blog’ to have posts data exposed, and must have a unique id –>
<!– Empty Includables(functions) to output nothing, You must keep them ): –>
<b:widget id=’Blog2′ locked=’no’ type=’Blog’>
<b:includable id=’nextprev’/>
<b:includable id=’backlinks’ var=’post’/>
<b:includable id=’post’ var=’post’ />
<b:includable id=’status-message’/>
<b:includable id=’comment-form’ var=’post’/>
<b:includable id=’backlinkDeleteIcon’ var=’backlink’/>
<b:includable id=’postQuickEdit’ var=’post’/>
<b:includable id=’commentDeleteIcon’ var=’comment’/>
<b:includable id=’feedLinks’/>
<b:includable id=’feedLinksBody’ var=’links’/>
<b:includable id=’comments’ var=’post’/>
<b:includable id=’main’ var=’top’><!– Main Function of Any widget comes with ID ‘main’ –>
<!– Loop Page Posts (only 1 in a post page )–>
<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:post.labels’>
<!– If the post has labels, make Meta keywords by looping lables –>
&lt;meta  content=’<b:loop values=’data:post.labels’ var=’label’><data:label.name/><b:if cond=’data:label.isLast != &quot;true&quot;’>,</b:if></b:loop>’ name=’keywords’/&gt;
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</b:if>
<!–::::::::::: Block1 END –>
<head> <!– THE HEAD –>
<!– must include(called) here to output other head sub elements –>
<b:include data=’blog’ name=’all-head-content’/>
<!–::::::::::: Block2: Output Index Title,keywords,decription and Post Title,description –>
<!– Post Page –>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta name=’description’ expr:content=’data:blog.pageName’ />
<!– Index Page –>
<b:else/>
<title><data:blog.title/></title>
<meta content=’Disini Deskripsi Untuk Home Page anda‘ name=’description’/>
<meta content=’keyword 1, keyword2, keyword3, dst‘ name=’keywords’/>
</b:if>
<!–::::::::::: Block2 END –>

Keterangan :

Saya tidak akan menjelaskan yang ketiga ini secara panjang lebar karena saya sendiri masih bingung dengan meta tag ini, disini saya hanya bisa memberi tahu anda untuk merubah kode berwarna merah dengan konten blog anda.

Itu tadi sedkit uraian bagaimana memasang Meta Tag di blog agar SEO Friendly. Untuk meta tag pertama dan kedua jika teman-teman kesulitan tanya di kotak komentar. Untuk meta tag yahg ketiga saya belum bisa diandalkan karena saya juga belum pernah mencobanya.

Semoga berhasil dan bermanfaat untuk Teman - teman Blog Manado.

Sumber: Blog Manado

Promosi Website Atau Blog Teman - teman

Blog Manado. 

Di malam yang indah ini Blog Manado akan memberikan satu tips promosi bagi Website atau blog teman - teman. Tips ini saya tulis untuk blogger yang benar - benar peduli untuk meningkatkan SEO di mata mesin pencari seperti Google, Yahoo, Bing. Baiklah, buat blogger pemula..berikut sedikit tips dari saya untuk promosi blog anda.

Promosi Blog lewat situs Social Bookmark

Situs Social Bookmark adalah tempatnya para blogger pamer blog, mereka para blogger senior pun pasti pernah mendaftar di situs social bookmark. Karena jumlahnya sangat banyak, maka kesempatan blog anda untuk di baca oleh pengunjung yang juga para blogger semakin kecil. Tapi tidak apa, terus perbanyak postingan dengan content yang menarik dan saran Blog Manado lakukan promosi segencar - gencarnya. Situs social bookmark ini juga memberikan kita backlink. Berikut beberapa situs social bookmarknya :

1. http://www.technorati.com
2. http://www.mybloglog.com
3. http://digg.com
4. http://delicious.com
5. http://www.scribd.com
6. http://www.stumbleupon.com
7. http://www.squidoo.com/squidoo
8. http://www.bibsonomy.org
9. http://www.propeller.com
10.http://www.reddit.com

Silahkan daftarkan blog anda pada beberapa situs diatas dan input artikel anda sesuai dengan tema blog anda.

Ping Service


Ping service adalah layanan untuk memudahkan kita mengirim update data terbaru blog kita ke beberapa situs dalam satu kali input. Sangat mudah, sekali klik blog anda langsung terkirim ke banyak situs ternama. Layanan ini bagus dan penggunaanya pun sangat mudah, bisanya yang diperlukan hanya nama blog dan url blog anda dalam nge-ping. Berikut beberapa layanan ping service favorit Blog Manado yang bisa anda coba:

1. http://www.mypagerank.net/service_pingservice_index
2. http://pingomatic.com
3. http://pingoat.com
4. http://rpc.weblogs.com
5. http://autopinger.com
6. http://pingmyblog.com
7. http://www.kping.com
8. http://bitacoras.com/agregador/enviar
9. http://feedshark.brainbliss.com

Catatan : lakukan ping setelah anda update blog, lakukan ping setelah anda posting artikel terbaru, lakukan ping seperlunya dan jangan terlalu sering melakukan ping karena bisa di anggap spam.

Berkomentar pada blog yang dofollow 

Tentu ini merupakan promosi blog yang paling mudah, karena cuma memberi komentar pada blog yang kita kunjungi kita bisa dapat backlink. Cari blog ber PR tinggi, kemudian beri komentar dan jangan terlalu sering karena bisa dianggap spam. Beri komentar yang baik, jangan terlalu banyak mengkritik postingan yang empunya blog, apalagi sampai menghina karena komentar anda bisa - bisa dihapus dan di blacklist sama yang empunya blog.

Tukeran Link / Link Exchange

  

Lakukan pertukaran link atau banner dengan blogger lain. Tentunya dengan blog yang sudah punya PR, apalagi PR-nya tinggi. Karena dengan bertukar link atau banner, blog anda akan ikut terdongkrak posisinya di mata google atau istilah lainnya numpang beken. Lakukan tuker link sebanyak-banyaknya untuk menigkatkan PR blog anda, dan tukeran link dengan blog yang sejenis atau 1 tema dengan blog anda.

Cari link dari PR tinggi

Berburu link PR tinggi salah satu cara kita mengetahui jumlah PR pada suatu blog/website. Tidak ada salahnya kita berburu link PR tinggi sekalian tukeran link. Untuk mengetahui nilai link pada sebuah blog anda bisa menggunakan layanan tools gratis yang di sediakan oleh iwebtools. Caranya sangat mudah :

• Masuk ke iwebtools. 
• Isi alamat blog yang anda inginkan 
• Kemudian contreng radio button pada tulisan Show links with rel="nofollow" dan Show external links 
• Kemudian klik tombol Check.

Sumber: Blog Manado