Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan

Panduan HTML




Tag Name



Usage


<a>
Link.


<b>
Bold the text within the tag.


<body>
The information within this tag is the body of the HTML document.


<br>
Line break.


<center>
Center the text within the tag.


<font>
Specify the font type, size, and color for the text within the tag.


<frame>
Specifies the properties within each frame.


<frameset>
Signifies that this HTML page is composed of frame(s).


<h1>...<h6>
The text within these tags are treated as headers.


<head>
The text within this tag specifies the header information for the HTML document.


<i>
Italicize the text within the tag.


<img>
Specifies the image to be shown on the HTML document.


<li>
Itemized list.


<meta>
Specifies information about this HTML page. This information is not displayed on the browser but may be used by search engines.


<ol>
Ordered list, usually followed by one or more <li> tags.


<p>
New paragraph.


<table>
Signifies the presence of an HTML table.


<td>
Specifies column properties in a table.


<tr>
Specifies row properties in a table.


<title>
The text within this tag specifies the title of the HTML document.


<u>
Underline the text within the tag.


<ul>
Unordered list, usually followed by one or more <li> tags.


Read more Read More...

About PHP

PHP was first created by Rasmus Lerdorf in 1995, and saw its first official release in 1997. Milestone releases included PHP 3 in 1998, PHP 4 in 2000, and PHP 5 in 2004. Today, many large-scale websites run on PHP. The author was first introduced to PHP in 2000, and have found the language to be pretty easy to work with.
PHP is a recursive acronym for Hypertext Preprocessor. It is a server-side scripting language whose main purpose is to generate the HTML code, which can be viewed by the client. As such, the PHP code itself is not visible to the clients (i.e., if you do a "view source" in your web browser, you cannot see the PHP code. You can only see the resulting HTML code). This contrasts with client-side languages such as Javascript, which is visible to the client.


Below is a simple "Welcome to ponsel komputer." program, PHP flavor:


<?php
  print "Welcome to ponsel komputer.";
?>


Executing this program on a web server enabled with PHP produces the following output:


Welcome to ponsel komputer.


PHP programs usually have an extension of .php.
By the end of this tutorial, you should have a good understanding of the basic constructs of PHP, as well as how PHP can interact with MySQL to produce dynamic web pages.

http://www.1keydata.com

Read more Read More...

Blogwalking

Blogwalking, adalah satu dari banyak teknik untuk mendatangkan banyak pengunjung atau kunjungan dari beberapa rekan blog anda bahkan seseorang yang anda kenal. Dengan cara ini anda dapat secara total meningkatkan traffic di alexa dan  banyak angka pengunjung pada halaman anda. Menghasilkan kesan halaman dengan rating tinggi oleh adsense atau yang lain seperti ppc program.

Ini juga merupakan sebuah  undangan untuk bergabung  melalui blog ini agar terhubung jaringan. Semoga dapat membantu bloggers lain maupun anda untuk meningkatkan ranking blog anda.


Read more Read More...

Widget IP Address untuk blog


  
Copy Paste Kode Dibawah ini Pada Script HTML untuk Widget Banner "Button" 125x125 Pixel:

<a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a>



Atau Kode Dibawah ini untuk Widget Banner "Full Banner" 468x60 Pixel:


<a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a>


Spesial Thanks: www.wieistmeineip.de


Read more Read More...

CODE FOR COLOR HTML


