Tuesday, December 6, 2011

Cara Memberi alt tag pada gambar di Blogspot

Cara Memberi alt tag pada gambar di Blogspot biasanya di lakukan secara manual. alt tag pada gambar menurut suhu2 dan mastah2 SEO penting dan dapat mengoptimalkan SEO blog kita. So pasti tidak adasalahnya bila di praktekan, diantara kalian pasti juga banyak yang belom tahu, tapi tenang aja berikut saya kasih caranya.

1. Pertama kita upload sebuah gambar ke postingan,sebagai contoh saya akan mengupload gambar berikut.
alt tag gambar,pasang alt tag,optimalisasi alt tag,image tagging


2.setelah di upload,ketika menulis posting pilih edit html lalu tambahkan alt tag bersama keyword-keywordnya.tepatnya formatnya sebagai berikut.

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/_aMg3Afwi7C8/S-hL2v9uNXI/AAAAAAAAACU/fHFYnjM6xeQ/s1600/alttag.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="alt tag gambar,pasang alt tag,optimalisasi alt tag,image tagging" border="0" src="http://3.bp.blogspot.com/_aMg3Afwi7C8/S-hL2v9uNXI/AAAAAAAAACU/fHFYnjM6xeQ/s320/alttag.jpeg" /></a></div>

3. Pada tulisan yang berwarna merah adalah contoh alt tag pada gambar yang saya upload diatas
4. selamat mencoba, semoga berhasil dan dapat lebih mengoptimalkan Blog sobat.

Sunday, November 27, 2011

Cara Menampilkan Google Map di Blog

Cara Menampilkan Google Map di Blog - Keberadaan google map sangat penting, karena kita pasti akan tau letak suatu tempat lokasi, dan pastinya seumpama blog anda posting suatu tempat akan lebih bagusnya disertai letak lokasi tersebut. Maka kali ini ilmu komputer akan membagikan Cara Menampilkan Google Map di Blog pada suatu postingan.

Contoh lokasi yang menggunakan goole map :


Letak Bandara Airport Ngurah Rai


Saturday, November 12, 2011

Repair Windows 7 Tanpa CD (Part 1)

Repair Windows 7 Tanpa CD (Part 1) yaitu tentang “CARA MEMPERBAIKI/REPAIR installasi Windows 7 tanpa CD Boot”, Sobat, kali ini saya mencoba berbagi tentang artikel yang dimaksud.

Pertama, bisa menggunakan “System Recover”
Kedua, bisa menggunakan cara yang saya akan ulas berikut ini :

1. Masuk Ke Menu Start - Control Panel
2.di Menu System and Security, pilih Backup your Computer



3. Pilih Create a System Image


4. Pilih On a Hardisk, kemudian Pilih Partisi lokasi penyimpanan Image yang dimaksud


5. Klik Next, kemudian ketika muncul Pertanyaan ” Which drives do you want to include in the Backup”, Pilih Partisi tempat System Operasi anda di Install, jangan lupa centangkan / tandai juga “Partisi System Reserved (System)


6. Klik Next, kemudian ketika dialog konfirmasi muncul, klik tombol Start Backup


7. System Backup akan berjalan untuk beberapa waktu… tunggu sampai muncul pesan “The backup completed successfully”. dan pesan “Do you want to create a system repair disk?”…


8. Pilih Yes jika ingin membuat CD Repair, dan No jika tidak…
9. Buka Explorer Anda, pilih partisi tempat anda menyimpan System Image nya.. Akan terlihat Folder Baru seperti Berikut :

Sekarang Anda sudah punya System Repair yang anda bisa gunakan untuk repair Windows7 anda tanpa memerlukan CD Booting.

Silahkan dicoba..
Semoga Sukses

To be continud...

Tuesday, November 8, 2011

Langkah Membuat artikel terkait dibawah posting Blogspot

Kali ini kita akan belajar membuat related post atau artikel terkait yang di letakan pada bagian bawah halaman blog kita di blogspot.

Sebenarnya penempatan artikel terkait atau related post sama saja baik di bagian bawah halaman maupun di bagian side bar blog. Hal ini tergantung selera Anda mana yang lebih bagus kelihatannya.

Baiklah, sekarang langsung saja ikuti panduan dan tutorial cara membuat related post atau artikel terkait di bawah halaman posting berikut ini:

1. Login menggunakan Username dan Password google account atau gmail Anda di blogger.com
2. Dari halaman dasbor/dashboard, pilih dan klik Design atau Rancangan.
3. Klik Edit HTML dan tandai Expand Widget Template (sebaiknya download dulu template Anda sebagai backup)
4. Cari kode ini
<data:post.body/>
5. Letakkan script code berikut ini di bawah kode diatas (lihat kode di nomor 4):
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

6. Save Template, lihat hasilnya.
Selamat mencoba dan semoga berhasil.

Friday, November 4, 2011

Cara Meletakkan Iklan di Postingan

Cara Meletakkan Iklan di Postingan - Peletakkan iklan yang strategis juga mempengaruhi klik dari para pengunjung. Biasanya sih kalau iklan didalam postingan akan semakin banyak visitor yang ngeklik. Berikut saya share cara meletakkan iklan di dalam postingan yaitu iklan sebelah kanan postingann dan iklan sebelah kiri postingan. Lansung saja cekidot :


