Game Metal Gear Solid Datang ke iPhone/iPod

Konami, produsen game terkenal mengatakan bahwa mereka akan menyediakan tidak kurang dari 4 game untuk platform iPhone/iPod Touch Apple termasuk Metal Gear Solid Touch, DanceDanceRevolution S Lite, Silent Hill The Escape dan Frogger pada akhir bulan ini. Metal Gear Solid Touch adalah sebuah game sama sekali baru yang membawa dunia dan karakter Metal Gear Solid 4 Guns of the Patriots (MGS4) ke

25 Game Javascript Yang Mengagumkan (2)

Pengetahuan Javascript bagi para desainer atau pengembang web hari ini sudah menjadi sebuah keharusan di era Web 2.0. Dengan pengetahuan tentang Javascript yang baik, Anda dapat membuat situs yang dinamis dan interaktif. Tetapi di samping cocok digunakan sebagai form control, alert dan fungsi-fungsi sederhana lainnya, Anda dapat melakukan hampir semua hal dengan bantuan Javascript seperti Drag &

Perbandingan Kinerja Safari 4 dengan Browser Lain

Versi Google Chrome terbaru tetap memimpin kinerja JavaScript di berbagai benchmark kinerja yang dilakukan WebWare, akan tetapi Safari 4 beta yang baru dirilis kemarin merupakan browser pertama yang dapat menyaingi Google dalam benchmark rancangan mereka sendiri. JavaScript adalah bahasa pemrograman yang memperkuat tidak hanya situs web yang tidak terhitung jumlahnya, akan tetapi juga banyak

Opera Mini di Indonesia Melonjak 312% Dalam Setahun

Pada Laporan Mobile Web Opera menampilkan 35 negara papan atas. Pertumbuhan mobile Web Indonesia meningkat tajam di tahun 2008 dibanding 10 negara papan atas lainnya, melonjak 312% hanya dalam waktu satu tahun. Indonesia merupakan negara pengguna Opera Mini yang cukup besar, dinilai dari rata-rata 507 halaman situs yang dibuka pada bulan Januari 2009. Laporan lengkap tersedia di situs resmi Opera

25 Game Javascript Yang Mengagumkan (1)

Pengetahuan Javascript bagi para desainer atau pengembang web hari ini sudah menjadi sebuah keharusan di era Web 2.0. Dengan pengetahuan tentang Javascript yang baik, Anda dapat membuat situs yang dinamis dan interaktif. Tetapi di samping cocok digunakan sebagai form control, alert dan fungsi-fungsi sederhana lainnya, Anda dapat melakukan hampir semua hal dengan bantuan Javascript seperti Drag &

Gambar Lucu Tentang Ponari

Social Bookmarkingaddthis_url=''; addthis_title=''; addthis_pub='sandybear';

Lomba SEO Tukang Nggame

Ada lomba SEO lagi nih,nih syarat n peraturannya..."Tukang Nggame". Untuk pelaksanaan lomba mulai 21 Februari 2009 - 1 Juli 2009 (pukul 00.00 WIB), keyword yang dioptimasi "tukang nggame".Peraturan:1. Situs bisa bebas memakai platform apa saja (joomla, wp, drupal, blogspot dst)2. Situs peserta tidak berisi materi melanggar hukum (warez, porno judi st).3. Peserta wajib mendaftar di http://yudhis97

Suitable choose for work

I would like to buy a note book to make some report. And then i come to electronic shops. There are so many variaous driver. Firstly i feel confused to choose one that suitable for me. After i go around of the shops and visit each shop one by one i get some advices from each shop keeper. Actually every kinds of driver has plus and minus side. Choose a driver must be matched with the purpose we

Cara Membahagikan Posting

Tutorial ni bukan la Ana yang buat.. Ini hasil kepandaian Amanda Fazani sohib BloggerBuster. Ana sekodar edit sikit2 aje.. Sebenarnya dah ade template yang dibuat khas dengan bentuk ini, namanya Minima Magazine Template. Contoh Template ni, tp lebih kemas.Ok caranya begini..

1. Pilih Layout => Edit HTML. Tambahkan kod dibawah selepas </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post {
height:285px;
width: 238px;
float: left;
overflow: hidden;
}
</style>
</b:if>

