Tulisan Punch Hole

1.Klik menu file pilih new , masukan  Width 600 pixels dan Height  250 pixel dan resolution kepada 150 

2.Gunakan horizontal  type tool ( T) dan taipkan perkataan TEKNIK  dan tekan butang enter.

3. Warnakan teks dengan warna merah muda (pada color palette set kan RGB kepada 255,260,260)
  

4. Tekan butang Ctrl dan Double klik pada layer teks untuk membuat selection dan gunakan brush atau paint bucket tool untuk masukkan warnanya.

5. klik kanan pada layer background pada palet,klik kanan pilih merge visible (Ctrl+shift+E)

6. kemudian pilih menu filter,blur->gaussian blur-> setkan radius kepada 5.0 pixels

7. Pilih menu image>adjusment>level.Taipkan input level 245 pada ruangan sebelah kanan dan klik ok

8. Kemudian pilih menu filter>pixelate>color halftone,setkan max radius kepada 5 dan semua channel kecuali channel 1 kepada 0.

9.Memasukkan background hitam-gunakan magic wand tool(W) dan klik pada background putih untuk pilih background sahaja,

10.kemudian klik pada ikon add new layer (Ctrl+shift+N) untuk masukkan layer baru

11.Ubah foreground color kepada hitam dan tekan butang Alt+Del utk masukkan backround hitam.kemudian Ctrl+D untuk deselect.

12.Meletak warna merah pada background hitam-gunakan rectangular marquee tool untuk membuat
ruangan empat segi.

13.kemudian pilih menu select>inverse.tekan butang delete untuk membuang bahagian luar background
 tadi.

14.Setkan foreground color kepada merah,Klik pada background layer pada palet dan tekan butang
Alt+del,kemudian tekan butang  CTRL+D (utk deselect selection tadi).

 

15. Mengubah background hitam kepada kelabu—klik pada layer 1,kemudian pilih menu image--->adjustment--->hue and saturation---->setkan lightness kepada + 50

16.Pilih Menu  layer-->layer style---> Bevel and emboss dan setkan seperti pada imej dibawah atau mengikut yang diingini.

cara tukar mouse pointer cursor pada blog

Bagaimanakah cara hendak menukar pointer cursor pada blog ?.Tutorial kali ini akan menunjukkan cara bagaimana hendak menukar pointer cursor kepada pelbagai bentuk pointer cursor yang boleh didapati di.zingerbug.com,cursors-4u.com dan banyak lagi laman web yang menyediakan pointer cursor .

Langkah membuatnya:

1.Masuk  cursors-4u.com/cursors/

2.Klik pada categories-disini saya pilih cursor/ pointers

3.Disebelah kanan terpapar berbagai pointer—pilih pointer yang dikehendakki

4.Kemudian  muncul paparan kursor dan dibawah nya adalah kod untuk kursor

  contohnya seperti  dibawah ini:

ambil kod url cursors warna hijau diatas letak url diatas pada kod oren dibawah ini:

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/user/use-1/use66.cur), progress;}</style>

(untuk cursor yang lain cuma ambil url dan letak pada teks warna oren) 


Salin kod tersebut dan letakkan tepat diatas kod </head>

Untuk dashboard lama:
Masuk ke design--edit HTML

Untuk dashboard baru:

Pilih template..>>edit html...>>proceed
cari kod </head>
dan letakkan kod tadi diatasnya:

pilih kursor tanpa animasi (.cur)bahagian hujung link berakhir dengan .cur yg saya boldkan.jika guna cursor animasi bersama kod diatas ia tidak berfungsi.

Kemudian save template ..Selamat mencuba

Cara buat widget muncul hanya pada halaman tertentu

Cara ini adalah bagi membolehkan widget hanya muncul pada halaman depan dan bila diklik pada tajuk posting atau read more untuk membaca artikel satu paparan lain akan muncul dan disini widget tersebut disembunyikan.Mungkin ada diantara widget yang dirasakan tidak perlu muncul ketika posting dibaca ,cuma melambat kan proses loading.Sebagai contoh cuba perhatikan widget Friend Banners pada sidebar yang saya sembunyikan bila read more diklik untuk membaca entri seterusnya.

Bagi membuat nya kita perlu pastikan widget mana yang hendak akan ditampilkan hanya pada bahagian hadapan:

Misalnya saya hendak sembunyikan widget Shoutbox pada blog ini:

Seperti biasa pada design--pilih edit HTML--tandakan pada expand template widget
Gunakan Crtl +F  taipkan pada find (widget id atau title tulisan warna oren ) untuk memudahkan pencarian dan  kodnya adalah seperti dibawah ini pada template:

