08 Agustus 2008

Sentuhan Adobe P.CS3.EXT

Percantik hasil review anda dengan sentuhan Adobe Photoshop CS3 Ext , dengan harapan akan mendapatkan nilai untuk hasil karya kita. Disini bC tidak memberikan tutorial bagaimana cara merayu dari tuan besar "PTR", namun bC hanya berusaha membagi pengetahuan bC dan mengajak belajar bersama untuk meningkatkan kemampuan kita dalam corat-coret di kanvas Adobe Photoshop.

Coba perhatikan gambar animasi dari hasil review "Lamps At the price of cheap and economical energy" yang merupakan task dari GBT Blogvertise. Gambar tersebut merupakan hasil corat-coret kerja sama dengan adobe photoshop Cs3 dan diabadikan di Photobucket kemudian dijadikan pajangan di BLOGGER.

Berikut cara membuatnya.

1. Buka kanvas baru pada adobe ( Ctrl + N ) dengan ukuran :

- Width = 200 px,
- Height = 200 px,
- Resolution 300 px/inch,
- Color mode = RGB 8 bit ,
- Background contents = Transparent.

2. Buka (Ctrl + O ) gambar yang akan anda modifikasi. Minimize kedua jendela adobe, untuk memindahkan gambar yang ada ke dalam kanvas kosong pada jendela adobe yang pertama.

3. Dengan "Move Tool" pindahkan gambar ke jendela kosong, sehingga akan timbul dua
layer di WIndow Layer. Klik 2 X pada nama layer yang berisikan gambar dan ganti nama layer , misal "Ublik".

4. Dengan Ctrl + T, sesuaikan gambar dengan ukuran kanvas yang telah kita tentukan.


5. Pada Window ( Layer ) klik kanan "Layer Ublik" dan buat duplicate layer sebanyak 5 layer, sehingga jumlahnya ada 6 buah layer.
( sesuai jumlah lampu di gambar ).

Ganti nama layer dengan klik 2X pada nama masing-masing layer.

6. Klik gambar mata yang ada di sisi kiri tiap layer kecuali "Layer Ublik ". Dimulai dari "Layer Ublik" pada toolbar klik FILTER kemudian klik RENDER lalu klik LENS FLARE. Atur sesuai gambar Lens Flare

7. Sekarang munculkan gambar mata dengan mengklik kotak kosong disebelah kiri Layer Ublik 2, kemudian kerjakan langkah sesuai dengan no. 6, hanya saja pindahkan effek light (+) ke lampu berikutnya ( diurut ke kanan ). Ini berarti kita bekerja di Layer Ublik2.

8. Kerjakan langkah No. 7 dan No. 6 untuk Layer Ublik 3 hingga Layer Ublik 6.



9. Langkah selanjutnya adalah membuat animasi, pada Toolbar klik Window kemudian klik ANIMATION, sehingga akan muncul jendela animasi. Klik Layer Ublik kemudian klik gambar mata dari Layer Ublik2 hingga Layer Ublik6, sehingga yang nampak pada kanvas hanyalah gambar Layer Ublik, dan itu berati pada jendela animasi layer ublik merupakan Frame pertama.



10. Pada Frame 1 di jendela animasi klik DELAY pada 1.0 second.

11. Masih di jendela animasi, klik "Duplicated Selected Frames" untuk membuat frame kedua. Pada Layer Ublik2 munculkan gambar mata.







12. Kerjakan langkah no. 11 untuk Layer berikutnya hingga terakhir Layer Ublik6, kemudian pada jendela animasi klik "TWEENS ANIMATION FRAMES", atur sesuai gambar di bawah ini.



13. Untu melihat hasil dari pada animasi, coba klik tanda "PLAYS ANIMATION" pada jendela Animasi.



14. Setelah dirasa cukup sesuai dengan kemauan kita , klik FILE lalu "SAVE FOR WEB AND DEVICES" ( Alt + Shift + Ctrl + S ) dengan format GIF.

15. Upload gambar tersebut ke Photobucket dan gambar siap dipasang dipostingan review anda.

Selamat belajar.... semoga berhasil.


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&gt;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 = &quot;<data:label.name/>&quot;;
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] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; 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!

Mockup Hijab Adobe Photoshop Tutorial - FREE FILE PSD

  Mockup Hijab Adobe Photoshop adalah tutorial tentang bagaimana cara merubah warna hijab maupun coraknya. Jika anda ingin mendownload file ...