1. Login ke Blogger » Klik Rancangan » Pilih Edit HTML » centang Expend Widget
2. Silakan cari kode

<data:post.body/>

3. Setelah ketemu pastekan kode berikut sebelum kode tadi


<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'>
<--Simpan Kode Iklan Disini--></div>

4. Sehingga hasilnya menjadi seperti ini :

<div class='post-body entry-content'>
<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'>
<--Simpan Kode Iklan Disini--></div>
<data:post.body/>

Cara Untuk Menampilkan Iklan Di Pinggir Posting.
1. Copy dulu kode iklan yang Anda dapatkan, kemudian Parse dengan Tool ini Parse HTML
2. Setelah kode iklan di parse, hapus kode merah <--Simpan Kode Iklan Disini--> kemudian ganti dengan kode iklan Anda yang telah di Parse.

Terakhir simpan template dan lihat hasilnya.


Iklan diatas terletak di Kiri teks, kalau ingin diletakkan dikanan teks tinggal mengubah lang nomor 3 left menjadi right .


Sekian dulu tutorial dari Ilmu komputer mengenai Cara Meletakkan Iklan di Postingan, semoga bermanfaat.

Wednesday, August 24, 2011

Cara Meletak Iklan diatas Postingan 2

<div style='clear: left; float: left;'>
<table cellpadding='0' cellspacing='0' class='tr-caption-container' style='float: left; margin-right: 4px; text-align: left;' width='300px'><tbody>
<tr><td align='left' style='text-align: left;'>
kode iklan GA anda (300x250)
</td></tr>
<tr><td style='text-align: center;'><span style='font-size: xx-small;'><b><a expr:href='data:blog.pagenameUrl' expr:title='data:blog.pageName'><data:blog.pageName/></a></b></span></td></tr></tbody></table>
</div>

Penempatan iklan seperti itulah yang akan ical share.

Jika tertarik bikin Iklan Adsense Seperti halnya Gambar dalam postingan, berikut langkahnya :


  1. Login ke blog, langsung menuju ke halaman EDIT HTML, centang Expand Widget Template
  2. Cari kode <data:post.body/> , kalau blog anda sudah mengaplikasikan Readmore, akan terdapat 2 kode seperti itu, silahkan pilih yang kedua.
  3. Tempatkan kode berikut sebelumnya kode tersebut diatas
  4.  Setelah itu save, dan lihat hasilnya

catatan : sebelum meletakkan kode, anda harus mem-parse-nya terlebih dahulu, bisa lewat parse HTML di blog ini. dan apabila diaplikasikan maka secara default semua postingan akan muncul iklan Google seperti yang telah disetting yaitu didalam postingan layaknya sebuah gambar.

Apabila anda tidak menginginkan format ini muncul disemua postingan, maka cukup mengikutkan kode saat ingin memosting postingan baru, atau dengan jalan mengedit postingan yang sudah ada dan memasukkan kode tersebut diatas. Dan dengan cara ini anda tidak perlu melakukan parse kode html, langsung dicopas saja.

Selamat mencoba kawan-kawan,

Cara Pasang Iklan di Atas dan di Bawah Postingan

Pada postingan sebelumnya disebutkan bahwa salah satu jalan untuk merintis bisnis online dari blog adalah dengan mengikuti program ppc/adsense. Sederhananya adalah bahwa kita sebagai publisher dibayar per klik setiap iklan yang di tampilkan. Nahh…bagaimana cara supaya iklan ppc yang kita pasang mudah terlihat dan di klik ? salah satunya dengan memasang di bawah judul posting dan di bawah postingan.

Thursday, August 18, 2011

Cara Memasang Google Analytics pada Blog/Web Anda

Google Analytics merupakan salah satu layanan gratis dari Google yang berfungsi untuk menganalisa blog/web sobat sehingga sobat bisa tahu lalu lintas blog/web sobat, mengetahui jumlah pengunjung, aktivitas pengunjung, sehingga sobat bisa tahu kontent apa yang sedang di cari banyak pengunjung di blog/web sobat. Google analytics juga berperan besar dalam optimasi SEO, karena itulah saya langsung pasang GA/Google Analytic ini ke dalam blog saya.

Berikut ini Cara memasang Google Analytic pada blogspot Anda:

1.Silakan kunjungi Google Analytics di http://www.Google.com/analytic


Friday, August 5, 2011

How to Remove Google Images Frame From Your BlogSpot Blog

Gimana,keren gak judulnya. .
mohon maaf para master,cuma mau share pengalaman saja. Kalo emang repost didelete juga gakpapa,asal jangan dibanned. .
awal masalah berasal dari screenshot ini:

_http://3.bp.blogspot.com/-AdztwGEMfCQ/TcEBtS1K4MI/AAAAAAAAAPE/40zTGcC3cxY/s1600/Blogger-%2BNew%2BDian%2BRibut%2B-%2BStats.png

Saturday, July 23, 2011

Internet adalah Sebuah Jaringan Komputer Dunia

INTERNET adalah sebuah jaringan komputer dunia, yang tidak mengenal batas antara negara. Kita bisa terhubung dengan siapa saja di belahan dunia lain melalui Internet dengan begitu mudahnya. Dengan karakter seperti itu, semestinya Internet dapat dimanfaatkan sebagai medium untuk menembus pasar ekspor.

