bidikcom

07 Agustus 2008

Lamps at the price of cheap and economical energy

As important lamps in our life, considering at this time PLN continued to undertake his program with the blackout in a changing manner. In the PLN program about saved electricity energy, certainly we must consider electricity energy that was used by us everyday. Including the use of lamps for the illumination tonight.

Lights have played an vital role in many aspects of the human lives. Work tonight including read certainly needed lamps. Please imagined if our house tonight without light, certainly was pitch dark.

A house without lamps I think it’s like if you eat but there’s no salt taste. You can not see or view anything and it’s not funny if your house have no lamps. If you want to make your house more beautiful with some lamps, why not visit Farreys.com.

Farreys.com offers thousands of lamps including table lamps, floor lamps, task lamps, reading lamps, piano lamps and torchieres in a wide range of styles and at the lowest prices from dozens of top manufacturers. Farreys.com's lamp product search tool quickly helps find the perfect lamps for your application.

Spoil your family with the light decoration that could generate the romantic situation. Generate the studying spirit of your children with the clear and frugal illumination energy from table lamps that was obtained by you from this site. Decorate your house garden with lights decorated that was frugal energy.

Be waiting for anything else, please visited Farrey's.com, and looked for forms of lamps along with his price in accordance with your appetite.

Bullet List Accordion Menu

bC mencoba untuk menambah referensi dalam blog "Horor" ini dengan membuat "Bullet List Accordion Menu" yang saya pelajari dari sini. Dalam mempelajari cara membuat "Bullet List Accordion Menu" ini, dua kali saya gagal. Karena tutorialnya selain beringgris ria, pengetahuan tentang kode-kode html atau javascript bC dangkal sekali.

Alhamdulillah setelah mencoba dan mencoba ......... kemudian memodifikasi isi dari tiap item kategori akhirnya berhasil juga.

Kalau anda mempelajari dari sumbernya, tentu anda akan dihadapkan kumpulan kode dari "Bullet List Accordion Menu" yang sekilas ribet. Terutama cara menaruh kode-kodenya ke dalam blog kita. Untuk itu pengalaman menarik ini akan saya bagi ke rekan blogger yang belum mempunyai bentuk "Bullet List Accordion Menu" di Sidebarnya. Dengan tampilan bullet list accordion menu pada sidebar, tentu akan lebih menambah nilai bagi blog kita.

Langkah-langkahnya adalah sebagi berikut :

1. Login ke Blogger, kemudian masuk pada "edit Html".

2. Cari kode <head>

3. Copy kode di bawah ini dan paste dibawah kode <head>.

