Free HTML Blog 4u

Free Html Tv3 Malaysia

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 03 Jul 2022 03:22:00 +0000

Coppy and paste di blog kamu :

Mengubah posisi dan warna cookie dari Google untuk blogger

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Wed, 18 Mar 2020 07:37:00 +0000

Untuk mengubah warna dan posisi dari cookies yang terletak di blogger atau blogspot anda yang pastinya terletak di bawah seperti contoh dari gambar di samping.

Copy script dan paste code sript di bawah ini masukan sebelom code </body>

/* Custom Cookies Info Light */
.cookie-choices-info{background-color:rgba(255,255,255,.5)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-transform:translateZ(0)}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#222!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#999!important;transition:all .1s linear}
@media only screen and (max-width:767px){
#sidebar3-wrapper, .block {display: none !important;}
}

Untuk mengilangkan I love My Blog

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 21 Sep 2014 18:40:00 +0000

Cara untuk menghapus I love my Blog pada blog anda saat anda melatakkan Course adalah sangat

mudah.

Lihat kode seperti di bawah ini dan hapus!

Free Cursor Ipin Upin

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 14 Sep 2014 23:49:00 +0000

Nah, kali ini sy ingin pula mencoba membuat cursor upin & ipin. Tapi kali ini ipin yg first sekali. Saya harap cursor tersebut dapat bermamfaat bagi kekawan.




<style type="text/css">body {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjASuX6Rer5qm_m9cX0zVj8VPkOzwW6feuWfmcEtSTvjBHdfZmDUmj8IAW0-hkAYA_XuLLqJTlK7IYPvsnPPj_EJKy0-6qNPVURLI8qOzbfRWzLuO8zZNSJ935ogoExAspb0KUfxg1sxAE/s1600/ipin+cursor.png),default}</style>	<style type="text/css">body {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLG2CiXJYRDiASKeCVe2SUhdX8wAFMNUDv9bf-THY5bogY-WWUHcxKnmAukMPiOHAS2koLBNEoL64gxii51qr7RJxXHrlbQruYNssFkfzduKE8aoPPLz8CdMGQXSWvAtleUauJmxr5HDU/s1600/upin2.png),default}</style>

Download Al-quran to microsoft word 2010

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Fri, 12 Sep 2014 17:40:00 +0000

Bagi pelajar yang lagi melangsungkan skripsinya dan banyak lagi PR atau tugasan - tugasan yang harus di siapkan dalam waktu cepat.

Di era zaman yang serba cangih ini semua kerjaya dapat di kerjakan dengan mudah dan simple apalagi cara bagaimana kita ingin menulis ayah Al-qur´an dengan mudah dalam microsoft word 2010. Dalam surah apa aja kita bisa melakukannya dalam bentuk microsoft word beserta penerjemahnya sekali. Praktis dan mudah bukan.

Dengan cara clik di bahgian Add-Ins maka muncullah sebuah menu di sebelah kiri layar screen lebtop atau PC anda Al-Quran . Kemudian lihat pada Brose Al-Quran maka muncullah satu program Brose Al-Quran.

Di dalam Brose Al-Quran anda bisa memilih surah mana yang ingin anda masukan dalam microsoft word anda beserta ayat keberapa beserta terjemahnya.

Untuk Salinan Surah ke microsoft word anda bisa melakukannya dengan cara Clik bahgian With Option pada program tersebut maka dengan sendiri akan muncul pilihan atau Select Surah and Ayah.
Tip bahgian Al-Quran . Jika anda ingin menampilkan tayangan di microsofword ayah Al-Quran beserta terjemahnya dalam sekaligus anda bisa melakukannya dengan cara meberikan tanda atau Tip pada Translation.
Anda bisa memilih surah apa yang ingin di tampilkan pada microsoft word anda dengan cara memilih surah di bagian Surah pada tampilan program tersebut.

Untuk Translation di bawah anda bisa memilihnya dengan berbagai bahasa yang kehendaki, seperti bahsa Jerman, Indonesia, Italian, Korean, Malay ( Malaysia ), Persian dan ada beberapa bahasa lagi di dalamnya.

Cara download

Sebahgian besar dari kawan kawan mengalamai masalah sewaktu mendownload program tersebut. Setelah anda download program Al-quran word dan jangan lupa clik run pada aplication progran tersebut. saya sarankan anda harus Renstart Lebtop atau PC anda run untuk kali yang ke dua pada program Al-quran word.

Untuk Lebtop or pc Sistem32