Kita bisa menjual barang ke manca negara tanpa harus melalukan pameran atau bertemu langsung dengan calon buyer secara lansung.

Internet 


Internet 

Thursday, July 21, 2011

Adsense Tips - Mendapatkan $ 3000 dalam 6 bulan

Bagi mereka yang nyari Adsense Tips dan strategi untuk meningkatkan pendapatan dari adsense sampai sampai melakukan hal hal yang nyerermpet nyerempet. jadi aku beberkan strateginya bagaiamana meraih usd 3000 perbulan dari adsense anda dalam rentang waktu 6 bulan.


Friday, July 15, 2011

Tutorial For Adobe Photoshop CS5

Hopefully this week sometimes Adobe Photoshop CS5 Creative Suite 5 (CS5) will be officially released, but I can already exposed some of the new features in this tutorial dedicated to the latest version of Adobe Photoshop CS5.

The Photoshop team was to focus their efforts in improving two key areas for improvement as they have done to each and every one of the latest versions of CS. First, they take a look at what needs to be improved in CS4 - There is nothing better than feedback from users so that they have already spent a lot of time looking for the improvement of existing functions and CS4 applications.

Adobe Photoshop CS5 Tutorial


Thursday, June 30, 2011

Photoshop Tutorial : 5 Best Hidden Secrets

Whether you're just starting out with Photoshop or you're a seasoned pro, it's likely you've experienced instances where you wished a certain action was easier to do. This article will provide you with a few tips to consider as you explore Photoshop.

Keep an Eye Out for Tutorials : Is there a specific technique or command that's giving you a lot of trouble? In cases like this, sometimes it's simply not enough to consult the help file or ask questions online. Fortunately, you can find literally thousands of video tutorials that provide everything from shortcuts to the latest techniques on how to shade and texture.

Make Money On Line (Top Must Have Features)

Making money on line unfortunately is not for everyone. It is realistically upsetting that the make money on line experts will not admit. Experienced marketers know it is challenging to make money on line. Don't fall for the questionable misleading claims out there. Earning on line can be very rewarding. If you are looking to strike it rich overnight on the Internet, you might as well stop reading and leave right now.


Tuesday, June 28, 2011

How To Create A Grungy iPhone Application Advertisement in Photoshop

In this tutorial I will explain how to create a grungy iPhone Application advertisement using Photoshop CS5. The tutorial will be explained step by step, and will include all of the details and tips you will have to know in order to finish it correctly.

Step 1: Setting up the Document

Open Photoshop and create a new document with the below settings - Width: 1200px, Height: 760px. Click OK to get started.


Now we will create guides in our document. Make sure the rulers are on, View > Rulers (Cmd/Ctrl + R), and set the measurement units to Pixels by right clicking on them. Create a new guide, by clicking on the ruler and dragging the mouse. Drag the new guide to 40px. Do the same thing on each of the four borders.


Step 2: Creating the Background

Download the Vintage paper TEXTURE PACK and open Texture C. Place Texture C in your document. Stretch the texture to the borders of the document until it fits perfectly. Change its Blending Mode to Multiply. Open Texture A and do the same thing. Change Texture A's Blending Mode to Darken and set its Opacity to 60%.


Now we will create a Stripes Pattern. Create a new document (4px on 4px). Use the Pencil Tool (P) to create the following image:

step-002-2

After you've created the pattern press Edit > Define Pattern. Name your pattern however you like (I named mine "Stripes"). Now go back to the original document. Create a new layer above Texture A and name it Stripes. Choose Edit > Fill to fill the layer. Hitting Cmd/Ctrl + Delete (Backspace) also enables you to do this. By clicking the Cmd/Ctrl button you fill your layer with the Background Color. But, if you click the Opt/Alt key instead, you can fill your layer with the Foreground Color.

Back to creating the background. Double click Stripes (Or click Layer > Layer Style > Blending Options) and set its Fill Opacity to 0%. Then, go to Pattern Overlay and scroll to the bottom of your pattern list. Choose the stripes pattern. After you picked the stripes pattern change the pattern's Blending Mode to Multiply and set its Opacity to 10%.

step-002-3

The background is done! Just group the background's layers in order to make your layer section more organized. Name the background group "Textures".
Step 3: Creating the Background of the Application's Icon

Create a new layer above the group Textures. Group the new layer and name the group "App". Use the Rounded Rectangle Tool (U) and create a rounded rectangle with the following settings:

step-003

After creating the rounded rectangle click Layer > Layer Style > Gradient Overlay. Change the gradient's colors to #277282a and #5092a5. Now duplicate the rounded rectangle and decrease its width and height by 2px (90px on 90px). Double click on the decreased rectangle. Go to the Gradient Overlay section again and change the colors of it to #8dc2c4 and #c8f5ff. Now, After you have a pair of rounded rectangles, duplicate again the top one, or the brighter one, and decrease its width and height by 2px (88px on 88px). After you have decreased the rounded rectangle, change its Gradient Overlay colors to #49849d and #91ced9. Duplicate the top rounded rectangle and double click it. set its Fill Opacity to 0% and apply a Pattern Overlay with the stripes pattern from before. Now, select all of the rounded rectangles and align them horizontally and vertically.

If you have followed the steps correctly you are supposed to get this result:

step-003-2
Step 4: Creating the Person on the Application's Icon