</b:widget>
</b:section-contents><b:section-contents id='sidebar-right-2-2'>
<b:widget id='HTML1' locked='false' title='Friend Banners' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

* cuma tambah kod yang berwarna merah sahaja
Jika widget tidak dinamakan kita cuma perlu buka widget tersebut dan dapatkan  id nya:
Lihat bulatan pada imej

Jika hendak memaparkan widget hanya pada halaman posting gantikan dengan kod ini:

<b:if cond="data:blog.pageType == &quot;item&quot;">

Widget kod disini

</b:if>

Cara membuat butang buka dan tutup widget pada blog

Tips buat kali ini adalah cara bagaimana menyembunyikan widget pada side bar. Maksud saya disini ialah widget ini boleh dibuka dan ditutup dengan hanya klik pada butang tajuk widget pada sidebar dan boleh juga pada footer.Kebaikan dengan menggunakan cara ini sidebar nampak lebih tersusun rapi dan juga loading pun lebih laju kerana disembunyikan terutama widget yang mengandungi imej.

Kalau ingin membuatnya ikuti langkah seterusnya:
Sebelum membuatnya adalah disarankan backup template terlebih dahulu supaya dapat mengembalikan semula kepada yang asal jika ada kesalahan.
Pada Design--pilih edit HTML--dan tandakan pada Expand Template Widget

Kemudian cari widget yang hendak disembunyikan:
(boleh juga rujuk artikel sebelum ini)
-Untuk contoh ini, saya pilih widget Pelawat untuk disembunyikan
Cara lebih mudah gunakan Crtl +F untuk mencarinya,taipkan

title='Pelawat'

Kemudian enter.

Kemudian muncul kod seperti dibawah:

<b:widget id='HTML12' locked='false' title='Pelawat' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Gantikan kod ini :

<h2 class='title'><data:title/></h2> (warna merah)

Dengan kod dibawah :

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:right;margin-right:0px;font-weight:bold; color:#FFFFFF;">[Open -+]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>

Tulisan berwarna merah boleh diganti mengikut kesesuaian.Kod color untuk font juga boleh ditukar mengikut keperluan.Pada kod ini adalah berwarna puteh:

Seterusnya salin kod ini :

<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>

dan letakkan sebelum kod :

</b:includable>

Kemudian preview terlebih dahulu dan seterusnya save template.

Cara buat Dropdown Menu

Ada berbagai cara yang dilakukan bagi menjimatkan ruangan pada blog.Seperti entri saya sebelum ini ada memuatkan tentang cara membuat tab view menu.Salah satu cara lagi adalah dengan membuat menu secara dropdown. Cara membuat nya amat mudah,berikut adalah cara membuatnya.

1. Masuk  ke blogger dan pilih design
2. Pada Page Element--pilih Add a Gadget--HTML/JavaScript

3.seterusnya masukkan kod berikut:

<form name="ddmenu">
<select name="menu"
onChange="document.location.href=this.options[this.selectedIndex].value;">

<option value="0" selected>Tutorial Blog</option>
<option value="http://alamat_link artikel 1 anda">Tajuk Artikel1</option>
<option value="http://alamat_link artikel 2 anda">Tajuk Artikel 2</option>

</select>
</form>
<br>

Tulisan berwarna oren adalah bahagian yang boleh ditambah bagi link artikel yang hendak dimasukkan pada senarai dropdown menu.
Tulisan berwarna hijau adalah teks yang akan dipaparkan bila menu tidak di klik

Selamat mencuba

Tulisan salji

 

1.Buat satu dokumen baru 400x300 pixel

2.Gunakan type tool(tekan butang T) dan taipkan perkataan yg dikehendakki

3.klik menu Filter-->Noise-->add Noise dan laraskan amount kepada 135%

4.Klik kanan pada layer teks dan pilih merge down (Ctrl+E) untuk gabung background dan layer teks
5.Pada  menu  filter pilih -->pixelate-->crystallize-->cell size=3
6.Pilih filter-->stylize-->find edges
7.Pilih filter>blur>Gaussian blur,radius=1 pixels

8.Terbalikkan tulisan-->image-->rotate canvas  90 ⁰ CW
9.Tekan butang  Ctrl +I untuk invert image

10.Kemudian klik menu filter --->>stylize--->>wind  dengan tetapan berikut
>method=wind,direction=from the right

11.Tegakkan semula teks--> pilih menu-->image-->rotate canvas-90 ⁰ CCW
12.Klik menu image-->>adjustments-->>Hue and Saturation dan ubah warna mengikut imej dibawah,jangan lupa tandakan pada colorize

Hasilnya