| Link. | |
| Bold the text within the tag. | |
| The information within this tag is the body of the HTML document. | |
| Line break. | |
| Center the text within the tag. | |
| Specify the font type, size, and color for the text within the tag. | |
| Specifies the properties within each frame. | |
| Signifies that this HTML page is composed of frame(s). | |
| The text within these tags are treated as headers. | |
| The text within this tag specifies the header information for the HTML document. | |
| Italicize the text within the tag. | |
| Specifies the image to be shown on the HTML document. | |
| Itemized list. | |
| Specifies information about this HTML page. This information is not displayed on the browser but may be used by search engines. | |
| Ordered list, usually followed by one or more <li> tags. | |
| New paragraph. | |
| Signifies the presence of an HTML table. | |
| Specifies column properties in a table. | |
| Specifies row properties in a table. | |
| The text within this tag specifies the title of the HTML document. | |
| Underline the text within the tag. | |
| Unordered list, usually followed by one or more <li> tags. |
Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Panduan HTML
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:
Executing this program on a web server enabled with PHP produces the following output:
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.
Read more
Read More...
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
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...
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.
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> |
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 |
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 :
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 :
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:
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:
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:
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 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 sejajarUntuk 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:
Read more
Read More...
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
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:
- bagian satu
- bagian dua
- bagian tiga
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 ditengahAnda dapat menempatkan teks ditengah-tengah tampilan layar agar menarik dengan membuat tag <CENTER> </CENTER>.
seperti ini:
<CENTER> Belajar membuat Home page </CENTER>
akan muncul:
Penempatan Graphic sejajarUntuk 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:
special thanks to www.geocities.com
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>
<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
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
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 :
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 :
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...
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";
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.
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):
Copy paste kode di bawah, dan letakkan di template persis di bawah kode yang diatas.
Jika sudah selesai, perhatikan di bawah kode yang Anda copy paste ada kode seperti di bawah ini :
Selanjutnya, diantara kode
dan kode
Letakan kode ini : (ingat harus diantaranya)
Sehingga hasil akhir kodenya seperti ini :
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 :
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
dan sisanya, letakkan diantara kode
Dan
Read more
Read More...
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
Tips Mengedit HTML
Langkah-langkahnya sebagai berikut:
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...
- 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.
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.
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><