Open your profile photo and select the area in which the head and shoulders appear. Apply a layer mask on the layer to hide everything except yourself. Notice! The selection you select does not have to be very accurate. Later on we will decrease the size of your image to a small size (about 90px on 90px), and we will apply a Color Overlay on it, so you won't be able to see the small details.

step-004

Drag your edited profile photo to the original document. Decrease the photo's size to about the size I did (See Below).

step-004-2

Then load the Stripes layer's selection, and apply a layer mask on you photo's layer. Then, double click the Profile Photo's layer and apply the following styles:

step-004-3

We're almost done with the icon! The only thing left is to create a highlight layer. Create a new layer above the Profile Photo and name it Highlight. Select the Ellipse Tool (U) and create a white ellipse above the rectangles and the photo. It should look like this:

step-004-4

After creating the ellipse apply the following Layer Styles on it:

step-004-5

If you finished applying the Layer Styles on the Highlight layer you're almost done! The only thing you have left to do is to apply a Layer Mask on the layer and to apply a Drop Shadow effect on the bottom layer.

Click and drag, while holding Opt/Alt, the Layer Mask's thumbnail of the Stripes layer on to the Highlight Layer. After applying the Layer Mask double click the bottom layer and go to the Drop Shadow section. Apply the next settings:

Step 5: Creating the Download Button

Before we start creating the Download Button, go to the Futura Font link in the resources and download the following weight of the font: Light, Medium, Bold, and Extra Bold.

Let's get started! Now, we will create the button with the same technique I showed you in Step 3. Create three new rounded rectangles with these sizes: A. 302px on 76px, B. 300px on 74px, and C. 298px on 72px. Apply on the three rectangles the Layer Styles we used in Step 3. Then, duplicate the top rectangle and apply the Settings and Layer Styles we have applied on the Stripes layer earlier.

step-005

Select the type tool. Use the Futura Font and select the Extra bold weight. Type "Free Download!". Use font size 22pt. Then, apply the style which we used on the Profile Photo. And after applying the styling options align all the layer horizontally and vertically. Just apply the Drop Shadow effect, that we applied on the bottom layer of the app, on the bottom layer, and you should get this:

step-005-2

If you got the result I did, group the button layers and name the group "Button".
Step 6: Type the Download Description Text

Select the type tool again. Use the Futura font with Black color, Light weight, and 30pt size. now write: "Download the new iDeitch App for FREE.". Change word "iDeitch"'s weight to Medium.

step-006
Step 7: Create the iTunes Store Icon

First create a rounded rectangle. width 147px, height 48px, and background color #6d6d6d. Then type "Available on the iPhone"' using Myriad Pro, in size 7.5pt and "iTunes Store" in size 18pt. Then create another, smaller, rounded rectangle which will be the iPhone later. Set its width to 18px and height to 32px. Then, Create a rectangle above the rounded rectangle which represents the screen of the iPhone (13px on 19px). After that create a circle which stands for the menu\back button (3px on 3px). Afterwards, load the selection of all the layers (except the background) and apply an Invert Layer Mask by Opt/Alt clicking the Layer Mask button. Then load again the selection of the screen and the menu button and fill the selection with White in the Layer Mask of the Background. And finally, group all the layer and name the group "iTunes Store"

step-007

Now just group the layers and groups: "iTunes Store", "Download the new iDeitch App for FREE.", "Button", and "App". Name the group "Download".
Step 8: Place our Icon in the iPhone

Open the iPhone file. Before dragging the whole iPhone document to our project I want you to hide the following layers:

step-008

After deleting the layers I showed you, group the layers left (without the background) and name the group "iPhone". Then, drag the iPhone group to our document and decrease its size to 348px on 680px and drag it until it lays besides the guides on the left.

step-008-2

Duplicate the group App and drag it into the iPhone Group, then into "Springboard Components" and then into "Springboard Icons". Then, decrease the group "App copy" by 45% (till 55%), hide the Drop Shadow effect from the bottom layer, merge all of the App copy group, and apply the Drop Shadow effect again. After that, write "iDeitch" with the following settings, and then apply the same Drop Shadow effect to the text:

step-008-3

Rename the app icon to iDeitch and group the app icon and the text which says "iDeitch". Name the group iDeitch.
Step 9: Add the comment on the iPhone

Select the type tool. type "Download Now!" with Cheyenne Hand Font, font size 16pt. Then rotate the text layer 25 degrees clockwise.

step-009

Now we're going to create the arrow. Create a new layer. name it "Arrow". Select the Pen Tool (P) and create the following path:

step-009-2

Now select the Brush Tool (B) and select the default round hard brush. Change its size to 2px. Make sure the Hardness is 100% and that your Foreground Color is black. Switch back to the Pen Tool and right click the path we have created a second ago. A new menu is supposed to open up where you have right clicked. Pick "Stroke Path". Now we have finished the arrow itself. Let's create the head of the arrow: Create the following path and repeat the steps we did to create the body of the arrow:

step-009-3

Group the "Download Now! comment and the Arrow. Name the group "Comment" and drag it into the top of the group iPhone.
Step 10: Create the Colorful Title and Background

Open the Cloud Brushes brush set. Create a new layer under the group Textures. Name it "Clouds". Select the first brush in the brush pack and paint the layer as shown below, with the colors #ffed21, #fd43f2, #3fcbee:

step-010