Untuk Lebtop or pc Sistem64

As ( 00055 KBH )

Replay comment

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Mon, 09 Apr 2012 11:17:00 +0000

1,Go to Dashboard - > Template - > Edit HTML
Check on Expand widget template

2,Find this line
b:include data='post' name='comments'/>
And change it to
b:include data='post' name='threaded_comments'/>

3. Fine ]]></b:skin> and before add this code.
<------- START Blogger Threaded Comments by Free Html Blog --------->
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 12px;
margin-bottom: 16px;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comment .comment-actions a:hover {
text-decoration: none; background:#fff; border:1px solid #5AB1E2;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px;   font-size:12px; background:#EBF5FE;
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;

}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .user a {
color:#2D5E7B; font-size:14px; font-weight: bold;text-decoration: none;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
color: #999999;
float: right;
font-size: 11px;
text-decoration: none;
}
.comments .comments-content,
.comments .comments-content .comment-content {
margin:0 0 8px;
}

.comment-header {background-color: #F4F4F4;
    border: thin solid #E6E6E6;
    margin-bottom: 5px;
    padding: 5px;
}
.comments .comments-content .comment-content {
text-align:none;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .continue {
cursor: pointer;
}
.comments .continue a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {background-image: url("http://img846.imageshack.us/img846/7357/unled1oww.jpg");background-position: center center;background-repeat: no-repeat;float: left;width: 36px;max-height: 36px;margin: 0;outline: 1px solid #FFFFFF;padding: 3px;vertical-align: middle;overflow: hidden;
border: 1px solid #DDDDDD;}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-left: 48px;
position: relative;
}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
    margin-left: 0;
}
}

<---------- End of Blogger Threaded Comments by Free Html Blog ----------->

How to make own Google friend connect

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 11 Dec 2011 10:18:00 +0000

Google Friend Connect lets you grow traffic by easily adding social features to your website. With just a few snippets of code, you get more people engaging more deeply with your site.

Attract more visitors. Visitors bring along friends from social networks like Facebook, Orkut, and others to interact on your site.

You just clik here for make Google Connect
>>> Google Connect

How to make i friame page

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 04 Dec 2011 13:33:00 +0000

Add Popular Posts bacground Widget to Blogger

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 23 Oct 2011 09:42:00 +0000

PASTE POPULAR POSTS WIDGET CODE HERE

</div>

Add Popular Posts Widget to Blogger

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 23 Oct 2011 09:26:00 +0000

aBold = true;
numposts=200;
maxshowresult=5;
home_page = "http://freehtmlblog4u.blogspot.com/";
</script>
<script src='http://popularposts.googlecode.com/files/popularpost.js'
type='text/javascript'></script>

Widget image beside Post a Comment title

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 23 Oct 2011 09:03:00 +0000

Step 1: Go to Blogger’s Dashboard > Design > Edit HTML tab and backup your template in case anything goes wrong.
Step 2: Check “Expand widget template”.
Step 3: Press “Ctrl+F” to open the search bar within your browser and find:
<data:postCommentMsg/>
Step 4: Copy This Code
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi03ifU_z9kDmpLu32PzjzAD2zIfNpGRa-etSsfy0vsMyHEbNSau7Oa7AsXVMVwFUC384vByaxhdfX7e64vSGkDxoCLn1Z6156_EhkZNi4je-11d_OBqJHk9Q8ryErWXvgDuRfJgjyOw4o/s1600/post.jpg'/>
and paste before <data:postCommentMsg/>
Step 5: Red link you can make own picture if you like.
Step 6: Save your template.

How to Highlight admin picture Author Comments in Blogger

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 23 Oct 2011 08:26:00 +0000

Step 1: Go to Blogger’s Dashboard > Design > Edit HTML tab and backup your template in case anything goes wrong.
Step 2: Check “Expand widget template”.
Step 3: Press “Ctrl+F” to open the search bar within your browser and find:

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:comment.favicon'>

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.isDeleted'>

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</dd>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

replace that code with this code

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:comment.favicon'>

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.isDeleted'>

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</dd>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</div>

</b:loop>

Step 4: Find ]]> and before it add:

.comment-footer{

margin-bottom:0 !important;

}

.author-comment{

background-color:#F0FFF0;

padding:5px;

margin-bottom:1.5em;

border:1px solid #ccc;

border-radius:10px;

}

