Setiap template biasanya mempunyai link untuk menambah gadjet contohnya di 'sidebar', 'header' 'main post', 'footer' dan sebagainya. Bagaimana dengan template yang tidak mempunyai link untuk menambah gadjet di ruangan "Page Elements"? Saya akan terangkan kaedah untuk mengaktifkan link untuk menambah gadjet pada template.
Terlalu mudah. Kebiasaannya, di dalam HTML template, widget akan terletak pada ruang kod seperti di bawah:-
<b:section id='section_id' preferred='yes'>
widget 1
widget 2
widget 3
</b:section>
Saya akan memberikan contoh untuk mengaktifkan link pada ruangan "Header".
Pergi ke Dashboard >> Layout >> Edit HTML dan anda cari tag seperti di bawah:-
<div id="header">
......
ISI KANDUNGAN "HEADER"
.........
</div>
Untuk mengaktifkan link "Add A Gadjet", masukkan kod di bawah selepas tag <div id="header">:-
<b:section id='section_id' preferred='yes'>
</b:section>
Kemudian klik 'save'. Sekarang anda sudah ada link "Add A Gadget" pada ruangan 'header'. Pergi ke Layout >> Page Elements dan anda akan dapat lihat link tersebut di bawah ruangan 'header'.
Lakukan kaedah yang sama pada ruangan 'footer', 'main post', 'sidebar' dan sebagainya jika anda suka.
**NOTA** preferred='yes' bermaksud anda menetapkan value untuk mengaktifkan link "Add A Gadget". Tukar kepada 'no' jika anda menghilangkan link tersebut.
------------------------------------------------------------------------
Apa itu Meta Tag? Meta Tag adalah tag atau kata kunci yang mana menerangkan tentang blog atau site anda dan "memberitahu" enjin carian seperti Yahoo, Google, MSN dan sebagainya tentang site anda. Menambah Meta Tag untuk site/blog anda adalah salah satu faktor penting untuk SEO (Search Engine Optimisation) yang lebih baik. Meta Tag akan membolehkan enjin carian mengindeks site/blog anda dengan lebih tepat. Ringkasnya, Meta Tag menghubungkan site/blog anda kepada enjin carian dengan lebih betul dan tepat.
Bagaimana untuk menambahkan Meta Tag ke dalam blog anda?
Pergi ke Dashboard >> Layout >> Edit HTML dan cari tag seperti di bawah:-
**NOTA** Gantikan perkataan berwarna BIRU dengan perkataan anda sendiri.
JANGAN masukkan di ruangan 'description' dengan keywords(kata kunci). Google dan enjin carian yang lain akan "BAN" site/blog anda daripada senarai enjin carian jika anda lakukan demikian. Juga, JANGAN ulang kata kunci yang sama lebih daripada 3 kali.
Read More
Bagaimana untuk menambahkan Meta Tag ke dalam blog anda?
Pergi ke Dashboard >> Layout >> Edit HTML dan cari tag seperti di bawah:-
<b:include data='blog' name='all-head-content'/> (kebiasaannya selepas <head>)dan masukkan kod di bawah tag di atas.
<meta content='TENTANG BLOG ANDA' name='description'/>dan kemudian anda klik "save template".
<meta content='KATA KUNCI BLOG ANDA' name='keywords'/>
<meta content='NAMA PENULIS BLOG' name='author'/>
**NOTA** Gantikan perkataan berwarna BIRU dengan perkataan anda sendiri.
# 2 sidebar.
# 3 colums, sidebar kanan
# 2 baris navigation bar atas dan tersedia dengan search box.
Template ini sesuai digunakan untuk kegunaan blog Personal atau majalah. Ringkas dan kelihatan profeisional.
- Put my blog link into your blog.
- Leave your comment in this topic with your blog URL
- I will visit your blog then i will put your blog link in my blog. Simple huh? No limitation for the request. It stop when i say so..
"Adik" kepada template EmoBlue ini lebih "stylish" dengan tersedia auto slide. Logo adalah bentuk dalam .psd format. Anda perlu gunakan setidak-tidaknya untuk "paint" untuk ubahsuai logo. Cari URL ini :
http://i34.photobucket.com/albums/d150/zixpk/200%20wallpapers/emoblue2logo-2.png, 'view image' dan kemudian 'save image as' untuk anda ubahsuai.
**** Link terbaru untuk download jika link di atas ada masalah. <<DOWNLOAD>>
"Accordion Effect" adalah salah satu benda yang penting di dalam sesebuah web atau blog terutamanya bagi yang mempunyai terlalu banyak kandungan di dalamnya. Apa itu "Accordion"? Kotak "Accordion" berfungsi menyimpan kandungan seperti widgets, links atau apa jua yang anda inginkan di dalam sebuah kotak. Jika anda klik pada kotak tersebut, isi kandungan di dalamnya akan dipamerkan. Ini akan menjimatkan ruang bar sisi (sidebar) anda. Caranya begini:-
Pergi ke Dashboard >> Layout >> Edit HTML dan masukkan kod di bawah SELEPAS tag </head>.
| <script type="text/javascript" src="http://www.webdesignerwall.com/demo/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".accordion h3:first").addClass("active"); $(".accordion p:not(:first)").hide(); $(".accordion h3").click(function(){ $(this).next("p").slideToggle("slow") .siblings("p:visible").slideUp("slow"); $(this).toggleClass("active"); $(this).siblings("h3").removeClass("active"); }); }); </script> <style type="text/css"> .accordion { width: 480px; border-bottom: solid 1px #c4c4c4; } .accordion h3 { background: #e9e7e7 url(http://www.webdesignerwall.com/demo/jquery/images/arrow-square.gif) no-repeat right -51px; padding: 7px 15px; margin: 0; font: bold 120%/100% Arial, Helvetica, sans-serif; border: solid 1px #c4c4c4; border-bottom: none; cursor: pointer; } .accordion h3:hover { background-color: #e3e2e2; } .accordion h3.active { background-position: right 5px; } .accordion p { background: #f7f7f7; margin: 0; padding: 10px 15px 20px; border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4; } </style> |
Kemudian anda klik "save templates".
Seterusnya, pergi ke bahagian Page Elements >> Add A Gadget >> HTML/Javascript.
Masukkan tag di bawah ke dalam kotak HTML/Javascript itu tadi.
<div class='accordion'>
<h3>Nama Kandungan (contoh:Post Terkini)</h3>
<p>
Kod Untuk Post Terkini
</p>
<h3>Nama Kandungan</h3>
<p>
Isi Kandungan
</p>
<h3>Nama Kandungan</h3>
<p>
Isi Kandungan
</p>
</div>
Untuk demo, lihat di SINI
Kaedah yang menarik untuk kesan hover pada link. Cara mudah untuk diaplikasikan.
Pergi ke Blogger Dashboard >> Layout >> Edit HTML dan anda cari tag
</head>dan kemudiannya anda masukkan kod di bawah SEBELUM tag di atas:-
| <script type='text/javascript'> //<![CDATA[ var rate = 20; if (document.getElementById) window.onerror=new Function("return true") var objActive; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (document.all) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } else if (document.getElementById) { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); document.onmouseover = Mozilla_doRainbowAnchor; document.onmouseout = Mozilla_stopRainbowAnchor; } function doRainbow(obj) { if (act == 0) { act = 1; if (obj) objActive = obj; else objActive = event.srcElement; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } function stopRainbow() { if (act) { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() { if (act == 0) { var obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } } function stopRainbowAnchor() { if (act) { if (objActive.tagName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function Mozilla_doRainbowAnchor(e) { if (act == 0) { obj = e.target; while (obj.nodeName != 'A' && obj.nodeName != 'BODY') { obj = obj.parentNode; if (obj.nodeName == 'A' || obj.nodeName == 'BODY') break; } if (obj.nodeName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } function Mozilla_stopRainbowAnchor(e) { if (act) { if (objActive.nodeName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { objActive.style.color = makeColor(); } function makeColor() { // Don't you think Color Gamut to look like Rainbow? // HSVtoRGB if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR).toString(16); elmG = Math.floor(elmG).toString(16); elmB = Math.floor(elmB).toString(16); if (elmR.length == 1) elmR = "0" + elmR; if (elmG.length == 1) elmG = "0" + elmG; if (elmB.length == 1) elmB = "0" + elmB; elmH = elmH + rate; if (elmH >= 360) elmH = 0; return '#' + elmR + elmG + elmB; } //]]> </script> |
Untuk demo, sila klik SINI
**NOTA** Untuk var=20, anda boleh ubah nilai 20 itu mengikut kesesuaian anda yang mana semakin besar nilai itu semakin laju kesan tersebut dan begitulah sebaliknya. Saya mencadangkan nilai 100 sebagai nilai yang sesuai. Terpulang kepada anda. Selamat Mencuba!
dan ada dijelaskan langkah-langkah penetapan untuk blog anda. Mudah dan menarik. Selamat mencuba.
Jika anda ingin mengubah nama domain anda sekarang contohnya seperti blog saya, Soul Of Tyco, saya akan terangkan caranya. Blog saya, Soul Of Tyco pada awalnya menggunakan domain http://souloftyco.blogspot.com. Tetapi saya telah mengubahnya kepada http://www.souloftyco.co.cc.
Pertama sekali anda perlu mempunyai domain anda sendiri. Anda boleh dapatkan domain anda sendiri di CO.CC-Free Domain Name and Free DNS Service. Anda perlu mendaftar dan anda boleh "create" domain yang anda suka.
Setelah anda selesai mendaftar nama domain anda, anda akan memiliki satu akaun untuk nama domain anda. Kemudian pergi ke Domain Settings dan klik pada nama domain anda dan pilih Set Up.
Pilih option nombor 2 iaitu Zone Records. Isikan ruang dengan value seperti gambar di bawah termasuk WWW pada nama domain anda dan kemudian klik Set Up.
** = ghs.google.com
Kemudian tambah 3 lagi Zone Record. Kenapa? Ini untuk memastikan nama domain anda boleh diakses DENGAN atau TANPA menggunakan WWW di awal domain anda. Jadi, jika domain anda ditaip domainanda.co.cc atau www.domainanda.co.cc, ia akan "diarah" ke www.domainanda.co.cc.
Bagaimana caranya? Kali ini, dengan langkah yang sama seperti di atas. Perbezaannya hanyalah pada Type dan Value. Untuk Type, jika di atas kita menggunakan CNAME tetapi kali ini kita menggunakan Type A. Dan juga, kita tidak akan menggunakan WWW untuk diisi pada ruang Your Domain. Hanya masukkan domainanda.co.cc. Isikan pada ruang Value dengan value di bawah dan klik Set Up . Ada 3 value di bawah, bermakna anda perlu mengulangi langkah ini sebanyak 3 kali.:-
1. 64.233.179.121
2. 66.249.81.121
3. 72.14.207.121
Di akhirnya, anda akan memiliki 4 Zone Record. 3 untuk Type A dan 1 untuk Type CNAME seperti gambar dibawah:-
Selepas selesai, pergi ke Blogger Dashboard >> Settings >> Publishing dan klik pada Custom Domain. Kemudian klik pada Switch To Advanced Settings. Isi di ruang Your Domain dengan nama domain anda tadi termasuk WWW. Masukkan Word Verification dan kemudian klik Save Settings.
Selepas itu option baru akan dibuka di bawah nama domain anda. Sila pastikan check box di tanda. Isikan Word Verification dan klik Save Settings. Selesai!
PowerXchange