After finishing the background create a new layer. Select the Type Tool (T) and write "iDeitch" with the settings below. Then, type "NEW APP" with the other settings below, on a different layer. Use the color #ffed21. Then group the two text layer and name them "Yellow". Duplicate "Yellow" and rename it to "Blue". Move the Blue group a little to the right and up and apply on the layers the following Layer Styles:



After applying the Layer Styles group the groups Yellow and Blue and name their group "Title".

Step 11: Create the "Made By Ofek Deitch" Sign


Create a new layer and group it. Name the group "Made By". select the layer we have just created, and using the Type Tool (T), write "Made By" with the settings below. Then, Create another layer and type "OFEK" (The settings are found below). Create another last layer and type "DEITCH" with the setting below.



Rotate the layer that says "OFEK" 90 degrees CCW (Counter-Clockwise). Arrange the layers like this:


Create a new layer. Select the Type Tool (T) and type: "Copyright © 2011 by Ofek Deitch. All rights reserved.". Before typing, change the Type Tool's settings to the following ones:


Before we even start organizing our layers, have a look on how our layers are supposed to be ordered:



Let's start! First things first, hide all the layers except Background and Textures. Then, show the layer Clouds. After that, show the iPhone group. Make sure the iPhone is aligned to the left guide and is vertically aligned to the center of the document. Afterwards, show the Download group but hide all the layers and groups inside it. Show the group Button. Align it to the bottom guide and near the right guide. Then, show the iTunes Store group and align it to the the right guide and align it, vertically, to the center of the group Button. After that, show the text layer inside the Download group. align it to 50px above the Button group and align it, also, to the same X value (so they start together). Then, show the App group. Align it, horizontally, to the center of the text layer, and vertically to the center of the iTunes store group.



Before you continue, check according to the image above if you have done the previous step correctly until now. If so, then great! You can continue! But if not, then find what you have done wrong and fix it.

Let's continue! Show the group Title. Click Cmd/Ctrl + T to Free Transform the group. On the top left you will see this bar:



Change the X and Y values to the same as shown on the image above. Now show the "Made By" group.



Change the X and Y values to the same as shown on the image above. And finally! Show the copyright layer and horizontally align it to the left guide. Then, vertically align it to the center of the area between the bottom border of the document and the bottom guide.

Final Result :

Friday, June 10, 2011

SEO Ultimate Plugin For WordPress Blogs


I was just going through some of the plugins on wordpress.org website, I came across this wonderful plugin and I am really happy that I am writing a review on this plugin for the simple reason, its a kind of plugin which I was looking for on a long time. I would say this plugin is in fact better than headspace2 plugin which I have used on my wordpress seo tutorial? in fact I am thinking of rewriting that tutorial using this plugin because it makes your job a lot more easier and this plugin works really well with the latest wordpress version too.

With this plugin installed you can rewrite the meta datas of homepage title, post title, page title pretty easily than ever before.


screenshot 1 SEO Ultimate Plugin For Wordpress Blogs

This plugin gives you an option to unindex some of the unwanted section of your blog, this also prevents duplicate contents being indexed from your own blog.


screenshot 2 SEO Ultimate Plugin For Wordpress Blogs

Easily enter your homepage meta description, meta keywords, also force search engines to not to display the descriptions from popular directories like DMOZ or yahoo directories in search results.


screenshot 3 SEO Ultimate Plugin For Wordpress Blogs

It gives you an option to enter your meta titles and descriptions for your posts which will be displayed in search results, when you make a post, it also gives you an option to enter custom read more text, which can be effectively replaced with your keyword which you want to focus on particular post.


screenshot 4 SEO Ultimate Plugin For Wordpress Blogs

You can insert link box at the end of your posts, which people can use to share it with their friends and also enables them to share it in their own blogs.


screenshot 5 SEO Ultimate Plugin For Wordpress Blogs

It gives you an option to edit the robots.txt file too, potentially reduces your work to install a new plugin that does the same job. Its something I would highly appreciate about this plugin.


screenshot 6 SEO Ultimate Plugin For Wordpress Blogs

Download SEO Ultimate

Friday, June 3, 2011

Cara Meningkatkan ( Increase ) Alexa Rank

Bingung juga ketika ada sobat yang nanya , bagaimana Cara Meningkatkan Alexa Rank? (How to Increase Alexa Rank) kok blog belum sebulan tapi Rank Alexa nya sudah dibawah one million. Halah apa benar ..?? ketika saya lihat memang benar saat post ini dibuat rank nya 950.377. Padahal saat pasang widget Alexa ranknya 16 jutaan (million). Saya harus jawab gimana ?? .. selama ini hanya ikut-ikutan saja, yang lain pasang Alexa yoo kita juga pasang gitu aja.. tapi akhirnya langsung sowan ke oom Google untuk tanya soal itu terus dipadukan dengan pengalaman yang selama ini dilakukan.

Akhirnya jadilah postingan ini walaupun malu-malu karena age blognya baru 20 hari (saya publish blog ini tanggal 10 Januari 2010 ), so masih bayi merah, merangkak aja belum bisa apalagi berjalan , imunisasi juga belum, cuma untungnya sejak lahir dah ikut IMD alias Inisiasi Menyusu Dini plus menerapkan manajemen laktasi. haha.. Dalam IMD itu kan begitu bayi lahir langsung ditaroh didada ibunya dia harus aktif secara naluriah merayap untuk menemukan puting susu ibunya untuk menyusu , tanpa boleh ditunda dengan kegiatan menimbang atau mengukur bayi. Bayi juga tidak boleh dibersihkan dulu, hanya dikeringkan kecuali tangannya. .. lho3 .. kok nyasar keurusan susu menyusu sih.. hehe..