.author-comment.blog-author {

background: #FFEBCD url(https://lh3.googleusercontent.com/_-BRP4LFLyWc/TZX3b7r2AyI/AAAAAAAAATY/8Am8ri02OjE/s800/admin.png) no-repeat right top;

}

Step 5: Save your template. You will now find that the full section of the author or admin comments in Blogger is colored and standout from rest of the comments.
Now it’s time for some customizations. Change the color hex values, for example: #F0FFF0 or #FFEBCD or #CCC, with the color you want to highlight author comments and you can also change the background image for it, marked in bold.

Cute Welcome widget

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sat, 22 Oct 2011 11:44:00 +0000

Change Newer Posts, Older Posts and Home Links to picture In Blogger

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sat, 22 Oct 2011 04:41:00 +0000

Here is how to change newer posts, older posts and home link to picture in your blogger page
and change red word with <img src="http://DIRECT_LINK_OF_YOUR_IMAGE.jpg"/>

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

Disabled right click for image too

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 16 Oct 2011 18:43:00 +0000

copy code and paste before code <head>

<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

How to make Intro stile 2

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 16 Oct 2011 18:23:00 +0000

We always see Intro stile like website flash and ctc... But now here we can make it on blog page too for example Blogger, wordpress or ctc.

</style>

/* toggle() checks to see if the images has already been faded

or not and sends the appropriate variables to opacity(); */

function toggle(el,milli) {

// Get the opacity style parameter from the image

var currOpacity = document.getElementById(el).style.opacity;

if(currOpacity != 0) { // if not faded

fade(el, milli, 100, 0);

} else { // else the images is already faded

fade(el, milli, 0, 100);

}

/* changeOpacity() uses three different opacity settings to

achieve a cross-browser opacity changing function. This

function can also be used to directly change the opacity

of an element. */

function changeOpacity(el,opacity) {

var image = document.getElementById(el);

// For Mozilla

image.style.MozOpacity = (opacity / 100);

// For IE

image.style.filter = "alpha(opacity=" + opacity + ")";

// For others

image.style.opacity = (opacity / 100);

}

/* fade() will fade the image in or out based on the starting

and ending opacity settings. The speed of the fade is

determined by the variable milli (total time of the fade

in milliseconds)*/

function fade(el,milli,start,end) {

var fadeTime = Math.round(milli/100);

var i = 0; // Fade Timer

// Fade in

if(start < end) {

for(j = start; j <= end; j++) {

// define the expression to be called in setTimeout()

var expr = "changeOpacity('" + el + "'," + j + ")";

var timeout = i * fadeTime;

// setTimeout will call 'expr' after 'timeout' milliseconds

setTimeout(expr,timeout);

i++;

}

// Fade out

else if(start > end) {

for(j = start; j >= end; j--) {

var expr = "changeOpacity('" + el + "'," + j + ")";

var timeout = i * fadeTime;

setTimeout(expr,timeout);

i++;

}

</script>

<img src="http://i.imgur.com/WtJ9k.png"

style="opacity:0.4;filter:alpha(opacity=40)"

onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"

onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>

</div>

function setAttributeOnload(object, attribute, val) {

if(window.addEventListener) {

window.addEventListener("load",

function(){ object[attribute] = val; }, false);

} else {

window.attachEvent('onload', function(){ object[attribute] = val; });

}

</script>

Copy html code and bring to Desgn + Edit Html + Expand Widget Templates and paste html code before ]]></b:skin>
Clik save Template if u finish it:)

Free Beckgrounds for blogger 2 collum

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 16 Oct 2011 05:09:00 +0000

We provide a variety of different forms of backgrounds for your blog page. very easy and simple. and below we've provided. you just copy and paste into your html blog page.

Simple Love Star

Free Cute A clock Love

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Thu, 13 Oct 2011 19:20:00 +0000

Free Cute Aclock Love will Comming Soon....

Free Cute A clock Shin Chan

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Thu, 13 Oct 2011 19:18:00 +0000

Crayon Shin-chan first appeared in a Japanese weekly magazine called Weekly Manga Action, which is published by Futabasha. The anime Crayon Shin-chan has been on TV Asahi since April 13, 1992, and on several television networks, worldwide.

Many of the jokes in the series stem from Shin-chan's occasionally weird, unnatural and inappropriate use of language, as well as from his inappropriate behavior. Consequently, non-Japanese readers and viewers may find it difficult to understand his jokes. In fact, some of them cannot be translated into other languages. In Japanese, certain set phrases almost always accompany certain actions; many of these phrases have standard responses. A typical gag involves Shin-chan confounding his parents by using the wrong phrase for the occasion; for example, saying "Welcome back!" ("おかえりなさい" "okaeri nasai") instead of "I'm home!" ("ただいま" "Tadaima") when he comes home.....

Free Cute Aclock Shin chan will Comming Soon....

Free Cute A clock Upin & Ipin

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Thu, 13 Oct 2011 19:17:00 +0000

Background

Upin and Ipin are five-year-old Malay twins who live with their elder sister Ros and maternal grandmother Uda (whom they call Opah) in a wooden house in Kampung Durian Runtuh. They have lost their parents in their infancy. Upin and Ipin study in the village's Tadika Mesra (Friendly Kindergarten), where they befriend a motley bunch of classmates, including the adorable and right-thinking Mei Mei, a jocular and poetic Jarjit Singh, the firm but clumsy and short-tempered Ehsan, an easygoing and sarcastic Fizi (Ehsan's cousin), and an entrepreneurial and meticulous Mail.

The headman of Kampung Durian Runtuh is Isnin bin Khamis, better known as Tok Dalang, the wayang kulit champion. Tok Dalang keeps a cluster of rambutan trees for commercial purposes, and a rooster named Rembo. Among the village's other notable residents are Muthu, owner of the village's only food stall who lives with his animal whisperer son Rajoo and pet steer Sapy; Salleh (Sally), a waspish transgender-apparent, who owns a mobile library; and Ah Tong, a strident-voiced vegetable farmer. A new character was later added in the series who is an Indonesian girl named Susanti who moved in with her family.

For Free Aclock Upin and Ipin will Comming soon.......

Free Cute A clock

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Tue, 11 Oct 2011 20:52:00 +0000

Comming Soon ....

How to make Facebook right

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 09 Oct 2011 06:57:00 +0000

To make a facebook position on the right as an example in the picture on the side is very easy. And I will give you an example html so easy to make it.
Everyone wants to enhance own website pages, especially own blog page.

all right ... we start.
First time you need to do is:
1. Copy html code here ...

<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<style type='text/css'>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgthQczJMhxRzbipPQ4uipSCEsytEX1yHzr0gNRdpPFLLNQX0BGBy_TUCKRqKV6cERcKQg5w68pJ-zRLA1Ir3LdATgBRjkwuUxHOKSVTmEcUMvmfuvt665oO2tXkHMnscS2SbfqrngDqVc/s1600/Facebook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #fff;
background:#FFF;
padding:10px;
}
</style>
<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id='gb'>
<div class='gbtab' onclick='showHideGB()'> </div>
<div class='gbcontent'>