2. Antum ubahkan lebarnya mengikut lebar main-wrapper. Contoh blog Ana ni, saiz main-wrapper 512px, jadi Ana saizkan dengan 238px untuk dapatkan 2 kotak. Maby boleh dapat 3 kotak jika main-wrapper yang lebih besar.

3. Seterusnya klik preview dan lihat hasilnya... kalau dah berjaya savela.

p/s: sila gunakan Read More V2

Membuat Read More V2

Sebelum ini Ana dah postkan Cara Membuat Readmore yang bila ditekan akan teruskan memaparkan keseluruhan tanpa perlu loading. Ok sekarang ni kita buat readmore yang lain sikit. Tutorial ini sebenarnya terbit lebih awal.. kira version 1, tapi disebabkan Ana postkan kemudian maka jadilah V2. Ok ini caranya..

1. Pilih Layout => EditHTML. Tandakan pada kotak "expand widget template". Cari kod ini..

<p><data:post.body/></p>

2. Kalau dah jumpa gantikan dengan kod di bawah.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

3. Tulisan merah boleh diubah..Siap dah...Klik Save.

4. Seterusnya paling penting. Untuk buat readmore pada entry, gunakan kode ini. lihat contoh.

Awal penulisan bermula<span class="fullpost">Penulisan yang selebihnya yang ingin direadmorekan</span>

Transparant life like glasses every where

What does it mean "transparant life like glasses every where?". It is when anything what we do can be known by every one. In latest time it can be possible. Because development of technology, has launched a navigator tools that we named by GPS (Global Positoning System) Tracking. GPS Tracking is a tool can give some require data about acceleration, position, and time countinuely every where

Google Earth 5.0 Jelajah Mars

Meski masih menuai pro dan kontra tentang kehadirannya, Google Earth terus memperkaya inovasi. Kali ini pencinta peta digital dapat menggunakan Google Earth untuk melihat lautan, bahkan hingga ke Planet Mars.Fitur baru itu memungkinkan seseorang melihat citra gambar tentang kedalaman laut dan kondisi Mars. Aplikasi bernama Google Earth 5.0 ini juga mampu menampilkan kondisi bumi yang

Opera Turbo,Web Browser Paling Cepat

Salah satu browser ternama, Opera, bersiap mengeluarkan versi terbaru. Produk itu bernama Opera Turbo. Rencananya, Opera Turbo dikeluarkan secara resmi bertepatan dengan Mobile World Conference (MWC) di Barcelona pekan depan.Nama Opera Turbo berasa dari fitur baru yang ditawarkan. Opera mengklaim browser ini mampu menjelajah jagat maya dengan kecepatan turbo. Bahkan, Opera mengatakan bahwa

Seneng,Terus Sedih Deh..

Lama juga sandy nggak update blog ini,abisnya sandy sekarang jarang online,jadi jarang blogwalking,nyebar komentar,dan posting beberapa blognya sandy,ampe sekarang juga masih ada beberapa job yang belum diselesain,hari ini ngebut buat nyelsainnya.Senangnya apa?Senangnya karena Alexanya makin langsing aja,trus kemarin tanggal 11 juga posting pertama diblog yang baru yang bakal jadi blog

Jenis-Jenis Border, Tambah dan Buang

Ape itu border?? Entahla..Garisan luar la gitu.. Template kita biasa dihiasi dengan border, untuk image, header, sidebar dan macam² la. Ok kali ini kita sama² mengenali jenis2 border yang disediakan untuk blogger. Biasanya kod border adalah seperti ini.

border:1px solid $bordercolor;

1. Merah adalah saiz border, Boleh dibesarkan dan dikecilkan. Selain dari px, boleh juga menggunakan kod ini.

*1px (atau lebih)
*thin
*medium
*thick

2. Biru adalah jenis-jenis border, Antaranya ialah:

*none
*hidden
*dotted
*solid
*dashed
*double
*groove
*ridge
*inset
*outset

3. Ungu adalah warna border. Boleh juga guna kode warna. Dapatkan kod warna Disini.

Ok kita terus kepada jenis-jenis border. Contoh pada image pada posting.

.post img {
border:2px solid #ff00ff;
}

.profile-img {
border: 2px dashed #ff00ff;
}

