Rabu, 31 Desember 2008

GrandResume.com, Profesional Resume Writing Service

You have job related resume? You have any problems with the resume?I have the solution, you can visit this, there is a good service and complete, you will definitely satisfied with its services, there are professional services.You will not regret if you try.Some services offered :Professional ResumeResume Writing ServiceResume Editingvisit this site.Social Bookmarking

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

In my last post about How to add Digg to Blogger I was struggling with how to display html code on my page. Showing code in those beautiful boxes without disturbing the layout / indenting was easy but tricky. You need to know css / html and that the Blogger does not support unescaped code. Also to maintain consistency among all this boxes, is another issue. So here is what I did.

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 &lt; and all > signs with &gt;. 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

Akhirnya datang juga,setelah sekian lama menunggu,akhirnya pas hari rabu kemarin aq dapet kiriman surat dari google,suratnya berisikan nomor PIN euy.. *senangnya*.Ngomong-ngomong soal adsense siapa yah yang jagi diindonesia sini? Dulu pas kelas satu aq ma temen-temen sekelas pada rame n heboh ngeblog n semua pada ikutan adsense,lha dari semua yang ikut yang dapet PIN duluan tuh ada khafi, anjang,

Kamis, 27 November 2008

Menambah Icon Di Sidebar Link

Nak kasi link di sidebar lebih menarik?? Ok kita boleh tukar Icon yang sedia ada atau tambah Icon baru. Caranya mudah saja..



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.

Well last day I was trying to add Digg to blogger. I was experimenting on how to add a Digg button on my blog. The digg button should use the auto-generated link of blogger as the digg_url for digging and submitting it for the first time.

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 + &quot;_ArchiveMenu&quot;'>
<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 = &#39;<data:post.url/>&#39;;
</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

Header yang menarik dapat memberikan satu gambaran kepada setiap pengunjung blog kita.. Ana sangat suka bila terjumpa blog2 yang headernya menarik dan kreatif. Biasanya Ana lepak lama skitla kat blog depa sambil2 membaca entry yang disediakan. Ok ini cara yang disediakan oleh blogger untuk kita memasukkan sebarang gambar ke dalam blog header.

1. Loggin ke Blogger => Layout dan klik pada Edit Header

2. Paparan seperti dibawah akan muncul. Gambar yang akan dimasukkan mestilah sudah di'resize'kan mengikut saiz header dengan menggunakan sebarang software photo editing. Ana biasa guna "Adobe Photoshop".

3. Seterusnya Antum boleh 'upload'kan gambar kedalam header dari dalam komputer ataupun dari webhosting seperti Photobucket dan Imageshack. Kalau nak upload dari komputer, klik pada butang browse dari cari gambar tersebut. Masukkan link gambar sekiranya ingin upload dari webhosting.

4. Ok dah siap loading gambar yang di'upload' tadi?? Sebelum save, pilih kedudukan gambar samada dibelakang title "Behind title and description" atau sebaliknya "Instead of title and description"

Dah siap.....

Alexa lagi, Alexa lagi

ALEXA RANKHore Alexa terus menurun(menaik) yang bener yang mana sii?Sekarang tinggal 7(tujuh)ratus ribuan!padahal dulu masi berjeti-jeti!Sandy juga punya tips nui,lanjutin bacanya yah.. Sandy punya sedikit problem nui,knapa yah alexanya Sandy susah bgt meningkatnya? mesti sedikit-sedikit,padahal dulu alexaQ ma alexanya sam khafi itu bedanya dikit bgt n naiknya juga seiringan,knapa sekarang saya

Rabu, 26 November 2008

Holiday Glass Frames From Zenni Optical

What is wrong with your eyes? What you have problems with your glasses? lens glasses?Price - Lens & Frame: $15.95 Lens Width 50mm, Height 25mm, Bridge 18mm Frame Width 135mm,Temple Arm Length 142mm Frame Weight with 1.57 index lens 18 grams Frame Color Choices: A clear front frame, with a tortoise accent at the browline, and matching temples; or Clear front frame, with red crackle pattern at the

Selasa, 25 November 2008

Memasang Icon Back To Top

Icon back to top ini sebenarnya berguna untuk melakukan lompatan dari halaman paling bawah menuju halaman paling atas, jadi Antum tidak perlu lagi menggunakan scrollbar pada browser.Caranya memasangnya pun sangat mudah.

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

Ada satu cara mudah untuk memasukkan apa2 link ke dalam posting kita. Just hitamkan mana2 text yang hendak dijadikan link, kemudian klik pada icon link yang telah disediakan dan masukkan linknya..


Link ini akan dibuka di halaman yang sama. Untuk membukanya di halaman yang lain, Klik Edit Html dan cari link yang telah dimasukkan kemudian tambahkan kode ini target=_"blank" di akhir link seperti dibawah.