<script type="text/javascript" src="http://nataludin.googlepages.com/jquery-1.2.2..txt"></script>
<script type="text/javascript" src="http://nataludin.googlepages.com/ddaccordion.txt.txt">
/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "expandable", //Shared CSS class name of headers group that are expandable contentclass: "categoryitems", //Shared CSS class name of contents group revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover collapseprev: true, //Collapse previous content (so only one open at any time)? true/false defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed) animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session? toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs) animatespeed: "normal", //speed of animation: "fast", "normal", or "slow" oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing }, onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing }})
</script>
<style type="text/css">
.arrowlistmenu{width: 180px; /*width of accordion menu*/}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)
*/font: bold 14px Arial; color: white; background: black url(http://nataludin.googlepages.com/titlebar.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background-image: url(http://nataludin.googlepages.com/titlebar-active.png);}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/}

.arrowlistmenu ul li{padding-bottom: 2px; /*bottom spacing between menu items*/}

.arrowlistmenu ul li a{color: #A70303; background: url(http://nataludin.googlepages.com/arrowbullet.png) no-repeat center left; /*custom bullet list image
*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%;}

.arrowlistmenu ul li a:visited{color: #A70303;}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3;} </style>

4. Kemudian simpan template anda.

5. Langkah selanjutnya masuk ke "Tata Letak" kemudian ke "Elemen Halaman" dan tambahkan elemen halaman "HTML". Pada proses ini, sesuai dari sumber aslinya sebenarnya berisikan pautan link, namun saya mencoba untuk mengisikan "Shoutbox, Blogroll dan beberapa tautan link" sebagai contoh untuk memudahkan rekan-rekan.

6. Copy kode dibawah ini dan tambahkan ke elemen halaman HTML.

<div class="arrowlistmenu">

<h3 class="menuheader expandable">Shoutbox</h3>
<ul class="categoryitems">
<div style="height: auto;" class="bd">
<div class="fixed">
<p>

Ini tempat shoutbox anda

</p>
</div>
</div>
</ul>

<h3 class="menuheader expandable">Link Sobat</h3>
<ul class="categoryitems">
<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px;font-size: 12px; height: 200px;width: 94%;text-align: left;">
<li><a href="alamat link teman" target="_blank">Nama Link</a></li>
<li><a href="alamat link teman" target="_blank">Nama Link</a></li>
<li><a href="alamat link teman" target="_blank">Nama Link</a></li>
<li><a href="alamat link teman" target="_blank">Nama Link</a></li>
</div>
</ul>
<h3 class="menuheader expandable">Artkel Menarik</h3>
<ul class="categoryitems">
<li><a href="Alamat Link" target="_blank">Nama artikel</a></li>

<li><a href="Alamat Link" target="_blank">Nama artikel</a></li>
</ul>
<h3 style="cursor: default" class="menuheader">Coretan Asal</h3>
<div>
Silahkan anda variasi sendiri isinya, jangan mudah menyerah
</div>

</div>

7. Simpan dan coba lihat hasilnya.

Untuk Shoutbox, Link sobat dan isinya silahkan anda ganti sesuai selera anda

Hasil daripada tutorial ini bisa anda lihat di sini

Selamat mencoba.

06 Agustus 2008

Coretan Coreldraw X3

Logo di atas dibuat dengan Coreldraw X3
Untuk sekedar iseng melatih tangan yang selalu gatel bila ndak ngoret-ngoret di kanvas coreldraw X3.

Health and Beauty products

Anyone, both the man and the certain woman will always maintain their appearance to stay fresh and delicious it was considered. Maintained the health was important so that the appearance someone became first-rate. Maintained the health and beauty was certainly not free from our efforts to look for the best solution.

Besides processing the body certainly we needed the supplement or products that were connected with the health and beauty. To get the health and beauty product, certainly we at random did not buy him. No use not if this product his price was expensive but we did not know his instruction

The Shopwiki Assistant automatically fills out forms at online merchants to make for a somewhat seamless shopping experience. It also displays Shop Wiki’s top product search results below your product search results on a Google "Product Search".

You can find deals on any products you needs from Health and beauty products. There are lot of new Health and beauty products and accessories that are introduced in the market every week by different companies which involve product improvements, packaging changes, new packs, new ingredients, new improved formulations to give you better results etc.

Just search your needs on the search box, this shopping search engine will give you all products match with your needs. You can choose narrow result by price, brand, favorite stores or even colors. You can create comparison and see the best result for you.

Several shopping profits through this site among them were the existence of the escort in using each element of the Health and Beauty like cosmetics guide, skin care guide, hair care guide, men’s grooming guide, bath & body guide and fragrances guide. Through this step by step guidance you will be able to get complete knowledge on Health & Beauty which will help you to go for the right kind of products for you.

Several links that had the Web Site with information on the Health and beauty product relationship was included also to guide you in using the health product and beauty. You can see a product reviews that you can use for create decision to buy the product or not. See the lower price if you want to get the best price.

As a customer, you end up getting a wider choice, which means better value for your money.

03 Agustus 2008

AJAX Labels with Label Cloud

Sebenarnya "Ajax Labels with Label Cloud " tidak asing lagi bagi kalangan blogger, karena tutorialnya banyak kita jumpai. Salah satunya ada di blog Kang Jaloe atau kunjungi sumbernya Blogger-hacked dan Phydeaux3.

Namun disini saya ingin menerjemahkan tutorial tersebut ke dalam versi "bahasa saya" dengan harapan dapat dengan mudah untuk dimengerti.

Pertama-tama kita instal Label Cloud.

1. Cari kode ]]></b:skin>, kemudian copi dan paste kode dibawah ini sebelum kode ]]></b:skin>.

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

