Kaedah simpan dan masuk template

Sememangnya jika kita ingin membuat sesuatu pada blog se'eloknya perlu disimpan terlebih dahulu  sebelum mengubah apa-apa pada template asal, kerana dikhuatiri akan menemui kegagalan dipertengahan jalan. Jadi bagaimana mahu memasukkan dan menyimpan template pada blog ??

Kaedah seperti ini amat mudah,sila ikuti lankah bagaimana mahu :

Backup Template :
 

Masukkan Template Baru :






SIMPAN @ Backup Template :



Pergi ke Edit HTML






Tekan : Download Full Template



File yang diterima seperti icon ini




Dan simpan file ini didalam komputer anda >.<), jika berlaku kecemasan upload balik file ini semula mengikut tarikh yang telah direstore


Untuk memasukkan Template baru pula :


Pergi ke Edit HTML






Dapatkan File ini, untuk diupload




Tekan : Browse kemudian Upload




Perhatian, selepas anda muat naik(upload) template baru anda mungkin menerima seperti gambar dibawah







Ini bermakna segala widget anda disidebar akan dibuang... iaitu di page element, untuk mendapatkan semula widget anda, anda hanya perlu memastikan widget itu dipasang menerusi element HTML/Javascript.. bukak dan copy semua kandungan dia di dalam notepad anda. Jika anda sudah bersedia melihat template baru anda, sila tekan butang [CONFIRM & SAVE]

Membina Twitter Update klasik

Kenapa kita memerlukan twiter? twiter adalah micro blogging yang amat popular untuk digunakkan bersama blog. ia dilengkapi dengan keupayaan menulis status dari semasa kesemasa dalam satu waktu. Kali ni aku ingin memberi sedikit informasi untuk menghasilkan Twitter status yang klasik, anda boleh lihat contoh diblog saya ini seniaku


Baiklah, kali ini aku akan tunjuk bagaimana mahu meletakkan twitter klasik bersama ikon cute twitter, seperti yang telah aku buat.

upload gambar twitter anda --> letakkan url gambar anda pada tulisan merah
\
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Vdev38zT0SA25Ok5aDPXypMJMwLoy278eOUlOyRDdlbrVUNkgZfTeZWFrh64si1nkr9oVzDNBEXOX1J3ryEcD92-be7hm4s3-c8ZCkq3es5eJdlNPaqHyyjrlP4G9JrsyX2OL_Xje43T/?imgmax=800"/>

diatas aku buat sebagai contoh, tapi ia masih boleh digunakkan, jika anda mahu lihat keputusan gambar itu sila copy/paste url merah diatas pada kotak address anda, lihat sendiri gambar itu, jika tidak puas hati, sila rujuk variasi gambar dibawah.






Muat turun kat sini : Productivedream










Muat turun kat sini : Smashmegazine








bila anda jumpa, apa yang anda mahu.. sila dapatkan url gambar tersebut.

Ok, sekarang pergi kat Dashboard --> Layout --> add page element --> HTML/Javascript






Copy/paste kod kat bawah, dan letakkan pada element tersebut sesuka hati.


<div style="float:right;margin:0 0 0 5px">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Vdev38zT0SA25Ok5aDPXypMJMwLoy278eOUlOyRDdlbrVUNkgZfTeZWFrh64si1nkr9oVzDNBEXOX1J3ryEcD92-be7hm4s3-c8ZCkq3es5eJdlNPaqHyyjrlP4G9JrsyX2OL_Xje43T/?imgmax=800"/>

</div>
<div id="twitter_div">

<ul id="twitter_update_list"></ul><br/>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/kaizumi">Follow My Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/didenkaizumi.json?callback=twitterCallback2&count=3"/>

Ok, kod diatas adalah contoh yang saya punya, apa yang perlu anda ubah adalah nama pengguna pada tulisan yang berwarna biru


Siap!...

Membina readmore pada posting

 Bosan dengan posting yang agak panjang dan serabut? dan teringin mahukan sesuatu yang dapat meringkaskannya? agar lebih susun dan teratur.. jadi sila ikuti langkah mempermudahkan anda meringkaskan posting anda sendiri dengan meletakkan readmore!