<a href="http://almansuqie-tips.blogspot.com/"target=_"blank">AlmansuQie</a>

She broke up with Me !

So they say, every love comes to an end. Or does it?

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

Sekarang siapa sih yang nggak mau domain sendiri(.com , .org , .info , .net) siapa yang gak mau? angkat tanganya hayo..Sandy juga kepengen,malu ah numpang mulu di .blogspot.com, biar lebih keren gitu kalo punya domain sendiri.Domize - the fastest domain name search ever! Aq punya referensi(berita lama) buat yang pengen punya domain sendiri n pengen ngecek domain uda ada yang punya apa blom,bisa

Minggu, 23 November 2008

Kotak Komentar Pada Setiap Postingan

Assalamualaikum....Membuat kotak komentar di setiap postingan adalah satu pilihan terbaik. Ini akan memudahkan pengunjung untuk meninggalkan sebarang komentar, pesanan atau kritikan tanpa membuka tetingkap yang baru dan melambatkan. Caranya begini yer..

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)

3. Pilih (Save Changes) dan lihat hasilnya.

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>



7. Pilih (Save Changes) dan lihat hasilnya. Insyaallah dah menjadi tu..Kalau boleh doala dulu sebelum save..heheh..

Selamat Mencuba!!

Sabtu, 22 November 2008

The Cutest Blog On The Block










Teringin untuk menggunakan transparent background macam ini??Menarik kan?? Ada bayak lagi..Boleh dapatkannya di LamanIni. Untuk menampalnya di blog senang saja. Loggin ke Blogger => Layout => Add Gadget =>HTML/Javascript.










Tambahkan kode yang disediakan ke dalam kotak kontent. Ini untuk template Minima dan yang sewaktu dengannya saja. Template lain Ana tak pernah cuba lagi. Nak tau cuba la..

Cara Membuat Scrolling Links

Scrolling Links ni dapat jimatkan ruang sidebar kita yang terlalu panjang dengan link2. Antum boleh tukar ketinggian dan background color scrolling ni. Lihat text yang dimerahkan..Dapatkan kode warna DiSini.



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

Lagi gak ada ide posting yang bermutu nui,jadi posting ginian deh...Inilah refferal" saya dari program yang saya ikuti..heheh....Ada dari paid review yang saya ikuti dan ada yang jualan link....hehhe....Lha nggak ada bahan buat posting..ASK2LINK: Program jualan link nui,kalo ada yang mau masang link di blog kamu,kamu tinggal "accept" tanpa ngapa-ngapain kamu uda bisa dapet duit,contoh blog yng

Jumat, 21 November 2008

Cara Menghilangkan Navbar



Diatas ini adalah bentuk-bentuk Navbar yang disediakan oleh Blogger/blogspot yang terdiri daripada empat warna. Blue, Tan, Black dan Silver. Kita boleh tukarkannya mengikut kesesuaian template kita di Layout=>Edit 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)}