Kembali ke TKP ini yang saya lakukan terhadap blog ini selama 20 hari setelah kelahirannya :

1. Sign up Blog ke Search Engine Terutama Google, Yahoo dan MSN
Ini dilakukan agar blog kita cepat terindek di mesin pencari terutama yang sudah terkenel dan besar seperti Google, Yahoo, MSN dll, baru setelah itu ke search engine lainnya., lihat postingan tentang , Submit Blog ke Search Engine ,

2. Sign up Blog ke Technorati
 Technorati merupakan salah satu direktori blog yang sudah terkenal, bia juga berfungsi sebagai blogsearch, tags aggregator, online bookmarks, juga bisa mengetahui blog mana saja yg memasang link blog kita..

3. Sign up Dan Aktif Di Blog Catalog
Daftar dan aktif di Blog Catalog, atau blog direktori lainnya agar makin banyak link dari blog lain , katanya dg ini google akan semakin menganggap blog itu berbobot.

4. Blogwalking
Ini adalah cara manual yg paling ampuh, setiap blogger pasti melakukannya termasuk kedalam ini adalah kunjung mengunjung, , berkomentar dan membalas komentar apalagi jika berkomentar di Blog Dofollow, seperti blog ini.

5. Cari Backlink (Search Backlinks)
Cari backlink sebanyak-banyaknya dan berkualitas sebaiknya sih sesuai kategori blog, karena google menilai berdasarkan kuantitas dan kualitas link, tapi akhirnya mana saja yang mau bertukar link.. saya terima.

6. Install the Alexa Rank Widget
Contoh widgetnya seperti dibawah blog ini, sedangkan cara pasangnya saya baca tentang Cara Pasang Widget Alexa Rank Di Blog .

7. Install the Alexa toolbar on your browser
Menginstal Toolbar Alexa pada browser katanya akan bisa meningkatkan ranking blog/website kita, karena akan terjadi penambahan ranking point dari tante Alexa , yang ini baru kemarin saya lakukan .. hehe.. masih perlu dibuktikan. Silahkan lihat Cara Pasang Alexa Toolbar Dan Alexa Widget jika sobat ingin memasangnya.

8. Bookmark Blog Sebagai Homepage Browser
Bookmark blog sebagai homepage di komputer yang sering digunakan untuk browsing ini juga baru kemarin saya lakukan di komputer rumah sebenarnya sih ini bisa juga dikantor, diwarnet atau dimana saja, makin banyak tentu semakin baik.

9. Update Blog 2 days sekali
Pokoknya bikin postingan 2 hari sekali , lihat saja postingan blog ini baru 12 artikel, pokoknya ada kegiatan posting tanpa melihat itu bermutu atau tidak seperti postingan tentang tante Alexa ini. Jangan takut dikatakan tak bermutu , lagian penilaian itu kan subyektif, katak kita bermutu kata yang lain tidak , begitu juga sebaliknya .

10. Promotions Gratis
Setiap habis posting besoknya promosi artikel tsb , kenapa besoknya, hal ini agar postingan kita terindek dulu oleh mesin pencari seperti Google, kalau langsung di promosikan begitu selesai posting,, nanti yang lebih dulu terindek yang di web promosi itu,, apalagi kalau web iklan itu PR nya lebih tinggi… akhirnya nanti di kira kita yang jiplak atau copy paste dari sana. Kan logikanya gini blog baru itu lambat nyampe ke googlenya sedangkan yang sudah punya PR pastinya cepat.. Misalnya kalau promosi artikel di Saung Bisnisku sebagai iklan baris gratis PR 3 itu dalam hitungan menit sudah terindek di google ,, kalau gak percaya coba deh...

11. Submit Artikel ke Social Bookmark sites
Social Bookmark adalah tempat pasang tautan agar dapat link masuk searah ke blog / web kita. Social bookmarking termasuk salah satu cara menyimpan, mengorganisir, mencari, dan mengelola bookmark halaman blog di Internet. Situs2 Social Bookmark bisa dilihat disini.

12. Tulis artikel Tentang Alexa
Tulis artikel tentang Alexa misalnya seperti yang sedang sobat baca tentang Cara Meningkatkan Alexa Rank ini dan ajak para pembaca untuk men-download Alexa Toolbar. Jangan lupa saat membuat artikel tentang Alexa, selalu gunakan label atau kategori dengan keyword : Alexa, Alexa rank, Alexa traffic rank, Rangking Alexa, dsb. Intinya ada kata ' Alexa ' , ini akan membuat senang si tante yang genit ini.

13. Melakukan Ping
Lakukan ping secara berkala , saya baru lakukan ini dua kali , ping ini untuk merefresh blog kita di data base mesin pencari, bisa baca disini jika ingin melakukan Ping.
Selebihnya ya.. Berdoalah. good luck


Demikian hitung-hitung menjawab pertanyaan diatas sekaligus menututp bulan January 2010 ini dengan Tips Cara Meningkatkan Alexa Rank , semoga bermanfaat .. Greetings for Alexa.

Read Also A Simple Tutorial To Make Any Windows PC Run Faster

