Showing posts with label Advance BLOG. Show all posts

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>



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



Recent Comment [ Part 2 ]

Recent Comment yang telah saya hasilkan ini amat2 mudah, tujuan saya adalah ingin mempercepatkan blog atau halaman itu sendiri. Dengan adanya recent comment ini kita mungkin lebih peka terhadap komentar disekeliling agar kita tak ketinggalan untuk menyampaikan apa-apa pesanan dan lain-lain. Okey, mari kita mulakan



* Pergi ke blogger

* Dashboard

* Layout --> Add Page Element

* Cari "add HTML/javascript",

jumpa? kalau sudah sila masukkan kod dibawah..


<script style="text/javascript" src="http://sites.google.com/site/diden125/diden125/recentKomen.txt"></script><script style="">var a_rc=10;var m_rc=false;var n_rc=false;var o_rc=100;</script><script src="http://BlogAnda.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments"></script>





Jangan Lupa masukkan nama blog anda di tulisan berwarna merah diatas
@sengihnampakgigi

Wah! dah siap?? mudah nya... ok, itu saja, wassalam


diDEN.::




Sembunyikan Tajuk Blog

Ketahui bagaimana ingin menghilangkan tajuk blog, agar dia tak mengangu header yang anda buat..



Salam daripada diDEN, Hiyakk, entri kali nak bagitahu macam mana nak hapuskan tajuk dekat paparan utama blogger, seperti yang anda tahu tajuk yang terdapat setiap kali anda ingin memulakan blog, mudah untuk difahami adalah seperti blog title. Ok, kali ni merupakan kod yang paling mudah dalam mana-mana kod sebelum nih, tak mustahila kalau ada budak-budak yang celik IT sikit pun tahu macam mana nak masukkan kod ni dalam editor tu..(tak tercabar ke?.... hehe)
Seperti biasa Login kat blog anda(blogger), klik layout dekat Dashboard. Kemudian klik Edit HTML.
Ok AQ nak ingatkan sekali lagi, sebelum apa-apa tindakkan dan pengubahsuain, anda perlula memastikan yang blog tu telah di “backup” terlebih dahulu, takut nanti ada la yang tersalah masuk ke, apa ke…benda ni susah nak selamatkan, jadi macam mana nak "backup blog"?? Mudah sahaja, anda hanya perlu pergi ke setting dan pastikan anda menemui butang export, tujuan export adalah untuk menyimpan xml. dan apabila perlu anda hanya perlu mencari balik xml. yang disimpan dengan menekan butang import.Ok, AQ teruskan...

Cari kod yang seakan macam ni


#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none; /*? masukkan ini*/
}


Ok, jadi bagaimana tajuk tu boleh hilang? Perhatikan “display:none; “ tu, kod sebaris itula yang aku maksudkan, ia tidak menghapuskan tajuk tersebut tetapi hanya menghilangkan sahaja daripada pandangan orang lain. Tak susahkan? Tapi tunggu!! Kod ini juga bukan setakat boleh menghilangkan tajuk blog malah anda juga boleh menghilangkan penerangan tajuk tu sekali, macam mana tu? Seperti biasa carik :


#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none;
}


Orait… dah berjaya? Harap-harap suksess… tapi kenapa perlu sorokkan tajuk blog dan penerangan sekali?? Setengah orang nak letak header bergambar yang dia dah habih bubuh semua benda kat dalam tu termasuk tajuk dan penerangan yang Bes… jadi bila ada tajuk blog dan penerangan yang keluar sekali tu dia mungkin mengagu header kesayangan dia yang tertindih akibat beliau sendiri yang letak, kalau buang nanti orang tak dapat nak search dia punya blog tak jumpa… emmm kadang2 berguna jugak kan.. kan..kan..

How to Remove - Subcribe to Post(Atom)

" Hi diden, saya hanya terbayang kalau ada kod yang boleh buang feed link kat bawah post seperti yang bagitau Post(Atom).Tanpa menggagu benda yang lain... ? "

Terima kasih , hafiz... ni ap yg diden dapat ===>




  1. pergi kat dashboard/ template/ edit HTML
  2. Click pada 'Expand Widgets Templates' box
  3. Cari:

<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>


Buang line dibawah, remove

<b:include data='feedLinks' name='feedLinksBody'/>


yang akan buang Post(Atom).

Itu je... Thanks @hensem




Recent Post dengan gambar

Ok post kali ni bagitau macam mane nak letak 'recent post whit thumnail' sebagai widget. menarik bukan?, susah? emmm pastinyer anda perlu teruskan mengikuti post ini. hehe


Orait di bawah merupakan ulasan entri sebelumnya sekali dengan gambar,



Feature :
Thumnails
Comment count

Jadi.... Jom kita tengok macam mana nak 'install' widget ni |

Kaedah 1 :
Sign into Blogger dashboard
Kaedah 2 : Pergi ke Layout => Add/Gadjet => html/javascript
Kaedah 3 : Hanya copy Kod kat bawah ni


<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://diden125.blogspot.com/";

</script>

<script src="http://sites.google.com/site/diden125/diden125/recent_thumnail.txt" type="text/javascript"></script>




Penerangan :

home_page : http://diden125.blogspot.com => tu tukar kepada nama blog anda

Yang lain2 seperti

BorderColor,Cellspacing ...etc boleh diubah mengikut kesesuayain...@kening kesesuain anda.