#FOF8FF
Aliceblue
#FAEBD7
Antiquewhite
#00FFFF
Aqua
#7FFFD4
Aquamarine
#F0FFFF
Azure
#F5F5DC
Beige
#FFE4C4
Bisque
#000000
Black
#FFEBCD
Blanchedalmond
#0000FF
Blue
#8A2BE2
Blueviolet
#A52A2A
Brown
#DEB887
Burlywood
#5F9EAD
Cadetblue
#7FFF00
Chartreuse
#D2691E
Chocolate
#FF7F50
Coral
#64950
Cornflowerblue
#FFF8DC
Cornsilk
#DC143C
Crimson
#00FFFF
Cyan
#00008B
Darkblue
#008B8B
Darkcyan
#B8860B
Darkgoldenrod
#A9A9A9
Darkgray
#006400
Darkgreen
#8B008B
Darkmagenta
#BDB76B
Darkkhaki
#556B2F
Darkolivegreen
#FF8C00
Darkorange
#9932CC
Darkorchid
#8B0000
Darkred
#E9967A
Darksalmon
#8FBC8B
Darkseagreen
#483D8B
Darkslateblue
#2F4F4F
Darkslategray
#00CED1
Darkturquoise
#9400D3
Darkviolet
#FF1493
Deeppink
#00BFFF
Deepskyblue
#696969
Dimgray
#1E90FF
Dodgerblue
#B22222
Firebrick
#FFFAF0
Floralwhite
#228B22
Forestgreen
#FF00FF
Fuchsia
#DCDCDC
Gainsboro
#F8F8FF
Ghostwhite
#FFD700
Gold
#DAA520
Goldenrod
#808080
Gray
#008000
Green
#ADFF2F
Greenyellow
#F0FFF0
Honeydew
#FF69B4
Hotpink
#CD5C5C
Indianred
#4B0082
Indigo
#FFFFF0
Ivory
#F0E68C
Khaki
#E6E6FA
Lavender
#FFF0F5
Lavenderblush
#7CFC00
Lawngreen
#FFFACD
Lemonchiffon
#ADE8E6
Lightblue
#F08080
Lightcoral
#E0FFFF
Lightcyan
#FAFAD2
Lightgoldenrodyellow
#90EE90
Lightgreen
#D3D3D3
Lightgray
#FFB6C1
Lightpink
#FFA072
Lightsalmon
#20B2AA
Lightseagreen
#87CEFA
Lightskyblue
#778899
Lightslategray
#B0C4DE
Lightsteelblue
#FFFFE0
Lightyellow
#00FF00
Lime
#32CD32
Limegreen
#FAF0E6
Linen
#FF00FF
Magenta
#800000
Maroon
#66CDAA
Mediumaquamarine
#0000CD
Mediumblue
#BA55D3
Mediumorchid
#9370DB
Mediumpurple
#3CB371
Mediumseagreen
#7B68EE
Mediumslateblue
#00FA9A
Mediumspringgreen
#48D1CC
Mediumturquoise
#C71585
Mediumvioletred
#191970
Midnightblue
#F5FFFA
Mintcream
#FFE4E1
Mistyrose
#FFE4E1
Moccasin
#FFDEAD
Navajowhite
#000080
Navy
#FDF5E6
Oldlace
#808000
Olive
#6B8E23
Olivedrab
#FFA500
Orange
#FF100%0
Orangered
#DA70D6
Orchid
#EEE8AA
Palegoldenrod
#98FB98
Palgreen
#AFEEEE
Paleturquoise
#DB7093
Palevioletred
#FFEFD5
Papayawhip
#FFDAB9
Peachpuff
#CD853F
Peru
#FFC0CB
Pink
#DDA0DD
Plum
#B0E0E6
Powderblue
#800080
Purple
#FF0000
Red
#BC8F8F
Rosybrown
#4169E1
Royalblue
#8B4513
Saddlebrown
#FA8072
Salmon
#F4A460
Sandybrown
#2E8B57
Seagreen
#FFF5EE
Seashell
#A0522D
Sienna
#C0C0C0
Silver
#87CEEB
Skyblue
#708090
Slategray
#FFFAFA
Snow
#00FF7F
Springgreen
#4682B4
Steelblue
#D2B48C
Tan
#008080
Teal
#D8BFD8
Thistle
#FF6347
Tomato
#40E0D0
Turquoise
#EE82EE
Violet
#F5DEB3
Wheat
#FFFFFF
White
#F5F5F5
Whitesmoke
#FFFF00
Yellow
#9ACD32
Yellowgreen


Read more Read More...

Tutorial Membuat Home Page

HTML
adalah singkatan dari Hypertext Markup Language. Terdiri dari sepasang kode yang disisipkan dalam suatu dokumen untuk mengontrol tampilan dokumen di layar monitor oleh Web Browser, seperti Netscape atau Mosaic. Apabila kita akan memandang suatu dokumen di Internet kita harus menggunakan Web Browser dan disana ada fasilitas "View source" untuk melihat kode-kode web page ini. Suatu dokumen berisi kode-kode ini disebut HTML.

Suatu dokumen HTML harus mempunyai formulir yang tepat, sehingga dapat dikenal dan di Interpretasikan dengan tepat oleh perangkat lunak dari Browser.

