This Traveler IQ challenge compares your geographical knowledge against the World's Original Travel diary's other 3,372,655 travelers who have taken this challenge as of Sunday, November 30, 2008 at 03:44PM GMT. (TravelPod is a TripAdvisor Media Network member)
Rabu, 31 Desember 2008
GrandResume.com, Profesional Resume Writing Service
This Traveler IQ challenge compares your geographical knowledge against the World's Original Travel diary's other 3,372,655 travelers who have taken this challenge as of Sunday, November 30, 2008 at 03:44PM GMT. (TravelPod is a TripAdvisor Media Network member)
Checkout wikipedia for the places you know, you know but can't remember :). So when you have completed the challenge and got your Map IQ high, You can start packing your travel bags. Until then Happy Quizzing.
Jumat, 28 November 2008
Display HTML / JavaScript code in Blogger - How to
Lets have a look first at the box I am talking about.
So the question remains, how to get it?
Easy... just follow this steps.
As blogger wont take html code as it is... meaning you will need to convert it into escaped code. For that get the code you need to any text editor. Then replace all the < signs with < and all > signs with >. Now copy this escapped code to your blog. There is another easy way to do it. Go to this site -> Text -> HTML Entities Encoder. There are two boxes, copy your code into first box. The escaped code will be generated in the next one. Easy isn't it.
Now how to add those boxes. There are a lot of ways to do it. I will show you the one that I used. First we will make a css class in our blogger template. Use this for Basics of Blogger template. In the css section add this code.
.postCode{
background:lightyellow none repeat scroll 0 0;
border:1px inset orange;
height:150px;
margin:10px;
overflow:auto;
padding:6px;
text-align:left;
}
You can change the background/border colors height etc to match your needs. Now, we will use this class with a <PRE> tag to format our code in those boxes. So enclose your escapped code in this manner.
<pre class="postCode">
YOUR CODE
</pre>
Tadaa! You are done.
PIN google adsense
Kamis, 27 November 2008
Menambah Icon Di Sidebar Link
1. Macam biasa Loggin ke Blogger => Layout => Edit HTML. Cari kode dibawah.
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
2. Dah jumpa?? Tukar kode diatas seperti dibawah.
.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0 0px;
}
.sidebar ul li {
background:url("Alamat Gambar Disini") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:3px;
border-bottom:1px dotted $bordercolor;
line-height:1.4em;
}
3. Gantikan tulisan berwarna merah dengan URL gambar/icon Antum. Tulisan hijau adalah border/garisan dibawah link.. Kalau Antum xnak kasi buang saja.
Ok Done...
How to add Digg to Blogger - Explained.
After experimenting with my Blog template I came across this way to do it.
Things you should require/know :-
A Digg Account (optional)
A Blogger Account
Basics of XML/HTML/CSS/Java Script
Ctrl+C / Ctrl+V :)
First login into your blogger account. Go to the Layout tab and click on Edit HTML.
If you want you can make a backup of your existing template by clicking on "Download full template" [ If your confident skip this step ]
Understanding the Blogger Template
The basic structure of template has various sections defined. At top there are some variables defined. Which can be changed to change the color layout etc of the Blog.
After the variables the CSS definitions are given. You can edit the different classes to change the blog to your taste.
Now in the body tag you will find all the sections and div defined. Complete blog lies in the outer-wrapper div. And in it you will have the header-wrapper then content-wrapper and lastly footer-wrapper. The content-wrapper will contain the main and the sidebar wrappers.
In them you will have <b:section> and <b:widget> tags defined. So this basic template tells all the widgets that are placed on your page and their position as per the wrappers.
Example code:
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</div>
Now the widget tag... i.e., <b:widgets>
This above basic template just gives you a method for understanding the layout, But to understand how to put the automated url Digg button you will have to understand the code in this widget. So go ahead and click the checkbox marked as "Expand Widget Templates". This will expand the <b:widgets> tags and show you how the widget is implemented in it.
Each widget when expanded will have many includables <b:includable>. Each of this includable will have an id.
Example code:
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
So as seen in this code there are two includables. we are interested in the includables having the id as post i.e.,
<b:includable id='post' var='post'>
So then in this includable we need to add our digg code. This blogger template defines and provides access to its data object. For e.g., <data:post.url/> signifies the url of the Blog post. It is the permalink of each blog entry. The digg widget button provided by Digg needs the post url. So this will generate it automatically for us. Now the code that I have used on to show the digg button is pasted in the includable as shown. You can place it and style it as you like.
Basically you will need to copy from the Digg Box start comment to Dig Box End comment. Copy and paste it in your blog and enjoy the easy Digg Button.
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<!--- ==== Digg Box Code by J start ==== -->
<div class='diggBox' style='margin: 4px; float: right;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<!-- == Digg Box code end ===-->
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>
Memasukkan Gambar Di Header
1. Loggin ke Blogger => Layout dan klik pada Edit Header
Dah siap.....
Alexa lagi, Alexa lagi
Rabu, 26 November 2008
Holiday Glass Frames From Zenni Optical
Selasa, 25 November 2008
Memasang Icon Back To Top
1. Loggin ke Blogger => Layout => Edit HTML, kemudian letakan kode dibawah ini diatas tag </body>
<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://i302.photobucket.com/albums/nn113/aburifaie/Jumptotop2.gif'/></a>
2. Simpan template dan lihat hasilnya..Kalau nak tukar icon gantikan text yang berwarna merah.
Sumber: o-om.com
Senin, 24 November 2008
Cara Memasukkan Link Di Postingan
<a href="http://almansuqie-tips.blogspot.com/"target=_"blank">AlmansuQie</a>
She broke up with Me !
I thought otherwise until it happened to me. Or did it?
Is it the end of the relationship? Or is it just a breakup and we will meet again. I hope we do.
We had a year long relationship. One Year and 7 days to be precise. Its the time when I came to this city in south. We had a really good time together for like 3-4 months then I kind of didn't pay that much attention, got busy with other stuff. But for the few weeks I had only my beautiful Elf in mind. The relationship was back strong. I was too happy with her for the few days. It was kind of a performance tweak. And then this huge blow, suddenly without even saying a good bye :(.
What happened? What went wrong?
Some might say that I cheated but thats not the thing. I paid equal attention to both of them, Gharwali and Baharwali. And I am sure they both knew that too. They had a great ActiveSync partnership working between them. I guess losing a baharwali is more difficult.
Well thats how they(my friends) say... my lappy T42 is my Gharwali for enjoying at home, and P3450 my Baharwali for outdoors. Yes, my HTC Touch P3450 codename Elf has left me, or I can say the Big Bastard world came between us.
So let me tell you the story, So that I dont have to tell it over and over again.
It happened today, the cloudy weather outside made a way into my life. I as usual woke up late and started for my office. On the way I found an auto and the guy asking 20 Rs extra on the metered fare. I argued and got it settled to 10 Rs. extra. Well everything was usual daily routine until now. When I got down at office, while taking out my wallet I kept the Elf on my bag beside me. Then there was this problem of change of 100Rs. I came out and asked a colleague who was passing by. He gave me the money I gave it to the Auto driver and took the bag and left. I pulled the bag from the handle without looking so he mobile dropped over there. I went upstairs and realised, started calling the number nobody picked it, then somebody started rejecting the call and then switched it off. Well I and you kinda knew this was going to happen.
Well rest you know what I had to do, called customer care barred outgoing calls. Went to customer care office got a duplicate SIM card. Went to police station with the IMEI number filed the complaint.
Now I seriously hope that the good guys of the Police Dept find her out. Otherwise, I am stuck here with a company provided Nokia 1100, Oh my god !!
Well for those who dont know HTC Touch product code name is ELF. If properly tweaked she runs like hell :). Wish the breakup gets over and we are back together. Hope you add a prayer for me.
Domize.com pengganti who.is
Minggu, 23 November 2008
Kotak Komentar Pada Setiap Postingan
1. Login ke draft.blogger.com. Mesti pelik kan? draft.blogger ini lebih kurang macam blogger.com jugak la, fungsi yang sama cuma ada beza sikit je.
2. Pilih halaman Settings kemudian Comments. Tandakan pada kotak (Embedded below post)
4. Untuk lihat hasilnya cuba klik mana2 tajuk postingan Antum. Jika kotak komen sudah ada di dibawah posting maka ianya berhasil dan cukup setakat ini. Bagi yang tidak berhasil, jangan risau, mungkin ada masalah dengan template Antum. Cuba cara dibawah.
5. Pilih Layout => Edit HTML". Tandakan pada kotak "Expand widget templates" dan cari kode dibawah.
<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>
6. Gantikan dengan kode dibawah.
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>
Selamat Mencuba!!
Sabtu, 22 November 2008
The Cutest Blog On The Block
Cara Membuat Scrolling Links
<marquee direction="up" scrollamount="2" height="100px" bgcolor="#ffffcc">
<ul type="circle">
<li><a href="http://almansuqie.blogspot.com/" target="_blank">AlmansuQie</a></li>
<li><a href="http://ummu-rifaie.blogspot.com/" target="_blank">ummurifaie</a></li>
<li><a href="http://alhuzaifie.blogspot.com/" target="_blank">Huzaifah</a></li>
</ul>
</marquee>
Mau dollar??
Jumat, 21 November 2008
Cara Menghilangkan Navbar
Kedudukannya adalah di bahagian paling atas blog. Kegunaanya pula adalah untuk Sign In/Out, Customize blog, dll.
Kembali kepada tajuk, sesetengah orang rasa kurang sedap mata memandang bila Navbar ni ade di blog mereka dan ingin menghilangkannya. Ana dengar orang kata kalau hilangkan Navbar ini kita telah melanggar Term of Service (TOS) dari Blogger.com? Tapi Ana rasa tidak, sebab kalau kita tengok template-template baru yang disedikan oleh blogger2 yang pakar semuanya tanpa Navbar. Setakat ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Maknanya, bolehla kan.
Ok disini Ana akan bagi dua cara..Pertama untuk menghilangkan terus Navbar dan yang kedua adalah dengan membuat "Auto Hide".
1. Loggin ke Blogger => Layout => Edit HTML.
2. Untuk menghilangkannya tambahkan kode berikut.
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
3. Untuk membuat "Auto Hide" tambahkan kode berikut.
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Green Star
Designer: abu Rifaie
URL: http://almansuqie.blogspot.com/
Date: 12 November 2008
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
Kamis, 20 November 2008
Membuka Link&Label Di Window/Tab Yang Baru
1. Loggin ke Blogger => Layout => Edit HTML". Jangan lupa tandakan pada kotak Expand Widget. Kalau nak selamat download full template dulu yer.
2. Untuk Link sila cari kode dibawah. Pastikan kode yang betul..Perhatikan yang berwarna biru, ni yang default. Kalau Antum dah tukar sila cari tajuk link tersebut. Kemudian tambahkan yang berwarna merah sepeti kode dibawah.
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
</b:loop>
3. Untuk Label pulak sila cari kode dibawah. Caranya sama jugak. Tengok kode ini betul-betul. Tambahkan yang berwarna merah.
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url' target='_blank'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
Domain.com gratis! mau???
Are you blogoholic? Seberapa gedekah cintakamu pada blogger??
Rabu, 19 November 2008
Yahoo! Messenger Pingbox
Status Yahoo! Messenger
<a href="ymsgr:addfriend?al_islam"><img src="http://opi.yahoo.com/online?u=al_islam&m=g&t=9" border="0"></a>
2. Tukarkan ID"al_islam"kepada ID Yahoo! Messenger Antum. Nombor" 9 " adalah jenis icon Yahoo! Messenger. Boleh lihat gambar diatas.
3. Save..
Selasa, 18 November 2008
Ulang tahun dan event dari Ardy Pratama
Senin, 17 November 2008
Cara Membuat Recent Comments
1. Loggin ke Blogger=>"Layout=>Add Gadget=>HTML/JavaScript" dan tambahkan kode berikut ke dalam kotak content..
<script style="text/javascript" src="http://www.geocities.com/almansuqie08/comments.js"></script><script style="text/javascript">var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://YourBlogName.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
2. Angka 10 adalah bilangan komen yang akan ditampilkan. Tukar YourBlogName kepada nama blog anda.Ok Siap...
Cara Menampilkan Posting Terkini
1. Loggin to Blogger dan klik "Layout"=>"Add Gadget"=>"HTML/Javascript".
2. Copy kode dibawah dan paste di kotak content..
3. Tajuk tu isila dengan apa2 yang berkaitan pastu save.
<script src="http://www.geocities.com/almansuqie08/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YourBlogName.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
5. 10 adalah Jumlah post yang akan ditampilkan..
Ok..dah siap..good luck
Diamkah kamu kalo liat kayak gini??
Disable Right Click
Ok ape2 pun kat bawah ni Ana tampalkan script untuk "disablekan right click".
Source : By Maximus
<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Disable Right Click";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.ZzYZusedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.ZzYZusedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
2. Script dibawah ni xde tanda amaran macam yang atas... nak tau cuba la tambah di blog Antum..
Source: Renigade
<script language="JavaScript">
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
Copy mana2 kode diatas dan paste di kotak content pastu save..Kalau boleh Antum letakkan di awal sidebar..Kalau tak masa page Antum tengah load orang boleh klik jugak..Ini sekadar mencegah atau amaran, tapi kalau orang nak curi, macam2 cara diorang boleh guna..
3. Cara yang last ni paling mudah. Cari kode <body>
Dah jumpa gantikan dengan kode dibawah.
<body oncontextmenu="return false;">
Selamat Mencuba!!
Minggu, 16 November 2008
Hilangkan Nombor Di Label
1. Loggin to Blogger=>Layout=>"Edit HTML".Jangan lupa tandakan pada kotak Expand Widget.
2.Cari kode ini.
(<data:label.count/>)
3. Dah jumpa, hazafkan (delete) dan save template.
Jadikan Huruf Besar Di Awal Posting
1. Macam biasa "Loggin to blogger=>Layout=>Edit HTML" dan cari kode dibawah.
.post-body {
margin:0 0 .75em;
line-height:1.6em;
....
....
}
atau kode ini.
.post {
margin:.5em 0 1.5em;
padding:1.5em;
border: 1px solid #0000FF;;
}
2. Tambahkan kode berikut dibawahnya..
.post bt {
float:left; color:
headerBgColor;
font-size:50px;
font-family: Georgia;
line-height:40px;
padding-top:1px;
padding-right:5px;
}
4. Dah siap klik butang save.
Ok cara nak jadikan sesatu huruf tu besar, just kepitkan huruf atau kata yang akan dibesarkan dengan kode<bt>....</bt> sebagai contoh :
ok..selamat mencuba!!
Cara Membuat Menu D-Tree
Ok jom kita tengok cara membuatnya:
1. Login ke Blogger, kemudian pilih "Layout => Edit HTML"
2. Pastu letakkan kode dibawah sebelum kode </head>
<link rel="StyleSheet" href="http://www.geocities.com/almansuqie08/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/almansuqie08/dtree.js"></script>
3.Dah siap klik butang "Save".
<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>
5. Dah siap?? Ok perhatikan script diatas.
#"My example tree" adalah tajuk menu. Boleh Ditukar sesuka hati.
#Tukarkan text "link.html" dengan link korang (tajuk post).
#Angka yang pertama mesti unik dan tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
#Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).
#Kalau tak faham boleh tengok susunan DTree yang ada di sidebar Antum.
Selamat mencuba!!