Step #1 :


  1. Login kat blogger dengan ID anda
  2. dekat dashboard page , click Layout.
  3. Then click edit HTML tab.
  4. Click the Download full template link. Save your template (very important)
  5. Please mark the little box beside Expand Widget Templates. Wait for a moment.









  6. Go to your template code, and find the code like this :








  7. Delete the above code and change with this code :










  8. Click Save Template button
  9. Step #1 is done.


Step #2 :
  1. Click Setting tab.
  2. Click formatting tab.
  3. Go to lower side. you will find a blank text are beside Post Template. Fill that blank text area with this code :








  4. Click Save settings button.
  5. Step #2 is done.


Macam mana readmore berfungsi?

Apabila anda membuat entri baru, pilih photo-posting_03.gif tab. dan anda dapat lihat kod dibawah :




<span class="fullpost">


</span>



Place the first paragraps above of :



<span class="fullpost">





and place the rest of paragrap under of :

<span class="fullpost">



and above of :

&lt/span>


dan hakhir sekali publish post anda! siap

Kod mengubah warna

letakkan kod selepas </head>








<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>



Recent Comment Update untuk IE 7

Recent comment kali ni akan membantu lagi keupayaannya dengan browser exlporer 7, sebab rata-rata ada kebanyakkan widget yang tak dapat sokong browser IE 7, dan diharap widget ini dapat menyokong browser berkenaan. Tapi jika anda mahukan sesuatu yang lebih pantas, saya sarankan sila gunakkan firefox. Baiklah dibawah saya telah aturkan kaedah yang mudah untuk memasang widget ini. Selamat mencuba









  1. Seperti biasa anda perlu melayari Blogger terlebih dahulu
  2. Pergi ke Dashboard
  3. Klik pada Layout
  4. Klik pada Page Element
  5. kemudian Klik pada Add a Gadget

  6. Carikan HTML/javascript, tekan dan masukkan kod dibawah
  7. Save dan siap...






<script style="" src="http://sites.google.com/site/diden125/diden125/RECENTkomen3.txt"></script><script style="">var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="http://BLOGANDA.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments"></script>













  • sila masukkan nama blog anda di ruagan text yang berwarna merah
  • itu sahaja, anda dapat melihat ulasan terkini pada setiap post yang anda buat





Tentukan warna web anda




Ada yang masih bingung tentang warna yang ada pada template,blog atau websitenye sendiri sebab tak pasti untuk memilih atau menukar balik warna yang terdapat padanya. Setelah saya mencari apakah alamat yang sesuai untuk memeriksa warna di website kita, dan hakhirnya saya menemui halaman checkmycolours di sini. Tujuan bagi kita untuk memeriksa warna yang ada pada blog atau halaman kita adalah untuk mengenal pasti kombinasi yang lebih terbaik, dan memilih warna yang lebih harmoni untuk halaman tersebut. Warna memainkan peranan penting kerana kita sendiri akan menilai tahap keselesaan halaman itu....

Adakah ada perkhidmatan yang boleh kita letakkan warna HTML di mana-mana halaman? tentula, cuba halakan tikus anda disini. Di halaman ini anda juga dapat menentukan warna apakah yang seimbang dan juga warna yang ingin anda ketahui mengikut kod warna HTML itu sendiri. jadi usah kuatir untuk mendapat informasi berkenaan warna anda itu lagi.

Baiklah selamat mencuba..



Danasoft,Tahu dimana anda?

Apa danasof tue? tahukah anda sejauh mana anda berada, kami tahu anda berada dimana.. , itula danasoft. Ya, Widget untuk anda yang ingin tahu status kedudukkan anda sendiri, ada nampak gambar disebelah? yup, ia hanya sekadar gambar tapi cuma lihat objek yang sama dibawah, semestinya ia adalah yang benar. Lihat ip address anda tu dan lihatpula apa browser yang anda pakai. hampir2 tepat menujukkan apa yang anda pakaikan? @ngantuk. Untuk mendapatkan Widget ini caranya mudah saja.@sengihnampakgigi






sila Copy kod di bawah dan letakkan



<a href="http://diden125.blogspot.com/"><img src="http://www.danasoft.com/sig/diden125.jpg" border="0" /></a><div style="font-family: arial,sans-serif; font-size: 11px;">