Dasar-dasar dari Form tersebut adalah sbb:
<HTML>
<HEAD>
<TITLE> Ketik_Apa_saja_Judulnya </TITLE>
</HEAD>
<BODY>
Bagian utama dari Isi suatu dokumen atau citra.
</BODY>
</HTML>

Ada dua hal yang anda perhatikan yaitu kode pembuka dan penutup didalam kurung (< >),dan (</ >). Sebagai contoh suatu HTML akan dibuka oleh <HTML> dan ditutup oleh </HTML> dan hal ini adalah keharusan akan tetapi tidak semuanya pakai kode penutup. Editor GeoCities akan membantu pembuatan dasar-dasar struktur dokumen untuk anda.

Warna

Warna, citra sebagai latarbelakang, dan beberapa hal akan dikontrol oleh Tag <BODY>. Jika anda menggunakan Editor GeoCities secara otomatis telah dibuatkan tag <BODY> anda tidak dapat membuat latarbelakang dari citra tapi itu dulu, sekarang GeoCities telah memiliki Editor HTML yang canggih. Anda dapat mengontrol home page yang sedang dibuat termasuk latarbelakang. Informasi dalam page ini akan membantu anda untuk mengembangkan dari pengertian dasar dari HTML.
Untuk mengontrol warna, tag <BODY>ditulis seperti ini: <BODY bgcolor="#xxxxxx" text="#xxxxxx" link="#xxxxxx" vlink="#xxxxxx" alink="#xxxxxx"> Anda dibolehkan menggunakan seluruh item tersebut (bgcolor, text, link, vlink or alink), atau sebagian. Untuk menset latarbelakang, text, link, visited link, atau alink masukkan kode warna untuk xxxxxx seperti contoh diatas dan berikut ini ada beberapa warna yang dapat anda pergunakan :
  • Putih = FFFFFF
  • Kuning = FFFF66
  • Merah = FF0000
  • Abu-abu = CC9999
  • Biru = 0000FF
  • Hujau = 00FF00
  • Hitam = 000000
  • Terong = CC33FF
  • Biru muda = 00CCFF
Nilai tersebut diatas adalah nilai Hexadecimal, kombinasi warna dari Merah/Hijau/Biru yang menghasilkan warna baru. Penjelasan yang lebih lengkap dari nilai hexadecimal dapat anda lihat di home page ini atau di web lain. Coba converter warna hexadecimal ini dengan menggunakan kombinasi yang proporsional setiap warna dapat diarsipkan. Jika anda menginginkan seperti warna yang anda lihat di home page lain, anda dapat menggunakan "View Source" di browser yang sedang anda gunakan untuk melihat kode dari warna tersebut.
CATATAN: Mulailah dengan menambah tag <BODY BGCOLOR="#ffffaa"> sebagai percobaan pertama dalam hal ini akan anda dapatkan kombinasi warna seperti home page ini. Sekali anda berhasil, tinggal membuat percobaan selanjutnya yang lebih mantap.

Contoh sederhana pemakaian warna utk background :
  • <body bgcolor="#99CC32" link="#0000FF" vlink="#663399"> (Hijau muda)
  • <body bgcolor="#FFFFCC" link="#0000FF" vlink="#663399"> (Kuning muda)
  • <body bgcolor="#CC99CC" link="#0000FF" vlink="#663399"> (Coklat muda)
  • <body bgcolor="663399" text="FFFFFF" link="00CC00" vlink="000000"> (Violet tua)

Garis Horizontal
Anda dapat menyisipkan sebuah garis horizontal (Horizontal Rule) dalam suatu dokumen dengan menyisipkan sebuah tag <HR>. Sebagai defaultnya adalah garis biasa dengan ukuran dan ketebalan yang standard seperti ini:


Mengenai tag ini dikenal dengan Browser modern, dapat dibuat beberapa macam dari tampilan garis dengan menambah LINE=NUMBER, ketebalan dari suatu garis dapat ditentukan. Letak dari suatu garis juga dapat diatur sesuai dengan kebutuhan dengan menambahkan ALIGN=LEFT/RIGHT/CENTER. Ketebalan garis juga dapat ditentukan dengan menambahkan WIDTH=PERCENT.
Kombinasi dari penjelasan diatas dapat kita buat seperti ini <HR ALIGN=CENTER WIDTH=50% SIZE=10 NOSHADE> akan dibuatkan (tampilkan) suatu garis tebal yang hitam dan ditempatkan ditengah-tengah.



