Info untuk semua blogger yang menguruskan hal blog.

Blog ini dibuat untuk membantu semua blogger yang menguruskan blog masing-masing. Semua cara untuk mengurus blog saya sertakan disini, Semoga bermanafaat untuk kalian.

Blogger Template RM37 Boleh Download FREE! - Johny SimpleMaster

[UPDATED: 24-9-2013, waktu Malaysia]
Penambahbaikan:
  • Popular post terbaru.
  • Buang, Showing post with label... show all posts.
  • Tambah Open Graph Meta Tag.
  • Remove butang tweet sebab terlalu berat.
  • Optimasi template agar mesra SEO dengan rahsia terkini.
Johny Simple Master, freemium blogger template 
Assalamualaikum WBT dan selamat sejahtera kepada tetamu yang dihormati. Itulah saya katakan. blogger template ini boleh memuat turun SECARA FREE!!!

Tak tipu. Memang pada awalnya saya nak meletakkan harga RM37 kerana keistimewaan template ini daripada pelbagai ciri yang sempurna.

Walaubagaimanapun, saya bermurah hati untuk memberikan template yang saya design selama 3 BULAN.

3 Bulan. Memang agak lama nak dikatakan.

Sebenarnya template ini ada keburukan dan kebaikannya jadi mari kita lihat apakah keburukannya dahulu.

Keburukan Template Ini

Aik? Kata template harga RM37 tapi kenapa ada keburukan?

Pelik.

Tidak pelik sebenarnya. Template ini pada asasnya di ambil daripada laman PremiumBloggerTemplates.com dan di redesign mengikut daya imaginasi saya tambahan daripada inspirasi blog MyBloggerTricks.

Jadi, kalau anda pengguna template dari PBT anda sudah tahu yang page layout dalam template ini tidak tersusun.

page layout


Itulah keburukannya.

Persoalanya. Adakah ianya ada kesan apa-apa yang negatif pada blog anda?

Jawapannya = Tidak. Tidak ada kesan di mana-mana sekali pun.

Kalau trafik blog? tidak kurang malahan jika anda menggunakan template ini lagi tinggi trafik blog anda.

Kebaikan Template Ini.

1) Mesra SEO

Di cipta khas mesra SEO. Mesra SEO dari hujung rambut hingga ke hujung kaki :D

Jadi apakah yang membuat template ini Mesra SEO?
  1. Template ini HTM5 > Google suka pada laman HTML5
  2. Sudah mengoptimumkan title untuk enjin carian
  3. Ada Meta Tags
  4. Ada open graph meta tags
  5. Ada rich snippets review > Star rating
  6. Sudah mengoptimumkan link untuk carian
  7. Lagi? Base on thesis for blogspot theme

Nak lagi? Amboi, tamaknya. Itu pun sudah cukup Mesra. Kalau terlebih mesra akan menyebabkan blog anda kecundang pada akhirnya.

2) Widgets

Template ini juga ada beberapa widget yang "Power". iaitu:
  1. CSS3 Popular Post
  2. Recent Post
  3. CSS3 sosial bookmarking and share
  4. Translate
  5. Related post
  6. Breadcrumb
  7. Stat pada footer bar
  8. Drop down menu
  9. Subscription box dan drop down label
  10. Sosial profile
  11. CSS3 pagination
  12. Auto read more

3) Design

Design saya membuat color berwarna biru. Biru laut.

Color dia ialah:

Blue, Black, Silver, White, Red

Font?

Oswald, Verdana dan juga Courgette. Mungkin lebih lagi.

Setting

Edit meta tags

YOUR NAME HERE!!! - Gantikan dengan Nama anda

Sekarang nak letak description untuk blog.

Pergi ke blogger dashboard > Settings > Search preferences > Meta tags

Ok, pada meta tags itu anda lihat ada > Description.

Pada sebelah kanan ada tulisan "Edit"

Klik pada Edit itu

Dia akan kata "Enable search description?" > Tick > Yes

Akan keluar satu kotak. Dalam kotak itu tulislah description blog anda.

Tips
  • Kebanyakannya orang selalu tanya nak tulis description apa? Ok, Description itu bermaksud. Blog anda tentang apa? Tentang widget ke? Tentang blog ke?
  • Kalau blog saya tentang Diari yang akan memotivasikan untuk berblogging. Bagaimana pula anda?

P/S: Jangan pendek sangat. Sekurang-kurangnya minimun 100 huruf+Space.

<!-- Top sosial profiles -->

Edit sosial profil icon

Cari/Search > Top sosial profiles

P/S: Kalau nak search tekan CTRL+F > Kat firefox akan keluar bar kat bawah / Chrome akan keluar bar kat top-right.

http://twitter.com/
http://facebook.com/
https://plus.google.com/
http://www.linkedin.com/
mailto:your@email.com

Ganti setiap link dengan link sosial profile anda.

<!-- START: CSS3 Drop down menu -->