4. Tambahkan mana-mana kode diatas selepas kode <b:skin><![CDATA[/* seperti contoh dibawah.


<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

Ana ingat xde cara untuk buka link&label di window/tab yang baru.. Tengah jalan2 terjumpa satu cara yang sangat mudah. Ana biasa la guna untuk buka gambar atau link di posting.. Ini dia bendalahnye { target='_blank' }. Rupanya boleh tambah bendalah ni untuk buka link&label di window yang lain..Ok ini caranya.

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

Setelah kemaren ikutan eventnya mas ardy,sekarang ada lagi nih event dari Yunan(Yunan.or.id),Title eventnya nui "Iseng-iseng berhadiah domain gratis".Event dari mas YUNAN ini seru loh,liat aja ke TKP kalo gak percaya,ada hadiah yang keren banget nui,Ayo-ayo siapa yang maw ikutan lagi? Hadiahnya tuh DOMAIN (.com , .net , .org , .info) sesuai permintaan pemenang,enak banget gak tuh?? Udah dapet

Are you blogoholic? Seberapa gedekah cintakamu pada blogger??

Segede apa cintamu sama blog??? Ayo ditest..90%This quiz was provided by Match SpecialFree Online DatingKalo ini pastinya uda berita lama,tapi kok tetep diposting aja sii??ya biarin lah,lha emang gak ada ide nui.. Are you a blogoholic? tau kan?coba dunk kunjungi,nanti kita bakalan dikasi 14 pertanyaan pilihan tentang blog,blogger,n blogging,so gampang banget kok,lha wonk cuman tinggal milih.Nah

Rabu, 19 November 2008

Yahoo! Messenger Pingbox

Pernah ternampak widget ni di Blog?? Ana rasa widget ni masih baru coz tak ramai yang guna.. Yahoo PingBox ni bestla jugak.. Ana dah gunakannya di blog Peribadi.. Widget ni macam status messenger gak la tapi ade beza sikit.. Pelawat boleh berchating dengan kita menggunakan box ni tanpa membuka instant msg, dengan syarat kita available/online la. Kalau tidak tak dapat amatla.


Untuk dapatkannya boleh klik pada gambar diatas..

Status Yahoo! Messenger

Cara menambah status Yahoo! Messanger di blog memang mudah..semua da sedia maklum. Biasanya kita akan menggunakan icon-icon seperti dibawah. Ikut tutorial ini..

1. Loggin to Blogger => Layout => Add Gadget dan tambahkan kode berikut ke dalam kotak content.

<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

SELAMAT ULANG TAHUN YANG KE-20 YAH ARDYPRATAMA,AND SEMOGA FIRST EVENTNYA SUKSES YAH MASIni nih saya maw ikutan First eventnya bro Ardy pratama.Sesuai dengan judul diatas itu mas Ardy pratama sedang ngadain event yang dikemas secara interaktif yang diberi tajuk oleh mas Ardy "My First Event".Sekaligus ngeramein Ulang tahunnya mas ardy yang ke-20.Motivasi saya ikutan eventnya yah pengen ngramein n

Senin, 17 November 2008

Cara Membuat Recent Comments

Hari ini kita nak buat "RecentComments" pulak.Apa tujuan kita pasang bendalah ni?? Jawapannya mudah, untuk mengetahui komen terbaru dari pengunjung kita. Kita boleh letak di halaman utama, biasanya disidebar.Ok ni caranya...

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

Recent Post (Postingan Terikini)ini adalah satu widget yang akan menampilkan senarai posting yang terbaru di sidebar kita?? Caranya sangat mudah..

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&amp;alt=json-in-script&amp;callback=rp">
</script>

4. Tukarkan YourBlogName dengan nama blog korang. Kalau nak isi nama blog orang lain pun boleh. Contoh blog ni, Ana letakkan recent post blog peribadi Ana..

5.
10 adalah Jumlah post yang akan ditampilkan..

Ok..dah siap..good luck

Diamkah kamu kalo liat kayak gini??

Kontroversi:http://dontvisitindon2008.blogspot.comSetelah beberapa hari lalu sempet rencana posting topik ini,n uda minta ijin ke mbak anna`d buat posting ini tapi tertunda gara-gara banyak tugas atau "Tugas yang menjengkelkan !".Kayak yang dikatain mas Khafi.KENAPA MINTA IJIN KE MBAK anna`d sand??Ya karena emang ide posting n pertama kali taw ya dari blognya mbak anna`d itu.Ketahuan nui kalo

Disable Right Click

Bagi sesiape yang kedekut macam Ana ni, sesuai la nak gunakan tutorial ni.. Bukan kedekut sebenarnya, tapi nak jaga la hasil penat lelah yang kita buat, takkan kita nak senyum pulak bila orang curi hasil ciptaan kita kan, dah la xbagi kredit pun..hehehe

Ok ape2 pun kat bawah ni Ana tampalkan script untuk "disablekan right click".

1. Script ni bila kita klik kanan akan keluar tanda amaran. Antum tukar la text yang diboldkan dengan ayat Antum sendiri..

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>



Caranya, macam biasa Loggin ke Blogger "Layout=>Add Gadget=>HTML/Javascript".
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

Kalau Antum nak hilangkan nombor di label senang saja caranya..tekan3 siap..jom layan..

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

Assalamualaikum..teringin nak buat huruf besar di awal posting macam ni?? nampak bergaya kan?? Caranya sangat mudah. Jom layan...


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

3. Tengok kode diatas..size font, line height,dan yang lain2 tu boleh ditukar ikut citarasa Antum.

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 :

<bt>A</bt>ssalamualaikum...


ok..selamat mencuba!!

Cara Membuat Menu D-Tree

Assalamualaikum..Antum tau ape menu Dtree (D-Tree) ni? Ha macam gambar dibawah tu, kekadang kita nampak ada sesetengah orang menggunakannya di dalam blog. Menu ni kira macam pokok la, ade cabang2. Kalau kita buka windows Explorer pun ada.

Menu Dtree ini sesuai digunakan kalau kita memiliki jumlah posting yang banyak, Kira boleh la menjimatkan ruang di sidebar kita.

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

4. Next pergi ke "Layout=>Page Element=>Add a Gadget => HTML/Javascript". dan tambahkan kode ini ke dalam kotak content..Pastu Antum isila ape2 title yang Antum suka then 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!!