Catatan: Dalam pembuatan garis yang cantik seperti pelangi dll. tidak dibuat pakai tag <HR> melainkan sebuah citra.


Bullet lists Anda dapat membuat bullet dengan menggunakan tag <UL> (unordered list).
Formatnya sbb:

<UL>
<LI> item satu
<LI> item dua
<LI> item tiga
</UL>
Tampilannya seperti ini:
  • item satu
  • item dua
  • item tiga

Numbered lists
Juga dapat dibuat list dengan nomor urut dengan menggunakan tag <OL> (ordered list). Tampilannya seperti ini:
<OL>
<LI> bagian satu
<LI> bagian dua
<LI> bagian tiga
</OL>
Tampilannya seperti ini:
  1. bagian satu
  2. bagian dua
  3. bagian tiga
Membuat Definisi list
Cara termudah menerangkan definisi list adalah seperti contoh dibawah ini:

<dl> <dt>Jeruk <dd>Sebuah jeruk adalah hampir sama ukurannya dengan sebuah apel, yang masih satu keluarga dengan buah citrun. Di Indonesia buah jeruk hampir tumbuh disemua tempat.
<dt>Mangga <dd>Mangga juga dapat dijumpai diseluruh Indonesia, hanya saja daerah tertentu menghasilkan buah mangga yang spesialis seperti Arumanis, Manalagi dll.
</dl>
Sama halnya dengan tag dibawah ini:
Jeruk
Sebuah jeruk adalah hampir sama ukurannya dengan sebuah apel, yang masih satu keluarga dengan buah citrun. Di Indonesia buah jeruk hampir tumbuh disemua tempat.
Mangga
Mangga juga dapat dijumpai diseluruh Indonesia, hanya saja daerah tertentu menghasilkan buah mangga yang spesialis seperti Arumanis, Manalagi dll.

Judul/Headers

Browser pada web mengenal 6 level dari Header/Judul.
<H1>Judul level satu </H1>
<H2>Judul level dua </H2>
<H3>Judul level tiga </H3>
<H4>Judul level empat </H4>
<H5>Judul level lima </H5>
<H6>Judul level enam </H6>
akan terlihat seperti ini:

Judul level satu

Judul level dua

Judul level tiga

Judul level empat

Judul level lima
Judul level enam
Penempatan Teks ditengah
Anda dapat menempatkan teks ditengah-tengah tampilan layar agar menarik dengan membuat tag <CENTER> </CENTER>.
seperti ini:
<CENTER> Belajar membuat Home page </CENTER>
akan muncul:



Belajar membuat Home page
Jika lebih dari satu baris yang akan dibuat ketengah maka semuanya akan ikut terpusat ketengah dengan tag <CENTER>.


Penempatan Graphic sejajar
Untuk membuat graphic sejajar di kiri, tengah dan kanan perlu dibuatkan tag khusus.
<A HREF=xxx.html><IMG SRC=xxx.gif" ALT="xxxxx" ALIGN=left width=?? height=??></a>
xxx=nama file
xxxx=tulisan yg ada di graphic tsb.
Selanjutnya ALIGN=center dan ALIGN=right

Huruf Tebal dan Miring
Teks dan tulisan dapat kita buat tebal atau miring agar tampilannya lebih indah dan bervariasi dengan menggunakan tag seperti berikut ini:

<B>Teks tebal </B>
akan muncul seperti ini:
Teks tebal
<I>Teks miring </I>
akan muncul seperti ini:
Teks miring
<B> <I>Teks tebal dan Miring </I> </B>
akan terlihat seperti ini:
Teks tebal dan Miring

Paragraf dan mengakhiri satu baris
Browser web tidak mengenal dan mengindahkan enter untuk mengakhiri suatu baris seperti software pengolah kata kecuali dengan memberi instruksi khusus, barulah teks yang dimaksudkan bisa pas panjangnya di Browser yang anda gunakan. Dengan menyisipkan suatu tag <BR> akan mengakhiri suatu baris dan baris baru akan tercipta dibawahnya.
Untuk membatasi suatu paragraf cukup dengan menyisipkan tag
dan tidak perlu tag penutup
ini adalah pengecualian.

Membuat Kelap-kelip (blink)
Untuk membuat teks atau graphik kelap-kelip cukup dengan menambahkan tag <BLINK></BLINK>. Kodenya <BLINK> www.ponselkom.blogspot.com</BLINK> akan terlihat seperti ini:



www.ponselkom.blogspot.com
  


special thanks to www.geocities.com

Read more Read More...

Cara Menambah Widget 3 Kolom Footer

  • Masuk ke Menu Layout/Tata Letak
  • Masuk ke mode Edit HTML dan jangan lupa untuk mencentang Expand Widget 
  • Template Back up Terlebih dahulu template anda untuk mengantisipasi terjadinya ERROR.Cari kode seperti dibawah ini, tekan CTRL+F untuk mempercepat pencarian:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
  • Ganti kode yang berada pada baris kedua diatas, yakni <b:section class='footer' id='footer'/> dengan kode dibawah ini:
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

  • Perhatikan kode yang berwarna merah width: 30% width:40% width: 30%, itu kalo di total berarti akan 100%, yakni lebar template sebelum dibagi-bagi. Jadi dengan kode tersebut, kita akan membagi 3 kolom tersebut dengan lebar kolom pertama 30%, lebar kolom kedua 40% dan lebar kolom ketiga 30%.
  • Cari kode </b:skin> 
  • Letakkan kode dibawah ini diatas kode </b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}


  • Simpan template dan liat hasilnya pada bagian Page Elemen. Sekarang template anda mempunyai 3 kolom footer tambahan.
Selamat mencoba

Read more Read More...

Cara Menampilkan judul posting tanpa isi (halaman) posting

Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :) -> kemudian beri tanda cek pada 'Expand Widget Templates'


Perhatikan kode dibawah ini:

 <!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>


Cari kode warna merah diatas, ganti kode warna merah diatas dengan kode dibawah ini :


 <b:if cond='data:blog.homepageUrl !=
                data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
         <a expr:href='data:post.url'>
         <data:post.title/></a><br/><br/>
     <b:else/>
         <b:include data='post' name='post'/>
     </b:if>
 <b:else/>
     <b:include data='post' name='post'/>
 </b:if>

Simpan dan lihat hasilnya.

selamat mencoba


Read more Read More...

Tips Menampilkan Adsense di Dalam Posting (Setelah Readmore diklik)

1. Login ke blogger kemudian pilih "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand widget template"
3. Cari Kode berikut :

<data:post.body/></p>

4. Hati-hati, di dalam kode HTML yang sudah dipasang "Readmore" biasanya ada 2 kode seperti itu. pilih kode yg pertama.
5. Setelah itu letakan kode Google adsense dibawah kode tersebut. Sebelumnya perhatikan berikut ini:

kode adsense biasanya seperti ini :

<center><script type="text/javascript"><!--
google_ad_client = "pub-5569888573993887";
/* 468x60, created 4/9/08 */
google_ad_slot = "0716000951";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></center>