2. Copy dan paste kode dibawah ini diatas kode </head>.

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

Simpan template anda.

3. Sekarang kita akan memasang widget, cari kode dibawah ini : (pada bab ini berdasarkan pengalaman, jangan centang kotak Expand Template Widget, karena apabila kita simpan template maka akan ada pesan error dari blogger ).

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Ganti kode diatas dengan kode di bawah ini :

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<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'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

4. Langkah selanjutnya kita akan menginstall Ajax Labels, klik Page Layout kemudian ke Edit HTML. Centang kotak "Expand Widget Templates" kemudian cari kode </head> tag di dalam template. Masukkan kode berikut tepat di atas kode </head>.

<style type='text/css'>
#indicator {position:fixed;z-index:1000;padding:15px 0;top:40%;background-color:#FFFFFF;border:1px solid #AAAAAA;width:176px;left:50%;margin-left:-88px;text-align:center;}
#search-result {border:1px solid #AAAAAA;padding:10px;padding-bottom:30px;font-size:85%;}
.search-result-meta {background:#EFEFEF;padding:2px;}
.search-result-meta img {border-width:0;vertical-align:text-bottom;}
.search-title {font-size:1em;padding-bottom:3px;font-weight:bold;text-align:left;text-decoration:underline;}
.search-cat {display:block;padding:3px;font-size:1em;margin-top:5px;margin-bottom:5px;border-bottom:1px solid #C0C0C0;font-weight:bold;}
.search-close {color:silver;float:right;border:1px solid #F5F5F5;margin-top:10px;cursor:pointer;}
.search-result-nav {font-size:1.4em;font-weight:bold;padding:5px 0pt;text-align:center;}
</style>
<script type='text/javascript' src='http://bloggerhacked.googlepages.com/prototype.js' />
<script type='text/javascript'>
//<![CDATA[
// User customisable parameters
// ----------------------------
// maxresults - Number of results to show per page
// navFlag - Set Navigation ON or OFF. Give 1 for ON and 0 for OFF.
// feedLabel - Text to show for the label feed link.
// catLabel - Label for categories.
// closeLabel - Label for Close button. You can use hypertext also.
var maxresults = 5;
var navFlag = 1; //ON by default
var feedLabel = "Subscribe to";
var catLabel = "Sorted into:";
var closeLabel = "Click to close";
//]]>
</script>
<script type='text/javascript' src='http://bloggerhacked.googlepages.com/ajaxlabels.js' />

5. Sekarang cari kode

<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

Ganti kode di atas dengan kode di bawah ini :

<b:loop values='data:post.labels' var='label'>
<a href='#sres' expr:onclick='"javascript:getCat(\"" + data:label.name + "\",null)"' rel='tag'><data:label.name/></a>

Simpan template anda.

6. Sekarang buka Tata letak klik elemen halaman. Silahkan anda tentukan tempat penambahan elemen halaman yang nantinya berfungsi untuk memunculkan tampilan ringkasan posting saat label cloud di klik baik oleh anda maupun pengunjung blog anda. Masukkan kode di bawah ini dengan menambahkan elemen halaman "HTML/JavaScript "
(Lebih praktis di taruh di atas postingan. Untuk tampil di atas postingan, sebelumnya pada edit HTML di template, cari kode
<b:section class='main' id='main' showaddelement='no'> ganti "no" dengan "yes")

<div id="indicator" style="display:none"><img alt="Indicator" src="http://bloggerhacked.googlepages.com/indicator.gif"/> Loading...</div><div id="search-result" style="display:none"><a name="sres"></a><div class="search-close" onclick="javascript:Element.hide('search-result')"><script type="text/javascript">document.write(closeLabel);</script></div><div id="show-result"></div><div class="search-close" onclick="javascript:Element.hide('search-result')"><script type="text/javascript">document.write(closeLabel);</script></div></div>

Simpan dan coba cek dengan lihat blog anda.

7. Jika pada proses ini tidak berjalan silahkan anda kembali ke edit html pada template anda, cari kode di bawah ini :

'"javascript:getCat(\"" + data:label.name + "\")"'

ganti dengan kode di bawah ini :

'"javascript:getCat(\"" + data:label.name + "\",null)"'

Selamat mencoba, ingat jangan putus asa untuk mencoba. Sebagai saran terapkan pada awal pembuatan blog baru anda. Kalaupun anda ingin menerapkan ke blog kesayangan anda, back up dulu blog anda.

(Bagi anda yang kurang puas dengan terjemahan ini, silahkan kunjungan link yang saya pasang di awal posting ini)

01 Agustus 2008

Earn cash and generate extra income from your blog!

Blogsvertise! It's simple. Earn cash and generate extra income from your blog!

Our Advertisers want YOU to mention and talk about their websites products and services in your blogs and journals. They want the publicity, the exposure, the Buzz! that online bloggers and internet journals can generate for their web site products and services. In exchange blogsvertise pays YOU in paypal per task/blog entry, for writing / talking about / mentioning their website in your blog!

How Blogsvertise Works:

1. Blogsvertise assign tasks to registered members with the internet website address and what to talk about on their blog. The topics/tasks will be simply emailed to you once your account registration is approved. Click Here to Register for Free

2. You write up an entry in your blog about the internet advertiser however you want! You can review the site, compliment it, relate to it somehow in your daily life, or even complain about it, and link to the website at least 3 times in your blog/journal entry. Click Here to Login & Check Tasks

3. In exchange blogsvertise Pays YOU in paypal per blog entry, for writing about the advertisers web site. Payouts are automatically sent to you after your entry is approved and the payout period has passed.

Don't have a blog, but want to join blogsvertise? First setup your own blog, by using one of these free blog resources.

Here are a few resources where you can setup your blog if you dont have one already. We also recommend you check google search for blog hosting services.

Free Blog Software

* WordPress PHP Host
* BBlog PHP Host
* B2Evolution PHP Host
* SimpleBlog Windows/ASP Host

Free Blog Websites

* Free Blog Resources
* Blogger
* Typepad
* MySpace
* LiveJournal

Once you have setup your blog, you need to compose some entries in your online journal. Once you've setup your blog/journal you can then register for an account to begin earning blog revenue with blogsvertise.

Blogvertise also found it easy to be asked by the coordination, for example if you asked for the task that it was considered expired and you could do came back, then you will be given by the opportunity to do the task.

Please was tried, make use of your blog to earn cash and generate extra income from your blog!

31 Juli 2008

"Background Maker" pada Flasdisk/ folder

Coba perhatikan gambar di samping ini !

Gambar gadis cantik yang menghiasi flashdisk dan beberapa folder dalam PC bC tersebut yang jelas bukan pacar bC apalagi bini bC.

Tentang siapa dia ( pasti anda semua tahu) itu tidak penting. Di sini bC ingin membagi pengetahuan bagaimana caranya mempunyai flashdisk atau folder dengan background sesuai selera kita.

Saya yakin banyak rekan blogger yang tahu bagaimana prosedur cara membuatnya termasuk software apa yang digunakan.

Apabila anda yang belum punya softwarenya silahkan download di sini

Apabila sudah, langkah selanjutnya adalah sebagai berikut :

1. Double klik software tersebut, kemudian klik "Run" ( Lihat gambar ).

2. Kemudian akan muncul jendela " Customise This Folder Wizard", klik "Next"

3. Beri tanda centang apabila anda ingin modify background, lalu klik "Next"

4. Klik " Browse", kemudian ambil gambar yang ingin dijadikan penghias background. Setelah gambar masuk dalam textarea "Select a background picture from the list below", seleksi gambar tersebut, kemudian klik "next" dan klik "finish".

5. Alihkan mouse anda ke folder lain, kemudian kembalikan mouse anda ke folder atau drive dimana flasdisk anda berada yang telah anda install dengan software tersebut. Maka folder atau flashdisk anda akan mempunyai background sesuai yang anda inginkan. Jangan lupa menyertakan software dan gambar pada folder atau flasdisk kita. Untuk menghindari agar sofware dan gambar terhapus, klik kanan pada software/ image kemudian klik properties dan beri centang pada kotak "Hidden"

6. Selamat mencoba.