### paste facebook Html Code Here ###

<div style='text-align:right'>
<a href='javascript:showHideGB()'>
[close]
</a>
</div>
</div>
</div>
<script type='text/javascript'>
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

2. Clik Design besite Settings and clik Edit Html and after tip Expand Widget Templates
3. Fine <head> and paste code just below <head>
4. Clik Save Template

If you got troble please leave msg and send to Email servis.teamblogger@gmail.com

Nuffnang is Malaysian Ads

noreply@blogger.com (Welcome 2 Free Html Blog 4u) — Sun, 14 Aug 2011 20:20:00 +0000

It is one of the first ads in malaysia that can make money like a adsense from google.
But Nuffnang Ads are only a few countries only, Malaysia, Thailand, Singapore and Australia.
and if you are in one country then you are one of the lucky ones who can participate in this program nuffnang ads.and here if you wanna join us just klik
Nuffnang registration here

Free HTML Blog 4u

Free Html Tv3 Malaysia

Mengubah posisi dan warna cookie dari Google untuk blogger

Untuk mengilangkan I love My Blog

Free Cursor Ipin Upin

Download Al-quran to microsoft word 2010

Related Posts Widget for Blogger

Replay comment

Popular Posts Widget With Zoom Effect V3

How to make own Google friend connect

How to make i friame page

Add Popular Posts bacground Widget to Blogger

Add Popular Posts Widget to Blogger

Widget image beside Post a Comment title

How to Highlight admin picture Author Comments in Blogger

Cute Welcome widget

Change Newer Posts, Older Posts and Home Links to picture In Blogger

Disabled right click for image too

How to make Intro stile 2

Free Beckgrounds for blogger 2 collum

Free Cute A clock Love

Free Cute A clock Shin Chan

Free Cute A clock Upin & Ipin

Background

Free Cute A clock

How to make Facebook right

Nuffnang is Malaysian Ads