.post img {
border:2px outset #ff00ff;
}

.post img {
border:2px inset #ff00ff;
}

.post img {
border:6px ridge #ff00ff;
}

.post img {
border:6px dotted #ff00ff;
}

Contoh lain tu kasi cuba sendirila di blog Antum ye..

Kalau nak buang border pula begini yer..

.post img {
border:0px;
}

Ok sampai sini dulu..

Sumber:Tip For New Blogger

Cara Memasukkan Gambar di Header v2

Sebelum ni Ana dah buatkan tips untuk memasukkan sebarang gambar ke dalam header. Tutorial ni Ana buat khas untuk sahabat Manns'gor kerana tidak berjaya memasukkan gambar ke dalam header dengan tips sebelum ni. Sian Manns. Ok caranya begini..

Sediakan gambar header berukuran 660x250 (tinggi ikut sukala) dan uploadkan untuk dapatkan linknya.. Mudah upload di Photobucket

1. Loggin => Layout. Kali ini kita ke bahagian Edit HTML. Cari kod dibawah..

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

2. Tambahkan kod berwarna merah..

#header-wrapper {
background-image:url(http://i302.photobucket.com/albums/nn113/aburifaie/91.jpg);
height:250px;
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

3. Tukar link yang kelip² tu dengan link gambar Antum.Ini link header Ana. Xboleh guna. Tukarkan kod tinggi sekiranya gambar Antum lebih atau kurang dari 250px tinggi. Pastu klik preview dan lihat hasilnya.. Insyaallah gambar sudah muncul..

4. Tapi belum siap.. Border di dalam masih menyibuk kan.. Antum boleh buang atau besarkan die.. Cari kod ini, bawah sikit je.

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Kod merah tu ialah border, kalau nak buang delete aje.. kalau nak besarkan tambah dengan kod height:238px; seperti ini..

#header {
height:238px;
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Ok siap Alhamdulillah..

INDOTOPBLOG

JUST POSTING ISENG BIAR YANG BERBAU $$ TERSINGKIR,HEHE..AYO SEMUANYA YANG PUNYA BLOG DAFTARIN BLOG ENTE DI INDOTOPBLOG,DIREKTORI BLOG INDONESI,LUMAYAN KAN BISA NAMBAHIN LINK POP DI Sponsoredreviews.comDah ah uda malem,mau pulang nui dari warnet.Oh yah lupa link gratis buat:Khafi,TonySocial Bookmarkingaddthis_url=''; addthis_title=''; addthis_pub='sandybear';

Professional Battery Replacement

I have the first ever iPod , this is just the story of course, that time I got a problem, my iPod's battery were damaged , and have my friend who recommended that the service in ipodjuice.com very satisfactory , because my friend has been doing iPod repair part , and because there have a motto "Apple iPod repair solutions" then I do not hesitate to try.I have a sister who is also trying to

CURHAT - Februari

Hemm lama gak posting masalah pribadi nui , sekarang lah saatnya , jika si khafi janji bakal update tiap hari gimanapun caranya , kayaknya sandy malah gak bisa buat update tiap hari , budget tipis cuy. Sekarang kok alexa jadi jarang update yah,ranknya blog ini juga nggak bisa langsing,malah jadi tembem aja meskipun dikit , kira-kira kenapa yah? ada yang tau nggak?Sekarang ini sandy juga lagi

Kumpulan Humor Teka-Teki

Teka Teki Binatang

01. Bebek apa yg jalannya selalu muter ke kiri terus?
Bebek dikunci stang

02. Kenapa Bebek goreng enak rasanya?
Karena ada huruf ‘B’ nya, coba kalo nggak ada, berani makan?

03. Ada bebek 10 di kali 2 jadi berapa?
8, soalnya yg 2 lagi maen di kali, kan?

04. Hewan apa yg bersaudara?
Katak beradik

05. Kenapa anak kodok suka loncat-loncat?
Biasalah… namanya juga anak-anak.

Understanding Blogger Template - 3

The blogger template is a xhtml document which is rendered based on variables. These tutorials aims at helping to understand the blogger template and hence to experiment, learn and change it. Blogger template has mainly three types of variables one which controls the flow of the code, one which pulls data from the databases behind and the third are expressions. This variables are then distinguished with the help of following xml namespaces.

This is third in the series of the three tutorial for Blogger Template and deals mainly with the explanation of the expr: namespace and understanding its usage. The other tuts are:

1. Blogger Template Explanation - Sections, widgets, includables, includes. b: namespace
   


2. Blogger Template Explanation - Data access. data: namespace elements.
   


3. Blogger Template Explanation - How to use expr: namespace - customize links.
   

Expr namespace is simple but its usage is very important. Expr is basically used in conjuction with data tags. For making the blogger engine aware that the xml tag attributes coming next are having data tags in them and have to be parsed. Whenever there is a tag say anchor tag, you will have attributes like href and in that case you want the href link created dynamically with help of some data say data:post.url then you will have to use href as expr:href.

Simple implementation of expr:href in the title includable.

This includable is the title section of your blog. Check the usage of expr:href with the anchor tag.

<b:includable id='title'>
 <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <data:title/>
  <b:else/>
  <a expr:href='data:blog.homepageUrl'><data:title/></a>
 </b:if>
</b:includable>

See this code below for understanding the implementaion of expr:src and over other such tags. It is being used for parsing the data tags in image img tag attributes.

<a expr:href='data:blog.homepageUrl' style='display: block'>
 <img 
  expr:alt='data:title' 
  expr:height='data:height' 
  expr:id='data:widget.instanceId'
  expr:src='data:sourceUrl' 
  expr:width='data:width' 
  style='display: block'
 />
</a>

As you can see how expr tag is applied to the attributes selectively. Wherever data was to be used expr is applied and in style where data tag is not required the expr is ommitted. Therefore the expr namespace variables are all the attributes which might have some data namespace variable inserted in it. So use expr for data tags used in any attribute values like expr:title, expr:id, expr:onClick and so on. These attributes can be for any xml tag. I have seen it in anchor a, image img, span, div, select, input, button etc., so pretty much everything.

Example Social Bookmark StumbleUpon button for Blogger.

This code listing below explains how to insert stumble upon button for blogger. Although it serves as an example on how to do this but my main focus here is on the usage of quotes. So check how the single and double quotes are used in expr:href for creating and using the url to submit and/or thumbs up the specific post correctly. It generally does not matter that you are using single or double quotes, but when your attribute has to use both of them single quotes decide the attribute opening and closing and double quotes are understood as part of attribute.

Blogger uses single quotes for attribute values, and double quotes within, so change your code as necessary. Within the attribute value, if there are extra single or double quotes as part of the original code, e.g. Javascript, you need to escape them. Also check that the ampersand '&' is converted to '&amp;'. So you might have to create your url in this way. Check more on the stumble upon post url on their site StumbleUpon http://www.stumbleupon.com Widgets and button section.

<a 
 rel="nofollow" 
 target="_blank" 
 expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' 
 title="StumbleUpon">
 <img 
  src="../stumbleupon.png" 
  title="StumbleUpon" 
  alt="StumbleUpon" 
  class="sociable-hovers"
 />
</a>

Example Social Bookmark - Add Digg to Blogger

Again although the below code listing is an example of Adding Digg to Blogger template, my focus here is on the escaping done while using javascript. Check how data:post.url is used while inserting it in the javascript variable digg_url. You can use this code to display a counter of diggs done for your post in a neat compact manner on your blog. Check out the digg documentation of this on the http://www.digg.com tools section.

<script type="text/javascript">
 digg_url = &#39;<data:post.url/>&#39;;
 digg_skin = 'compact';
 digg_window = 'new';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script> 

So as you saw proper escaping of quotes is done above. Although this is not direct example of the expr: tag usage as javascript onclick or anyother such event is not used here. But you got the logic right? But if you didn't check this code listing displaying the button to add comments. This is generally found in the footer section of your post and its obviously customisable :).

<div class='post-footer-line post-footer-line-3'>
 <span class='post-comment-link'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <b:if cond='data:post.allowComments'>
    <a 
     class='comment-link' 
     expr:href='data:post.addCommentUrl' 
     expr:onclick='data:post.addCommentOnclick'>
      <b:if cond='data:post.numComments == 1'>
       1 <data:top.commentLabel/>
      <b:else/>
       <data:post.numComments/> <data:top.commentLabelPlural/>
      </b:if>
    </a>
   </b:if>
  </b:if>
 </span> 
</div>

The data:post.addCommentOnclick generates appropriate javascript based on your blog setting for example a popup window or comment post page. And data:post.addCommentUrl will generate the url pointing to the comments for the post.

This comes to the end of the three tutorials which I was intending to write on the blogger template. But If you want anything else to be added in this tutorial series let me know and I will do it.

If you have done anything interesting with the blogger template create a back-link to it in this tutorial. Please share you comments about the things discussed and add information that you feel will benefit others. Thanks for reading.

Cara Memasang Chat Box

ChatBox atau Shoutbox..satu ruang untuk berkomunikasi diantara tuan blog dengan pengunjungnya. Ada macam² jenis chatbox yang biasa digunakan oleh blogger, antaranya Cbox, ShoutMix, Oggix, Tag-World, GoogleTalk dan lain².

Ok harini Ana nak buat tutorial khas untuk Cbox. Sebab Ana sendiri pun guna cbox, dan juga untuk yang bertanya. Ok caranya..

1. Masuk ke laman ini. Klik Cbox ni.


2. Klik pada Get your own free Cbox now! atau sign up di atas untuk daftar akaun.

3. Isikan maklumat di ruangan ini.. dan klik Create my Cbox jika selesai. Gambar dibawah akan muncul jika Antum sudah berjaya daftar.

4. Seterusnya Daftar masuk kedalam akaun menggunakan username dan pasword yang Antum create tadi.. Kalau boleh pasword ni sentiasa diingati.


5. Untuk mendapatkan kodnya klik pada publish!. Jika mahu menukar warna cbox ini klik pada Look & Feel => Edit Style.

6. Copy kod yang diberikan dan paste kedalam blog. Pergi ke bahagian Layout => Page Elements => Add a Gadget => HTML/Javascript.

Ok siap...!

p/s: Kalau nak edit color Cbox ini setelah ditambah di blog, cukup sekadar menekan butang save dan refresh blog Antum tanpa memasukkan kod yang baru.

Toshiba Rilis Smartphone Paling Revolusioner Setelah iPhone!

Vendor-vendor gadget mulai menunjukkan tajinya, menjelang Mobile World Congres 2009, pada 16-19 Februari 2009 di Barcelona, Spanyol. Salah satunya adalah Toshiba yang meluncurkan smartphone paling spektakulernya TG01.Melihat bentuknya yang bongsor, super langsing dan kemampuan fiturnya yang mumpuni TG01 bisa disebut sebagai PocketPC. Memiliki layar sentuh 4.1 inchi dengan resolusi WVGA (800 x 480

Membuat Read More di Template Classic

Template Classic pun boleh buat readmore rupanya.. Manala Ana tau kan, xpernah guna pun tempalte classic ni. Terjun je dalam dunia blogging ni terus guna yang baru kan. Tutorial ni hanya untuk simpanan peribadi. Kalau ade kengkawan yang masih still classic bolehla dijadikan panduan. Ok ini cara...

1) Loggin => Template.

2) Masukkan code CSS atau style sheet Summary post (Yg berwarna merah) tu di antara <style type="text/css"> dan </style>

Contoh:

Name: Ms. Moto (Pinky Lee variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
----------------------------------------------- */


/* Primary layout */

<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #555;
background: #d7b url(http://www.blogblog.com/moto_ms/outerwrap.gif) top center repeat-y;
font: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
}

3) Kemudian untuk meletakkan pautan Read More.. Cari code Blog Item Body dan letakkan code pautan tersebut di bawahnya.

<$BlogItemBody$>

<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>

4) Lepas tu Save Template.

5) Kemudian seperti biasalah letakkan code Span Full Post di setiap entri Antum atau bila nak Create post yg baru iaitu:

<span class="fullpost"></span>

Contoh:

Ini adalah ringkasan ceritaku blabla pokpek!
<span class="fullpost">
Dan ini adalah selebihnya dari ringkasan tersebut
</span>

6) Kalau nak buat read more setiap kali posting, Antum boleh letakkan kode ini di bahagian Settings=> Formatting=>Post Template.

summary here
<span class="fullpost">
Type rest of the post here
</span>

Sumber : Muncet.com