Thursday, June 2, 2011

Teknik Menggandakan Diri ( Twins Effect )

Tutorial Photoshop kali ini adalah tentang techniques menggandakan diri, wah kayak amoba dong! hehehe ya begitulah tapi kalau amoba kan dia memang benar - benar menggandakan diri namun kali ini kita tidak perlu pakai jurus ninjutsu ala naruto atau jurus magic tricks. How could such? what is the secret? cukup sebuah tripot dan camera dan tentu saja Photoshop

kok bisa tripot? kalau nggak punya tripot gimana? cukup camera saja cuma kita harus membuat dudukan / tempat agar camera tersebut tidak bergerak kemana - mana

Ok, here's the trick ...
1. Pertama kita ambil dulu bisa 2 photo 3 photo maupun lebih, namun untuk contoh saya pakai dua photo saja biar terkesan twin efek (efek kembar) gitu
maunya sih photo pakai sendiri tapi berhubung penulis bukan seorang fotogenik jadi ya terpaksa saya pakai foto orang lain saja

Cklik photo 1


Cklik photo 2



angle (sudut) dan letak foto sama persis, inilah gunanya tripot
bagi yang belum tahu tripot ini dia gambarnya



okay now it's time beraksi dan Learn Photoshop,

2. Pindahkan photo yang kita punya ke komputer / laptop lalu buka photo-photo tersebut dengan PHOTOSHOP disini bisa menggunakan berbagai jenis photoshop mulai dari photoshop 7 hingga yang terkini yaitu CS 5

3. Dengan Move Tool
Pindahkan foto orang bertopi ke photo orang yang tidak bertopi


4. Nah sekarang kita ganti blending modenya ke mode Screen jadi kelihatan transparan nih, hehehe



5. Nah berikutnya siapkan / klik eraser Tool



6. sekarang hapus image orang yang tidak bertopi


namun hati - hati jangan sampai kena area orang yang bertopi

7. Jika merasa sudah pas penghapusannya, sekarang kembalikan blending mode ke Normal
mau tau hasilnya? bener, mau tahu? jamaah yeee oh jamaah yeee Alhamdulillah


wow kembar , efek ( twin ) brother
Tutorials ini hanyalah merupakan contoh saja, anda bisa mengembangkan effect diatas menurut imajinasi anda


ini kreasi image lainnya..

Terima kasih telah belajar bersama ilmuGrafis, sampai jumpa lagi di Photoshop Effects lainnya
good luck...

Source  : Ilmugrafis.com

Tuesday, May 31, 2011

A Simple Tutorial To Make Any Windows PC Run Faster

If your Pc is operating gradually, the good news is that you'll be able to truly velocity it up relatively effortlessly, in the event you know what to complete. We've been repairing PCs for many decades now, and are lucky enough to possess a truly straightforward strategy to fix any with the possible errors that your personal computer could have within. The problem we've discovered is that a lot of Windows computers will create a sequence of possible problems that may just lead them to run slower - stopping your method from becoming able to correctly procedure all of the settings which it needs to operate & making your personal computer operate much less reliably as a result. Here's how to repair the issues you're seeing:

What Causes Windows To Operate Slower?

There are a number of problems which can often cause Windows to operate gradually, that will include the following issues:

Your programs will not be able to load up correctly
Your program will have some sort of issues with its settings
Your hardware may be exhibiting some sort of problems / problems

How To Make Windows Operate Faster

There is a trick to make your Pc operate faster that a lot of of our fellow repair technicians recommend. This approach involves using a "registry cleaner" program to scan through the registry database of your pc and fixing any of the potential issues / problems that it could have inside. The registry is a central storage facility for all the files & settings that your laptop or computer will be using to help it method the important options that it requires to operate. Despite it becoming a fairly hidden part of your program, it's where the likes of your most recent emails, desktop wallpaper and even your plan files are kept. If your Pc is operating gradually, it suggests that you have some sort of issue with the registry settings of Windows, which can be fixed by using a registry cleaner.

Tutotial Computer - Many laptop or computer repair technicians will agree that keeping the registry of Windows in correct working order is essential to the smooth operation of your program, and this can be done by using a registry cleaner plan to scan through your Pc and resolve any of the mistakes that your registry could have within. It's recommended you download a reliable registry cleaner tool and then let it fix any with the feasible problems that could be causing your Pc to operate slow.

Sunday, May 29, 2011

How Do I Defrag My PC - Easy Tutorial


Tutorial Computer - Ever before wondered why even your most up-to-date pc can grow to be truly slow at occasions? Have it ever before entered your thoughts that when you uninstall plans, empty spaces are left around the challenging disk? These empty spaces are what cause your computer to slow down substantially. Why? Due to the fact once you do set up new programs, your personal computer assigns a memory block to the first available area it sees and scatters the remainder throughout each empty area it sees. Whenever you require to make use of this plan, the computer will go via every little thing to collect the scattered memory blocks and this takes a great deal of time which makes your pc slow.

Defragmenting your tough generate will surely make your pc operate quicker given that it moves all of the related blocks of the particular program shut with each other. On this way, the device does not need to search over the entire drive to collect these related parts with each other to create the system work. Defragmenting the tough drive will definitely make your computer's operation optimal and far more efficient. To ensure which you will get the best from defragmenting your computer's difficult generate, it really is recommended for you to defrag it at the very least twice a month.