Edit CSS3 drop down menu - Cari > CSS3 Drop down menu

<nav id='de4-menu-wrap'>
<ul id='de4-menu'>
<li><a href='/'>Home</a></li>
<li>
<a href='URL-Here'>Categories</a>
<ul>
<li>
<a href='URL-Here'>CSS</a>
<ul>
<li><a href='URL-Here'>Item 11</a></li>
<li><a href='URL-Here'>Item 12</a></li>
<li><a href='URL-Here'>Item 13</a></li>
<li><a href='URL-Here'>Item 14</a></li>
</ul>
</li>
<li>
<a href='URL-Here'>Graphic design</a>
<ul>
<li><a href='URL-Here'>Item 21</a></li>
<li><a href='URL-Here'>Item 22</a></li>
<li><a href='URL-Here'>Item 23</a></li>
<li><a href='URL-Here'>Item 24</a></li>
</ul>
</li>
<li>
<a href='URL-Here'>Development tools</a>
<ul>
<li><a href='URL-Here'>Item 31</a></li>
<li><a href='URL-Here'>Item 32</a></li>
<li><a href='URL-Here'>Item 33</a></li>
<li><a href='URL-Here'>Item 34</a></li>
</ul>
</li>
<li>
<a href='URL-Here'>Web design</a>
<ul>
<li><a href='URL-Here'>Item 41</a></li>
<li><a href='URL-Here'>Item 42</a></li>
<li><a href='URL-Here'>Item 43</a></li>
<li><a href='URL-Here'>Item 44</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href='URL-Here'>Work</a>
<ul>
<li><a href='URL-Here'>Work1</a></li>
<li><a href='URL-Here'>Work2</a></li>
<li><a href='URL-Here'>Work3</a></li>
<li><a href='URL-Here'>Work4</a></li>
</ul>
</li>
<li><a href='URL-Here'>About</a></li>
<li><a href='URL-Here'>Contact</a></li>
</ul>
</nav>

URL-Here > Gantikan dengan url yang anda mahukan

<!-- Feedburner Bar -->

Edit Feedburner - Cari > Feedburner Bar

mailverify?uri=Danialde4
value='Danialde4

Danialde4 > Gantikan dengan Nama/URL feedburner anda.

Recent Post

Pergi ke layout > Klik Add a Gadget > Cari > HTML/JavaScript dan klik > Masukkan kod dibawah

<!-- Start: Danialde4.blogspot.com -->
<!-- Script: Section -->
<script>
//<![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/AVvXsEiTw40HPM1CiqnqWIlzgKUNFiMIRwnhY7-iqHiARmHUVR04SoOYteORov5o1nBiiJjgSFwcOlAYByMjOe06PSGmYSwtyEGCgZAoR1Ca5cFjHvt0P8eyFILsakin8MZ2Mpxv2BQEuX80a8Cg/';}
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>

<style>
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{}
</style>

<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 80;
</script>

<script type="text/javascript" src="http://johny-simplemaster.blogspot.com/feeds/posts/default/?orderby=updated&alt=json-in-script&callback=labelthumbs">
</script>
<!-- End: Danialde4.blogspot.com -->

Edit

johny-simplemaster.blogspot.com > Gantikan dengan url blog anda

var numposts = 5; > Berapa banyak yang anda ingin paparkan recent post. Saya pilih 5 anda pula bagaimana?

var showpostthumbnails = true; > Post thumbnail. Kalau tak nak paparkan thumbnail tukar kepada false

var displaymore = false; > Read more button. True untuk paparkan

var displayseparator = false; > Separator. True kalau nak paparkan

var showcommentnum = false; > Jumlah komentar. True kalau nak paparkan

var showpostdate = false; > Tarikh. True kalau nak paparkan

var showpostsummary = false; > Summary. True kalau nak paparkan

var numchars = 80; > Don't know. Harap maaf ^_^

P/S: Jangan lupa pula nak letak title "Recent Post"

Sekarang barulah anda boleh lihat dan download templatenya :)

Dari Penulis...

Alhamdulillah, alhamdulillah diucapkan dan kesyukuran tidak terhingga kepada Allah SWT kerana memberi peluang untuk saya membuat satu template yang pertama pada usia yang agak muda iaitu pada umur 16 tahun.

Macam tak percaya. Tapi saya percaya pada diri saya sendiri :D

Kalaulah dulu masa mula-mula kenal dengan blogspot saya dah berputus asa mungkin sekarang saya tidak berjaya membuat template ini.

Jadi, kalau anda tak nak guna juga. Tepuk dada, tanya siapa yang rugi?

P/S: Kalau ada sebarang masalah komen-komenlah di bawah, InsyaAllah saya dapat bantu anda ;)

Total Pageviews

Search This Blog
Powered by Blogger.

Followers

Translate

Popular Posts

Copyright © Info untuk semua blogger yang menguruskan hal blog. | Powered by Blogger
Design by ThemePix.com | Blogger Theme by Lasantha - Premium Blogger Templates