"sampai nak sebut kesesuain pun da tak betul hehe
@hensem"

selamat mencube...

Put Yahoo! Massenger in blog? How! (Method 1)

Do you know what is Yahoo! messenger? I sure you is surely knew it. Yahoo! messenger is one of yaho.com service very popular in the world. Then what his relation with blog? some blogger wish to be in his blog attached yahoo ! messenger icon , hence if him online in yahoo! messenger can in knowing by his blog visitor and also can easy to in contacting for chatting. If you ask to me, can yahoo! messenger icon add at blog? the answer is can,

and not only that, we can choose icon what is will add.The choice is differentiated in 10 choice, you remain to choose style ID which which is compatible according to your :

This is the style ID of yahoo! messenger icon :


Yahoo! messenger icon






Allright, to placed the yahoo! messenger icon just place this code at your sidebar :

For example. If your yahoo ID is balakasadut24@yahoo.com, your ID is balakasadut24, So the code for yahoo! messenger icon with choice Style ID 9 is as follows :



Now, how to place the code to your blog.

Follow the teps :
  1. Login to blogger with your ID.
  2. After entering the dasboard page , click Layout. Please saw the picture :
  3. layout

  4. Click at Page Element tab. See the picture below :
  5. page element

  6. Click at Add a Page element.
  7. After emerging pop up window , click add to blog button for the things HTML/JavaScript. See the picture following :
  8. javascript

  9. Copy and paste the code below into available column :





  10. Change YOURID with your yahoo ID and StyleID with number of your choice.
  11. Click save changes
  12. Finish. Please see the result.



Macam mana nak letak icon kat posting, Add yahoo Smileys on Blogger Posts

In this Post I will help you to add Yahoo Smileys ( images ) to blogger posts . you might have noticed in many wordpress blogs there will atleast one Yahoo smileys . As we know expressions speaks more than words , with a single yahoo smiley we can express our mood. In wordpress this feature is build in. But unfortunately blogger doesn't have this feature :( .But here is an easy trick to add yahoo smileys to your blogger posts . if you just type the codes given below you will get yahoo smileys for that simple letters.





:) --> :) --> :p -->:D --> :# --> :x --> :L -->

:( --> :$ --> ;) --> :@ --> :k --> :o --> :O -->

:r --> :s --> :y --> ~ --> :v --> :f --> :d -->

:c --> :z -->





1 . Go to layout section

2 . Go to Edit HTML

3 . and search for this code and add this Javascript before .



Search for this following code and add this Javascript before .

















that's it , here after whenever you write blog posts just add this yahoo smiley codes . For this simple letter codes you can see beautiful yahoo smileys.





Remember! Always! Always! backup your template before take any action it will risk you to get error on page. to do so , go to full download, and click it or copy your fully template into your notepad, gud luck .. terima kasih.

How to Hide Navbar (Navigation Bar)

Ehm3 da bersedia? first...

Navbar (Navigation Bar) is fasility of blogger.com. But many blogger want to hide this navbar because it will make their blog layout look better without a box (navbar) above it. The Question "is this break TOS (Term Of Service) of blogger.com?" I don't know, but so far is good, there are many blogger hide their navbar but no reaction from blogger.com. So? do you want to hide Your blog navbar? if you want here's the trick to hide blogger navbar:

1. Login to Blogger then klick "Layout --> Edit HTML".
2. Copy the code below and insert into your tag.

#navbar-iframe {
display: none !important;
}

3. for example put like this

-----------------------------------------------
Blogger Template Style
Name: xxx
Designer: xxx
URL: http://diden125.blogspot.com
Date: Januari 2008
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Save your setting, and open your blog, You will have no navbar in your blog page

CONGRATULATION!!!!!

How to change your favicon from default blogger logo to your own

TAll of you are board of the same blogger icon you have,as the favicon for your blog.Isn't it ?
Don't you want to change it ?Yes , You want to........I know it.
So here i'm explaining a simple trick on ;-
How you can change your blog's favicon from default blogger logo to your own

For this first you need to put image,which you like to put as your favicon on any free image hosting sites such as photobucket ,flickr etc.The image file with size of 16x16 or 32x32 and formats such as .png , .gif , .ico can be used as favicons.It'll be good to use graphics of .ico format as a icon/emblem

now search on your HTML for this tag :-



replace it with ;-



You can replace the URL of your graphic file with your icon file , and the ico with the file format of your icon.
[ eg ;- type='image/png'/> , type='image/gif/> ]

Now save it and you'll find your new logo ,dancing on your browsers address bar.

Enable surfers to apply to Blogger private blog for permission to view

Many bloggers wants surfers to be able to apply for permission to view private blogs. Previously this was possible by typing a message (for example email address) into the private blog title. Blogger changed that. Private blogs no longer display blog titles, only the URL of the private blog. Now the only way to get a message to surfers on how to apply for permission to view private blogs is to add that message into the blog URL. Look at the screen shot below for example:




email in blog title to enable surfers to apply for permission to view private blogs

In the example above, the blog title is myemailatgmaildotcom@blogspot.com

An alert surfers should be able to guess that he or she need to write to myemail@gmail.com to request permission to view blog. As for the blog title, you can set it to whatever you may wish. It is not the ideal solution, but the only available option at the moment unless Blogger changes how private blogs are displayed again.