A factor to get note of is the fact that defragmenting takes time specially if you have a cluttered hard generate. Thus, you really need to make some time for this since it can get hrs for it to end. It's not advisable, even so, to depart your pc defragmenting overnight. You'll be able to timetable the defragmenting method if you are about to go out from the house for lunch or to show up at a class or perhaps a meeting.

So, how do you start the defragmenting method? Simple, just adhere to these actions and you're on your method to having a quicker computer.

Very first, you have to create sure that you simply are logged in to your computer with the administrator entry, specifically if diverse consumer accounts are existing in the machine. Once you have access, you'll be able to now visit the Disk Defragmenter Tool in Windows discovered in Method Resources. You are able to get entry of the Method Equipment choice by clicking the Begin button, then All Systems, and then Equipment. You'll be able to discover the Method Instruments option in the Equipment menu.

When you might be within the Disk Defragmenter window, you'll see a list of all the drives that you simply can defragment. Now, select the drive that you want to defragment and click the Defragment button. The tool will review your drive initial before in fact defragmenting it. It is possible to check the status from the defragmenting procedure via the position bar at the bottom.

You'll understand that defragmenting method is carried out when there are no more red lines representing fragmented files are left around the drive and all similar files represented by blue lines have been grouped collectively. A pop-up window will also notify you in case the procedure has long been completed. Upon completion, you can now exit the Disk Defragmenter Tool by clicking Exit around the File menu or by basically clicking the X button around the upper correct hand corner.

With these easy actions in defragmenting your hard drive, you can be assured that with normal maintenance, your pc will be operating smoothly and effectively every time.

Saturday, May 14, 2011

Photoshop: Creating Cartoon Effects Photoshop

Turning your photo into a cartoon web face is one of the hottest online trends throughout the social networking world today. Cartoon avatars serve as a unique way of branding your personal identity in a variety of online communities like Facebook, MySpace and many others. There are many different ways of creating a cartoon picture by digitally manipulating a photograph of your face. Methods range from professional graphic image editing techniques using Photoshop or Illustrator to fully automated online website systems.

Tutorial ini dibuat sebagai jawaban pertanyaan Mas Bugishq, yang menanyakan pembuatan kartun pada Photoshop Tutorials.

Pada pembuatan kartun di Photoshop, banyak melibatkan penggunaan palet layer (jadi jangan heran kalau nanti palet layer kita akan terlihat sangat ramai), juga kita akan menelusuri sisi gambar secara manual dengan menggunakan pen tools ini membutuhkan kesabaran - online photoshop.

Palet Layer : Jendela mengambang pada layer, yang berisikan gambar independen yang saling menumpuk satu sama lain.

Step 1 (One)
Buka foto dengan Photoshop
Di sini saya menggunakan poto sahabat saya ’Cristiano Ronaldo”. Atur tingkat terang gambar dengan pilih Image > Ajustments > Brightness/Contrast ... (usahakan gambar jangan terlalu gelap untuk memudahkan melihat perbedaan warna.


Step 2 (Two)
Gandakan layer, caranya tekan ctr + J, untuk membuat backup gambar jika sewaktu-waktu kita memerlukan gambar asli.

Step 3 (Three)
Karena kita akan menggambar secara manual, maka kita harus mengurangi jumlah warna pada foto
caranya pilih menu Image > Ajustments > Posterize ... pilih angka 3 atau 4.

Lalu gandakan lagi gambar yang sudah di posterize tadi (ctr + J), pilih Menu Filter > Blur > Gaussian Blur, tujuannya untuk mempertegas perbatasan antar warna untuk memudahkan menelusurinya
tutorial photoshop effect


Step 4 (Four)
Sekarang kita mulai untuk menelusuri gambar, pilih Pen Tool tampak baris pilihan berubah saat kita memilih Pen tool. Baris Pilihan mengandung setting-setting yang bisa digunakan untuk memodifikasi perilaku tool yang sedang aktif. Pada Baris Pilihan pilih Shape Layer, yang mengijinkan kit membuat path pada sebuah layer baru. Atur warna.

Buatlah shape mengikuti area warna pada gambar, ulangi untuk membuat shape pada area warna yang lain
Hasilnya:



Untuk memudahkan menggambar, kita bisa atur tingkat opacity gambar pada palet layer bahkan bisa diatur pada angka 0. Untuk mengubah warna pada setiap layer shape, lakukan dengan cara melakukan klik 2 kali pada thumbnail layer-nya. Kemudian pilih salah satu warna



Jika ada layer menutupi gambar yang sedang kita buat, kita bisa menyembunyikan layer yang menutupi gambar kita dengan menonaktifkan gambar mata yang terletak disebelahnya

ulangilah lagi membuat bentuk shape pada semua bagian tubuh, hingga keseluruhan foto tertutup oleh bentuk-bentuk shape

Untuk membuat background, kita bisa membuat layer baru dan diletakkan pada posisi bagian bawah, atur warnanya sehingga terlihat menarik

Hasilnya:


Step 5 (Five)
Jika semua gambar akan dijadikan satu, bisa dilakukan dengan memilih menu Layer > Flatten Image
Selamat mencoba, semoga bermanfaat...

Before and After (sebelum dan sesudah)


Good luck ... ^_^

LinkWithin

Related Posts Plugin for WordPress, Blogger...