AFEEF THE BLOGGER ™: SCRIPT

Tampilkan postingan dengan label SCRIPT. Tampilkan semua postingan

Minggu, 26 Juni 2011

Anti klik kanan .......

Hallo selamat siang, kali ii saya muncul dengan ide baru, yang sebelumnya terpikirkan saat blogwalking, tips ini fungsinya untuk menjegah copy paste atau bahasa mediknya pertolongan pertama terhadap pembajakan artikel hehe.. hal ini pun dapat memproteksi aslian ataupun rahasia - rahasia dari blog yang kita miliki, tapi bukan berarti tidak bisa di bajak, nama juga pertolongan pertama.. zzzz Baiklah bagi Anda yang menginginkan perintah klik kanan pada blog di nonaktifkan, ikutulah langkah-langkah dibawah ini :

Baca selengkapnya »

Senin, 07 Februari 2011

Kode Dasar HTML part 3 "Link"

HTML Link: Same Window

<a href="http://www.quackit.com/html/codes">Get your HTML codes here!</a>

This code results in:

Get your HTML codes here!

HTML Link: New Window

<p>Here's  a <a href="http://www.quackit.com/html/tags"  target="_blank">complete list of HTML Tags</a>.</p>

This code results in:

Here's a complete list of HTML Tags.

HTML Link: Email Link

<a href="mailto:homer@example.com">Send an email to Homer now!</a>

This code results in:

Send an email to Homer now!

HTML Link: Named Anchors

Named anchors allow you to "jump" to a given point on a page. This requires two pieces of code: one to create the named anchor, and one to link to the named anchor.
To create a named anchor:

<h2>Link Targets<a name="link_targets"></a></h2>

To link to a named anchor:

<a href="http://www.quackit.com/html/tutorial/html_links.cfm#link_targets" target="_blank">Link Targets</a>

Kode Dasar HTML part 2

Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disini
Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halaman HTML dengan software instant seperti Dreamweaver dll.

Membuat Center,gunakan kode : <p align="center">Belajar</p> hasilnya seperti:

Belajar

Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :

Belajar

Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :

Belajar

Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar

Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar

Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar

Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar

Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :
Belajar

Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :
Belajar
Namanya juga hidden..ya..ga keliatan..

Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
Belajar

Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
Belajar

Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya seperti ini:
4₂

Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p> hasilnya seperti ini:
4²

Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf

Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
~~Belajar~~

Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar

Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar

Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar

Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

DOT 1
DOT 2
DOT 3

Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

DOT 1
DOT 2
DOT 3

Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

DOT 1
DOT 2
DOT 3

Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:

DOT 1

DOT 2

DOT 3

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:

Belajar

Membuat tabel border solid gunakan kode:

hasilnya seperti :

Text

Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:

Text

Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :

Text

Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:

Text

Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.

sumber : pelajaran-blog.blogspot.com

Jumat, 21 Januari 2011

Template untuk blog

Berikut merupakan Daftar situs Template Blog yang saya dapatkan dan Kumpulkan dari Hasil Pencarian di Google.Jika anda berminat Untuk Mendownload Template Gratis Silahkan Kunjungi Langsung Situs Resminya dan Pilih mana Template Yang Anda Sukai.
Free Blogger Templates (Blogspot)
1.www.btemplates.com
2.www.bloggerbuster.com
3.http://blogtemplate4u.com/
4.www.freeblogger-templates.blogspot.com
5.www.blogger-templates.blogspot.com
6.www.finalsense.com
7.www.ourblogtemplates.com
8.www.bloggerstyles.com
9.www.eblogtemplates.com
10.www.blogspottemplate.com

Free WordPress Templates
1. www.prowordpressthemes.com
2. www.wordpresstemplates.com
3. wordpresstemplates.name
4. www.skinpress.com
5. www.wordpress.org
6. www.topwpthemes.com
7. www.blogohblog.com
8. www.templatesbrowser.com
9. www.wpskins.org
10. www.freewordpresstheme.info

Premium WordPress Templates
1. www.wordpressthemesmarket.com
2. www.wpcandy.com
3. www.web20-templates.com
5. www.wpremix.com
6. www.ithemes.com
7. www.wp-magazine.com
8. www.studiopress.com
9. www.wp-vybe.com
10. www.premiumwp.com

Bonus Daftar Template Blog..^_^
1. http://www.eblogtemplates.com/
2. http://www.jackbook.com/
3. http://www.indosmart.blogspot.com/search/label/template
4. http://www.magznetwork.com/
5. http://www.freetemplate.widarto.net
6. www.simplebits.com

Semoga Bermanfaat Buat Semuanya..^_^.Mungkin Jika Sobat Memiliki Sumber Link Download Template Gratis Bisa di Share di Sini.

Rabu, 22 Desember 2010

KUMPULAN CODE HTML DASAR

bikin gambar

<img src="url gambar"></a>

bikin link gambar

<a href="url site"><img src="url gambar"></a>

bikin link nama/text nama

<a href="http://URL">nama</a>

teks tebal

<b>teks kamu</b>

teks besar

<big>teks kamu</big>

textgaris bawah

<u>teks kamu</u>

text~~garis tengah~~

<s>teks kamu</s>

textmiring

<i>teks kamu</i>

text/post di tengah

<p align=center>teks kamu</p>

text/post di kiri

<p align="left">teks kamu</p>

text/post di kanan

<p align="right">teks kamu</p>

textwarna

<font color="warna">teks kamu</font>

penggunaan font

<font face="Georgia">teks kamu</font>

membuat garis

<hr></hr>

membuat garis warna

<hr color=warna></hr>

mansuka buat table 1

<table border='5'><tr><td>TEKS K0MENT KAMU</tr></td></table>

=>>

TEKS K0MENT KAMU

buat table 2

<table border="6" class="success"><tr><td align="center">TEKS COMENT KAMU</td></tr></table>

TEKS COMENT KAMU

buat table 3

<div style="text-align:center;"><table style="background-color:#FF0000;border:8px #00FF00 dotted;"><tr><th><table border="4" style="background-color:#FFFFFF;"><tr><td><b class="err">TEKS COMEN KAMU</b></td></tr></table></th></tr></table></div>

TEKS COMEN KAMU

buat table sederhana

<div style="text-align:center;><table width="100%"border="3"><tr><td width="100%"bg color="#BBBBBB"a lign="center">tulisan</a></div>

hasilnya

tulisan

buat table sederhana dgn latar gambar

<div style="text-align:center;
background-image:url(URL GAMBAR);
border:black 3px double;
padding:2px;margin:2px;color;green">tulisan kita</div>

hasilnya =>

tulisan kita

buat table dgn div style

<div style="background-color:black;
border-style:ridge;border-width:2px;border-color:red;margin:2px">
<div style='background-color:black;
border-style:ridge;border-width:2px;border-color:silver;margin:2px;
padding:2px'>
<tr>
<td align='center' bgcolor='black'>
tulisan kamu
<img src="http://URL PHOTO KAMU"><br><b>
</b></td></tr>

hasilnya =>

tulisan kamu

buat table sederhana dgn latar gambar2

div style="text-align:center;background-image:url(http://www.babadbali.com/image/aksarabali/logoaksara.jpg);border:black 3px double;padding:2px;margin:2px;color;green"></div>

hasilnya =>

tulisan kita

BERSAMBUNG. . .