perhatikan kode yang berwarna hijau ( <!-- dan //-->). Hapus kedua kode tersebut. Kemudian copy kode adsense dan letakkan dibawah kode <data:post.body/></p>
Lalu simpan Template.

Read more Read More...

Tips menampilkan "Read More" pada posting

Login di blogger dengan akun Google Anda

Backup template Anda untuk menghindari hal2 yang tidak diinginkan.

pada jendela dashboard silahkan klik Menu Layout lalu pilih edit HTML.

Pada jendela edit HTML, sebelum mengedit template, beri tanda checklist di samping Expand Template Widget.

Lihat template Anda dan cari kode seperti ini (untuk memudahkan gunakan ctrl-f):

    <div class='post-header-line-1'/>
    <div class='post-body entry-content'>

Copy paste kode di bawah, dan letakkan di template  persis di bawah kode yang diatas.

    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>

 Jika  sudah selesai, perhatikan di bawah kode yang Anda copy paste ada kode seperti di bawah ini :

        <p><data:post.body/></p>
        <div style="'clear:"> <!– clear for photos floats –>
        </div>

 Selanjutnya, diantara kode

        <p><data:post.body/></p>

 dan kode

        <div style="'clear:"> <!– clear for photos floats –>
        </div>

Letakan kode ini : (ingat harus diantaranya)

            <a expr:href='data:post.url'>Read More.. </a>
            </b:if>

Sehingga hasil akhir kodenya seperti ini :

        <div class='post-header-line-1'/>
        <div class='post-body entry-content'>
        <b:if cond='data:blog.pageType == "item"'>
        <style>.fullpost{display:inline;}</style>
        <p><data:post.body/></p>
        <b:else/>
        <style>.fullpost{display:none;}</style>
        <p><data:post.body/></p>
        <a expr:href='data:post.url'>Read More.. </a>
        </b:if>
        <div style="'clear:"> <!– clear for photos floats –>
        </div>

Tahap berikutnya:

Setelah edit HTML (jangan lupa di save), Silahkan Anda masuk ke menu Setting lalu pilih Formatting. Setelah itu Anda turun ke bawah dan cari Template Posting. Isi kotak kosong yang ada di sampingnya dengan kode dibawah ini :

        <span class="fullpost">
        </span>

Klik save..

Cara Posting

Ketika mulai posting, anda akan melihat kode seperti di atas di bagian Edit HTML. Nah supaya postingan kita Dapat teringkas, maka ketika memposting letakkan bagian posting yang akan ditampilkan di atas kode

        <span class="fullpost">

dan sisanya, letakkan diantara kode

        <span class="fullpost">

Dan

        </span>


Selamat mencoba

Read more Read More...

Tips Mengedit HTML

Langkah-langkahnya sebagai berikut:
  • Buka aplikasi Notepad dengan cara mengklik menu Start Windows, pilih All Program, pilih Accessories, lalu klik Notepad.
  • Masuklah ke halaman Posting atau halaman Layout dimana berkas HTML kamu berada.
  • Blok semua berkas tersebut dengan cara menekan tombol Control A, lalu kopi dengan cara menekan tombol Control C.
  • Tempelkan (paste) berkas HTML tersebut di halaman aplikasi Notepad dengan cara menekan tombol Control V.
  • Sekarang anda tinggal melakukan editing dengan leluasa.
Jika ada kata/kalimat yang ingin dicari dari berkas tersebut, anda tinggal menekan tombol Control F. Dan jika inggin mengganti kata/kalimat, anda tinggal menekan Control H.

Selain dengan menggunakan Notepade, anda juga bisa menggunakan aplikasi MsWord. Hanya saja pada MsWord ini tanda petik pada setiap kode script sering tidak bisa dibaca, jadi anda harus mengedit ulang pada halaman Posting atau halaman Layout.
Jika anda menggunakan aplikasi ini sebaiknya pada waktu menyimpan file, anda gunakan format XML Documents.

Setelah selesai melakukan editing pada Notepad atau MsWord, kopikan lagi hasil editing kedalam halaman Posting atau halaman Layout tadi.

Read more Read More...

Cara Menghilangkan garis tepi Kumpulblogger

Cara menghilangkan kotak (garis tepi) pada iklan kumpul blogger Caranya sebagai berikut:

1. Login ke account blogger
2. Klik Tata Letak/Layout dan pilih edit HTML
3. cari kode <b:skin><![CDATA[
4. Letakan script dibawah ini disamping kode <b:skin><![CDATA[


.garping,.garpinghor {
border: none !important;
}
.garping table,.garpinghor table {
border:#FFFFFF solid 1px !important;
background-color:#FFFFFF !important;
}
.garping td,.garpinghor td{
color:#000000 !important;
background-color:#FFFFFF !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a,.garpinghor a{
color:#009900; !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a:hover,.garpinghor a:hover{
color:#009900 !important;
}

5. Jadi seperti ini


<b:skin><![CDATA[.garping,.garpinghor {
border: none !important;
}
.garping table,.garpinghor table {
border:#FFFFFF solid 1px !important;
background-color:#FFFFFF !important;
}
.garping td,.garpinghor td{
color:#000000 !important;
background-color:#FFFFFF !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a,.garpinghor a{
color:#009900; !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a:hover,.garpinghor a:hover{
color:#009900 !important;
}


Read more Read More...

Mendisable klik-kanan pada blog

Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pastikan script ini ditaruh di sidebar bagian paling atas supaya disablenya jalan diluan
5. Klik pilihan menu HTML/JavaScript
6. Jangan diisi judul. Copy Paste script di bawah ini ke dalam kolom konten tersebut


** sebelum copy hilangkan tanda == pada script
<==script>
var message="Maaf, Klik Kanan Saat Ini Saya Disable";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false") <==/script>

7. Silahkan ganti script yang berwarna Kuning dengan kata-kata yang bagus menurut anda
8. Klik Simpan.
Cara mendisable Klik Kanan pada Blog Adalah sebagai berikut:

1.
Read more Read More...

Article on same category :