Pharse HTML 3

Masukan kodenya disini:
Hasil:

Internet Download Manager 6.15 Build 7 Final

Hai sobat share-tuts :) . Cuman mau beritahu sobat aja nih kalau Internet Download Manager atau yang sering disebut IDM telah Release Update terbarunya lo yaitu Internet Download Manager 6.15 Build 7 Final.

What's new in version 6.15 Build 7?
(Released: Mar 22, 2013)

Added a workaround for youtube changes
Added the feature to stop and save live stream broadcasts
Fixed bugs

Internet Download Manager 6.15 Build 7 Final
Patch

Tools Convertion

Share-Tuts sekarang akan berbagi sebuah tool yang mungkin sedikit membantu sobat semua dalam meng-konversi baik itu javascript, binary, dll. Tools ini sangat mudah dipahami dan sangat mudah digunakannya. Untuk "SS" bisa sobat liat dibawah ini.

Sobat sudah tidak sabar untuk mengunjungi halaman ini yah, oke cekidot silahkan sobat Klik Disini

√ Read More → Tools Convertion

Color Code HTML 2

√ Read More → Color Code HTML 2

Daftar Isi 12

Urutkan daftar berdasarkan:

Filter daftar berdasarkan kategori:

Cari dengan kata kunci:

√ Read More → Daftar Isi 12

Kalender 2013

Share-Tuts | Share Segala Hal yang Diketahui

Hai sobat Share-Tuts sebentar lagi kan udah mau ganti tahun jadi tahun 2013 dan meninggalkan tahun sekarang yaitu 2012 jadi Share-Tuts berhubung ada waktu ingin memberikan kepada sobat semua kalendar 2013 berupa gambar. bagi ada sobat yang mau download gambarnya silahkan klik link dibawah ini.

Kalendar 2013

Silahkan menikmati kalendarnya sobat :D.

Source : blounix.blogspot.com

√ Read More → Kalender 2013

Pharse HTML V 2

Konversi & menjadi &
Konversi ' menjadi '
Konversi " menjadi "
Konversi < menjadi <
Konversi > menjadi >

√ Read More → Pharse HTML V 2

Download 4Shared Tanpa Harus Login

Halo Sobat Share-Tuts. Kali ini Share-Tuts coba membantu sobat yang ingin mendownload diserver 4shared tanpa harus login dan menunggu lagi. Caranya sangat mudah.

Sobat hanya perlu memasukkan link dari 4Shared ke bawah sini lalu tekan Generate. Sebagai contoh disini kita ingin mendownload sebuah lagu contoh linknya http://www.4shared.com/mp3/HNxDATGq/pertama_dan_selamanya-yona_ban.htm nah link itu sobat masukkan kebawah sini lalu sobat tekan Generate udah selesai nanti sobat akan diarahkan untuk langsung mendownload yg sobat mau.

Kalau berguna mohon like atau komentarnya ya sob :D

Kumpulan Tools Untuk Blog

Halo sobat Share-Tuts kali ini Share-Tuts akan membagikan beberapa Kumpulan Tools Untuk Blog yang telah Share-Tuts buat sendiri dari hasil browsing kesana kemari mencari script dan tools - tools yang mungkin bisa dibilang berguna untuk sobat blogger semua Kumpulan Tools tersebut diantaranya.

Nah baru cuman segitu aja tools yang udah Share-Tuts buat nanti kalau ada update terbaru pasti Share-Tuts posting lagi. Selamat menggunakan tools berikut sobat.

√ Read More → Kumpulan Tools Untuk Blog

Panduan Lengkap Belajar HTML

Panduan dasar belajar HTML ini saya dedikasikan bagi mereka yang ingin mengenal bahasa html, baik itu mereka para pelajar dan mahasiswa, dosen, dan umum. semoga bermanfaat..

ELEMEN DASAR

Jenis Dokumen `<HTML></HTML>` (terdapat pada awal dan akhir dari file HTML)

Judul `<TITLE></TITLE>` (harus selalu terdapat pada mukadimah)

Mukadimah (Header) `<HEAD></HEAD>` (keterangan umum, seperti judul dsb.)

Batang Tubuh `<BODY></BODY>` (isi dari halaman HTML)


Jenis Dokumen	`<HTML></HTML>`	(terdapat pada awal dan akhir dari file HTML)
Judul	`<TITLE></TITLE>`	(harus selalu terdapat pada mukadimah)
Mukadimah (Header)	`<HEAD></HEAD>`	(keterangan umum, seperti judul dsb.)
Batang Tubuh	`<BODY></BODY>`	(isi dari halaman HTML)


Kepala	`<H?></H?>`	(Heading - spesifikasi untuk menetapkan 6 tingkatan kepala)
Penataan (Align) Kepala	`<H? ALIGN=LEFT\|CENTER\|RIGHT></H?>` *[]**
Bagian (Division)	`<DIV></DIV>`
Penataan Bagian	`<DIV ALIGN=LEFT\|RIGHT\|CENTER></DIV>`
Kutipan Blok (Block Quote)	`<BLOCKQUOTE></BLOCKQUOTE>` *[]**	(tampilan dengan jeda terhadap batas pinggir)
Penekanan (Emphasis)	`<EM></EM>`	(umumnya huruf miring)
Penguatan (Strong Emphasis)	`<STRONG></STRONG>`	(umumnya huruf tebal)
Kutipan singkat (Citation)	`<CITE></CITE>`	(umumnya huruf miring)
Kode	`<CODE></CODE>`	(Code - untuk source code listings)
Contoh Keluaran	`<SAMP></SAMP>`	(Sample Output)
Masukan Papan Ketik	`<KBD></KBD>`	(Keyboard Input)
Variabel	`<VAR></VAR>`	(Variable)
Definisi	`<DFN></DFN>`	(Definition - jarang dipakai)
Alamat Pengarang (Author's Address)	`<ADDRESS></ADDRESS>`
Huruf ukuran Besar	`<BIG></BIG>`
Huruf Ukuran Kecil	`<SMALL></SMALL>`

FORMAT TAMPILAN
	Huruf Tebal	`<B></B>`	(Bold)
	Huruf Miring	`<I></I>`	(Italic)
N3.0b	Garis Bawah	`<U></U>`	(Underline - jarang digunakan)
	Huruf Coret	`<STRIKE></STRIKE>`	(Strikeout - jarang digunakan)
N3.0b	Huruf Coret	`<S></S>`	(Strikeout - jarang digunakan)
	Huruf Geser Bawah	`<SUB></SUB>`	(Subscript)
	Huruf Geser Atas	`<SUP></SUP>`	(Superscript)
	Huruf Mesin Ketik	`<TT></TT>`	(Typewriter - huruf berjarak tetap)
	Pra-format (Preformatted)	`<PRE></PRE>`	(menampilkan dengan jarak pra-format)
	Jarak Huruf	`<PRE WIDTH=?></PRE>`	(mengatur jarak huruf)
	Rata Tengah	`<CENTER></CENTER>` *[]**	(Center - berlaku untuk teks maupun gambar)
N1.0	Huruf Kedip	`<BLINK></BLINK>`	(Blinking - tag terlucu sampai kini)
	Ukuran Huruf	`<FONT SIZE=?></FONT>`	(Font Size - boleh diisi dari 1 sampai 7)
	Rubah Ukuran Huruf	`<FONT SIZE="+\|-?"></FONT>`
N1.0	Basis Ukuran Huruf	`<BASEFONT SIZE=?>`	(boleh diisi 1 sampai 7; ukuran standard/default=3)
	Warna Huruf	`<FONT COLOR="#$$$$$$"></FONT>`
N3.0b	Pilih Jenis Huruf	`<FONT FACE="***"></FONT>`
N3.0b	Teks Multi Kolom	`<MULTICOL COLS=?></MULTICOL>`
N3.0b	Jarak Batas Kolom	`<MULTICOL GUTTER=?></MULTICOL>`	(default = 10 pixels)
N3.0b	Lebar Kolom	`<MULTICOL WIDTH=?></MULTICOL>`
N3.0b	Celah (Spacer)	`<SPACER>`
N3.0b	Jenis Celah	`<SPACER TYPE=horizontal\| vertical\|block>`
N3.0b	Ukuran Celah	`<SPACER SIZE=?>`
N3.0b	Dimensi Celah	`<SPACER WIDTH=? HEIGHT=?>`
N3.0b	Penataan Celah	`<SPACER ALIGN=left\|right\|center>`

ACUAN DAN GRAFIK
	Acuan pada dokumen tertentu	`<A HREF="URL"></A>`
	Acuan pada sasaran dalam dokumen	`<A HREF="URL#***"></A>`	(bila terdapat pada dokumen lain)
	Acuan pada sasaran dalam dokumen	`<A HREF="#***"></A>`	(bila terdapat pada dokumen yang sama)
N2.0	Jendela Sasaran (Target Window)	`<A HREF="URL" TARGET="***\| \|_blank\|_self\|_parent\|_top"></A>`
	Penamaan sasaran pada dokumen	`<A NAME="***"></A>`
	Kaitan(Relationship)	`<A REL="***"></A>`	(jarang digunakan)
	Kaitan terbalik (Reverse Relationship)	`<A REV="***"></A>`	(jarang digunakan)
	Peragaan Gambar	`<IMG SRC="URL">`
	Penataan Letak Gambar	`<IMG SRC="URL" ALIGN=TOP\|BOTTOM\|MIDDLE\|LEFT\|RIGHT>`
N1.0	Penataan Letak Gambar	`<IMG SRC="URL" ALIGN=TEXTTOP\| ABSMIDDLE\|BASELINE\|ABSBOTTOM>`
	Alternatif Teks	`<IMG SRC="URL" ALT="***">`	(saat gambar belum/tidak ditampilkan)
	Daerah Gambar (Imagemap)	`<IMG SRC="URL" ISMAP>`	(membutuhkan program script)
	Daerah Gambar pihak klien	`<IMG SRC="URL" USEMAP="URL">`
	Uraian Daerah Gambar	`<MAP NAME="***"></MAP>`
	Pembagian Daerah Gambar	`<AREA SHAPE="RECT" COORDS=",,," HREF="URL"\|NOHREF>`
	Dimensi Gambar	`<IMG SRC="URL" WIDTH=? HEIGHT=?>`	(in pixels)
	Garis Batas	`<IMG SRC="URL" BORDER=?>`	(dalam satuan pixel)
	Ruang Pembatas	`<IMG SRC="URL" HSPACE=? VSPACE=?>`	(dalam satuan pixel)
N1.0	Gambar Low-Res Proxy	`<IMG SRC="URL" LOWSRC="URL">`
N1.1	Pemindahan Tarik	`<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">`	(Client Pull)
N2.0	Objek Cantum	`<EMBED SRC="URL">`	(Embed Object - mencantumkan objek pada dokumen)
N2.0	Ukuran Objek	`<EMBED SRC="URL" WIDTH=? HEIGHT=?>`

PEMISAH
	Paragraf	`<P></P>` *[]**	(tag penutup seringkali tak diperlukan)
	Align Text	`<P ALIGN=LEFT\|CENTER\|RIGHT></P>` *[]**
	Pndah Baris	`<BR>`	(pindah ke baris berikut)
	Putus Penataan Baris	`<BR CLEAR=LEFT\|RIGHT\|ALL>`	(Clear Textwrap)
	Garis Datar	`<HR>`	(Horizontal Rule)
	Penataan Letak Garis	`<HR ALIGN=LEFT\|RIGHT\|CENTER>`
	Tebal Garis	`<HR SIZE=?>`	(dalam satuan pixel)
	Lebar Garis	`<HR WIDTH=?>`	(dalam satuan pixel)
N1.0	Lebar Garis Persentasi	`<HR WIDTH="%">`	(dalam persentasi terhadap lebar halaman)
	Garis Pejal	`<HR NOSHADE>`	(Solid Line - tanpa pola 3D)
N1.0	Tanpa Ganti Baris	`<NOBR></NOBR>`	(No Break - mencegah ganti baris)
N1.0	Sambung Suku Kata	`<WBR>`	(Word Break - letak ganti baris bila diperlukan)


Daftar Tanpa Nomor	`<UL><LI></UL>`	(Unordered List - Cantumkan `<LI>` sebelum tiap butir)
Kompak	`<UL COMPACT></UL>`	(Compact)
Jenis Butiran	`<UL TYPE=DISC\|CIRCLE\|SQUARE>`	(Bullet Type - berlaku umum bagi butir terdaftar)
Jenis Butiran	`<LI TYPE=DISC\|CIRCLE\|SQUARE>`	(berlaku khusus pada butir ini dan selanjutnya)
Daftar Bernomor	`<OL><LI></OL>`	(Ordered List - Cantumkan `<LI>` sebelum tiap butir)
Kompak	`<OL COMPACT></OL>`
Jenis Penomoran	`<OL TYPE=A\|a\|I\|i\|1>`	(berlaku umum untuk semua butir dalam daftar)
Jenis Penomoran	`<LI TYPE=A\|a\|I\|i\|1>`	(berlaku khusus pada butir ini dan selanjutnya)
Nomor Mulai	`<OL START=?>`	(berlaku umum untuk semua butir dalam daftar)
Nomor Mulai	`<LI VALUE=?>`	(berlaku khusus pada butir ini dan selanjutnya)
Daftar Definisi	`<DL><DT><DD></DL>`	(Definition List - `<DT>=istilah, <DD>`=uraian)
Kompak	`<DL COMPACT></DL>`
Daftar Menu	`<MENU><LI></MENU>`	(Cantumkan `<LI>` sebelum butir menu)
Kompak	`<MENU COMPACT></MENU>`
Daftar Direktori	`<DIR><LI></DIR>`	(Cantumkan `<LI>` sebelum tiap butir direktori)
Kompak	`<DIR COMPACT></DIR>`

LATAR BELAKANG DAN WARNA
	Latar Belakang Gambar	`<BODY BACKGROUND="URL">`	(Tiled Background)
	Warna Latar Belakang	`<BODY BGCOLOR="#$$$$$$">` *[]**	(Background Color - urutan: merah/hijau/biru)
	Warna Huruf Teks	`<BODY TEXT="#$$$$$$">` *[]**
	Warna Acuan	`<BODY LINK="#$$$$$$">` *[]**
	Acuan Lepas Kunjung	`<BODY VLINK="#$$$$$$">` *[]**	(Visited Link)
	Acuan Aktif	`<BODY ALINK="#$$$$$$">` *[]**	(Active Link)
(Info lanjut di http://werbach.com/web/wwwhelp.html#color)

HURUF SPESIAL(these must all be in lower case)
	Special Character	&#?;	(where ? is the ISO 8859-1 code)
	<	`<`
	>	`>`
	&	`&`
	"	`"`
	Registered TM	`®`
	Copyright	`©`
	Spasi tak putus	` `	Non-breaking Space
(Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html)

FORMULIR
	Rancangan Formulir	`<FORM ACTION="URL" METHOD=GET\|POST></FORM>`	Define Forms
N2.0	Mengirimkan File	`<FORM ENCTYPE="multipart/form-data"></FORM>`	File Upload
	Input Field	`<INPUT TYPE="TEXT\|PASSWORD\|CHECKBOX\|RADIO\| IMAGE\|HIDDEN\|SUBMIT\|RESET">`
	Nama Field	`<INPUT NAME="***">`
	Nilai Field	`<INPUT VALUE="***">`
	Kotak Periksa	`<INPUT CHECKED>`	(checkboxes dan radio boxes)
	Ukuran Field	`<INPUT SIZE=?>`	(dalam satuan jumlah karakter)
	Panjang Maksimum	`<INPUT MAXLENGTH=?>`	(dalam satuan karakter)
	Daftar Pilihan	`<SELECT></SELECT>`	Selection List
	Nama Daftar Pilihan	`<SELECT NAME="***"></SELECT>`
	Jumlah Pilihan	`<SELECT SIZE=?></SELECT>`
	Banyak Pilihan	`<SELECT MULTIPLE>`	(dapat memilih lebih dari satu)
	Pilihan	`<OPTION>`	(butir yang dapat dipilih)
	Pilihan Default	`<OPTION SELECTED>`
	Ukuran Input Box	`<TEXTAREA ROWS=? COLS=?></TEXTAREA>`
	Nama Input Box	`<TEXTAREA NAME="***"></TEXTAREA>`
N2.0	Rangkuman Teks	`<TEXTAREA WRAP=OFF\|VIRTUAL\|PHYSICAL></TEXTAREA>`	Wrap Text

TABEL
	Rancangan Tabel	`<TABLE></TABLE>` *[]**
	Garis Batas Tabel	`<TABLE BORDER=?></TABLE>`
	Celah Sel	`<TABLE CELLSPACING=?>`	Cell Spacing
	Penyangga Sel	`<TABLE CELLPADDING=?>`	Cell Padding
	Lebar Tabel	`<TABLE WIDTH=?>`	(dalam satuan pixel)
	Lebar Tabel Persentasi	`<TABLE WIDTH="%">`	(dalam satuan persen terhadap lebar halaman)
	Baris dalam Tabel	`<TR></TR>`
	Penataan Letak Baris	`<TR ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>`
	Sel dalam Tabel	`<TD></TD>`	(harus ada dalam setiap baris tabel)
	Penataan Letak Sel	`<TD ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>`
	Tanpa Ganti Baris	`<TD NOWRAP>`
	Rentang Kolom	`<TD COLSPAN=?>`	Columns to span
	Rentang Baris	`<TD ROWSPAN=?>`	Rows to span
N1.1	Lebar Sel	`<TD WIDTH=?>`	(dalam satuan pixel)
N1.1	Lebar Sel Persentasi	`<TD WIDTH="%">`	(dalam satuan persen terhadap lebar tabel)
N3.0b	Warna Sel	`<TD BGCOLOR="#$$$$$$">`
	Kepala Tabel	`<TH></TH>`	(Table Header - seperti data dengan Bold dan Center)
	Penataan Letak Kepala Tabel	`<TH ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>`
	Tanpa Baris Baru	`<TH NOWRAP>`
	Rentang Kolom	`<TH COLSPAN=?>`	Columns to Span
	Rentang Baris	`<TH ROWSPAN=?>`	Rows to Span
N1.1	Lebar Kepala Tabel	`<TH WIDTH=?>`	(dalam satuan pixel)
N1.1	Lebar Persentasi	`<TH WIDTH="%">`	(dalam persentasi terhadap lebar tabel)
N3.0b	Warna Kepala Tabel	`<TH BGCOLOR="#$$$$$$">`
	Keterangan Tabel	`<CAPTION></CAPTION>`	Caption
	Penataan Keterangan	`<CAPTION ALIGN=TOP\|BOTTOM>`	(di atas / di bawah tabel)

FRAMES
N2.0	Dokumen dalam Frame	`<FRAMESET></FRAMESET>`	(sebagai pengganti `<BODY>`)
N2.0	Tinggi Baris Frame	`<FRAMESET ROWS=,,,></FRAMESET>`	(dalam satuan pixel atau %)
N2.0	Tinggi Baris Frame	`<FRAMESET ROWS=*></FRAMESET>`	(* = ukuran relatif)
N2.0	Lebar Kolom Frame	`<FRAMESET COLS=,,,></FRAMESET>`	(dalam satuan pixel atau %)
N2.0	Lebar Kolom Frame	`<FRAMESET COLS=*></FRAMESET>`	(* = ukuran relatif)
N3.0b	Lebar Garis Batas	`<FRAMESET BORDER=?>`
N3.0b	Garis Batas	`<FRAMESET FRAMEBORDER="yes\|no">`
N3.0b	Warna Garis Batas	`<FRAMESET BORDERCOLOR="#$$$$$$">`
N2.0	Rancangan Frame	`<FRAME>`	(isi dari frame individu)
N2.0	Tampilan Dokumen Frame	`<FRAME SRC="URL">`
N2.0	Nama Frame	`<FRAME NAME="***"\|_blank\|_self\| _parent\|_top>`
N2.0	Lebar Batas	`<FRAME MARGINWIDTH=?>`	(batas kiri dan kanan)
N2.0	Tinggi Batas	`<FRAME MARGINHEIGHT=?>`	(batas atas dan bawah)
N2.0	Scrollbar?	`<FRAME SCROLLING="YES\|NO\|AUTO">`	Memungkinkan scrolling pada frame
N2.0	Ukuran Frame tak bisa diubah	`<FRAME NORESIZE>`
N3.0b	Batas Frame	`<FRAME FRAMEBORDER="yes\|no">`
N3.0b	Warna Garis Batas	`<FRAME BORDERCOLOR="#$$$$$$">`
N2.0	Isi tanpa Frame	`<NOFRAMES></NOFRAMES>`	(bagi browser yang tak mampu frame)


Applet	`<APPLET></APPLET>`
Nama File Applet	`<APPLET CODE="***">`
Parameter Applet	`<APPLET PARAM NAME="***">`
Sumber Applet	`<APPLET CODEBASE="URL">`
Identifier Applet	`<APPLET NAME="***">`	(sebagai rujukan di tempat lain pada halaman sama)
Teks Alternatif	`<APPLET ALT="***">`	(untuk browser tanpa kemampuan Java browsers)
Penataan Applet	`<APPLET ALIGN="LEFT\|RIGHT\|CENTER">`
Ukuran Applet	`<APPLET WIDTH=? HEIGHT=?>`	(in pixels)
Celah batas Applet	`<APPLET HSPACE=? VSPACE=?>`	(in pixels)

LAIN-LAIN
	Komentar	`<!-- *** -->`	(tidak ditampilkan oleh browser)
	Prolog HTML 3.2	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">` *[]**
	Mampu Cari	`<ISINDEX>`	(indikasi indeks yang dapat dicari-temukan)
	Prompt	`<ISINDEX PROMPT="***">`	(teks sebagai prompt)
	Perintah Cari	`<A HREF="URL?***"></a>`	(gunakan tanda tanya yang sebenarnya)
	URL dari file ini	`<BASE HREF="URL">`	(harus terletak di header)
N2.0	Nama Dasar Window	`<BASE TARGET="***">`	(harus terletak di header)
	Kaitan	`<LINK REV="*" REL="*" HREF="URL">`	(Relation dan Reverse Relation, harus terletak di header)
	Informasi Meta	`<META>`	(harus terletak di header)
	Lembar Gaya Penulisan	`<STYLE></STYLE>`	(Style Sheet - belum didukung sepenuhnya)
	Scripts	`<SCRIPT></SCRIPT>`	(belum didukung sepenuhnya). }

Semoga bermanfaat, Panduan Lengkap Belajar HTML

Source : Kucoba.com

Mengenal Kode Elemen / Widget pada Layout Blogger

Halo sobat Share-Tuts kali ini Share-Tuts akan share tentang Mengenal Kode Elemen / Widget pada Layout Blogger sobat blogger pasti tau kan apa itu sebuah widget tapi terkadang sobat belum kenal dengan artian dari widget tersebut. Nah pada kali ini Share-Tuts akan memberikan pengetahuan tentang kode elemen sebuat widget pada layout blogger.

Coba cari kode seperti dibawah ini :

<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
</ B: section>

Berikut adalah yang di sering sobat temui di tag < B: section> kode pengemas widget.

id : Ini diperlukan untuk mengetahui posisi widget sebagai apa, misalnya 'header,' 'sidebar' bisa sobat nama'i sesuka sobat, ini juga merupakan selektor '#header' jadi sobat bisa berkreasi di selektor '#header' dengan CSS.
class : Ini boleh ada boleh tidak, ini juga hampir sama pada 'id' memudahkan untuk mentrafer widget jika berganti template, 'navbar,' 'header,' 'main,' 'sidebar,' dan 'footer.' dll. Bisa juga dinama'i sesuka sobat, ini juga merupakan selektor misalnya '.header' jadi sobat bisa berkreasi di selektor '.header' dengan CSS.
maxwidgets : kode ini boleh ada boleh tidak, ini merupakan peritah berapa batas maximal sobat bisa menambahakn widget, misalnya maxwidgets="1" jadi widget yang bisa ditambahkan cuman satu saja.
showaddelement : kode ini boleh ada boleh tidak, ini berfungsi untuk menmapilakan pada halam editing layout menampilkan link 'Add a Page Element' / 'Tambah Widget' . jadi sobat bisa memasukan voulenya dengan 'yes atau 'no' saja.
growth : boleh ada boleh tidak, ini kode berfungsi untuk menentukan apakah widget di tumpuk atau side by side. Bisa disikan dengan volue 'horizontal' atau 'vertical,' aslinya 'vertikal'.
b:section : ini adalah kode pembuka dan penutup jadi hukumnya wajib ada.

Kemudian setelah kode diatas adalah kode widget berada didalam tag b:section :

<b:widget id="header" type='HeaderView' locked="yes"/>

<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>

<b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>

id - diperlukan, jika ingin mengubah nama ID widget sobat harus mengahapus terlebih dahulu widgetnya dan buat yang baru.
type - diperlukan, ini menunjukkan jenis (type) widget. Contoh jenis-jenis widget : BlogArchive, Blog Feed, Header, HTML, SingleImage, LinkList, List, Logo, BlogProfile, Navbar, VideoBar, NewsBar
locked - boleh ada boleh tidak, voulenya dengan 'yes atau 'no' saja. Ini berfungsi untuk menentukan pakah widget dapat dipindah dan dihapus pada editing layout, di page element. title - boleh ada boleh tidak, jika tidak digunakan maka sebagi defaoultnya, contoh misalnya 'label1'.
pageType - boleh ada boleh tidak, voulenya bisa diisi 'all,' 'archive,' 'main,' or 'item,' kalau aslinya 'all' karena ini berfungsi untuk menampilakan dimana widget akan tampil pada halaman blog seperti kondisional tag.
mobile - boleh ada boleh tidak, voulenya dengan 'yes,' 'no,' ‘only’ atau 'default' as the default. Ini fungsinya pakah widget akan ditampilkan pada tampilan mobile atau tidak.

NB : Dalam blog sobat saat dipublikasikan, semua tag <b:section> dan <b:widget> akan diganti dengan tag <div>, yang akan memiliki ID tertentu. Jadi, sobat dipersilahkan memodifikasi CSS nya, misalnya, div#header atau div#myList di CSS sobat jika sobat menginginkannya. Seperti yang Share-Tuts jelaskan di beberapa penjelasan diatas.

Nah jika sobat ingin menambahkan widget dalam template pakai saja kode berikut masukkan dalam posisi yang sobat inginkan misalnya footer :

<b:section id='footer' class='footer' showaddelement="yes"/>

Mungkin ini yang bisa Share-Tuts jelaskan.. artikel ini bersumber dari http://support.google.com/blogger/bin/answer.py?hl=en&answer=46888 jika ada yang salah mohon koreksinya, terimakasih semoga bermanfaat dan tungu kenjatunya tetang pengenalan kode HTML blogger, Kondisional tag, tag keseluruhan ditemplate blogger dan banyak lagi.

Source : http://www.sodiycxacun.web.id

Conditional Tag Blogspot

Conditional Tag Blogspot pasti sering di gunakan oleh para blogger yang sering memodifikasi template blogspotnya. Conditional Tag Blogger adalah cara dimana membuat tampilan yang berbeda pada homepage atau pada postingan blogspot. Misalnya pernah sobat temukan saat blogwalking atau tidak sengaja masuk ke blog orang via google, dalam postingannya terdengar backsound atau background musik. Tapi pada saat sobat masuk ke halaman utamanya musik tidak terdengar lagi. Kemungkinan empunya blog tersebut memasang tag conditional pada script backsoundnya. Bingung ? Sama . Oke biar gak tambah bingung berikut ini beberapa conditional tag blogspot :

Syntax Conditional Tag

Secara umum conditional tag dituliskan seperti dibawah ini:

<b:if cond='[KONDISI]'>
...
</b:if>

Conditional tag selalu diawali dengan tag <b:if> dan di tutup dengan tag </b:if>. Kemudian tag <b:if diikuti dengan atribut cond. Atribut cond diartikan sebagai condition atau kondisi yang digunakan sebagai subjek suatu kondisi, dan [KONDISI] adalah atribut objek atau yang menjelaskan maksud dari kondisi/condition.

Kumpulan Conditional Tag

Dibawah ini kumpulan kondisional tag yang umum digunakan untuk menyesuaikan halaman spesifik.

1. Halaman Index

<b:if cond='data:blog.pageType == "index"'>
...
</b:if>

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi halaman blog dengan halaman index. Halaman index (index page) didalamnya termasuk halaman depan (homepage), halaman label/kategori dan halaman arsip. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan index' maka kode yang ada diantara conditional tag akan ditampilkan".

2. Halaman Artikel (item)

<b:if cond='data:blog.pageType == "item"'>
...
</b:if>

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi halaman blog dengan halaman item. Halaman item (item page)adalah halaman artikel per artikel dan bukan keseluruhan kumpulan artikel. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan halaman artikel (item)' maka kode yang ada diantara conditional tag akan ditampilkan". Biasanya halaman artikel (item) menggunakan URL yang terkandung hurup bulan, tahun, dan judul artikel diantaranya, misal; http://namablog.blogspot.com/2010/09/judul_artikel.html.

3. Halaman Statis (static)

<b:if cond='data:blog.pageType == "static_page"'>
...
</b:if>

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi halaman blog dengan halaman statis. Halaman statis (static page) adalah halaman lain artikel atau halaman yang berdiri sendiri dan isinya tidak mengambil dari database artikel. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan halaman statis' maka kode yang ada diantara conditional tag akan ditampilkan". Biasanya halaman statis menggunakan URL yang terkandung hurup "p" diantaranya, misal; http://namablog.blogspot.com/p/halaman_statis.html.

4. Halaman Arsip (archive)

<b:if cond='data:blog.pageType == "archive"'>
...
</b:if>

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi halaman blog dengan halaman arsip. Halaman arsip (archive page) adalah halaman yang menampilkan sekumpulan artikel yang diambil database blog. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan halaman arsip' maka kode yang ada diantara conditional tag akan ditampilkan". Biasanya halaman arsip menggunakan URL yang terkandung bulan dan tahun diantaranya, misal; http://namablog.blogspot.com/2010_01_01_archive.html.

5. Halaman Depan (Homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
...
</b:if>
atau :
<b:if cond='data:blog.homepageUrl == data:blog.url'>
...
</b:if>

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi halaman blog dengan URL halaman depan. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan URL halaman depan' maka kode yang ada diantara conditional tag akan ditampilkan". Biasanya halaman depan merupakan halaman utama dari blog sobat dan URL yang digunakan adalah URL utama blog sobat, misal; http://namablog.blogspot.com/.

6. Halaman URL Tertentu

<b:if cond='data:blog.url == "[URL]"'>
...
</b:if>

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi URL halaman blog. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'URL halaman blog sama dengan URL halaman blog (yang sobat maksud atau sobat masukan dalam [URL]' maka kode yang ada diantara conditional tag akan ditampilkan". Conditional tag ini digunakan jika sobat ingin mengatur suatu gadget/widget atau elemen yang hanya akan ditampilkan atau tidak ditampilkan pada halaman yang lebih spesifik (artikel tertentu). misal; sobat akan menampilkan banner iklan di-sidebar hanya pada halaman blogroll (kumpulan link teman). Maka penggunaan conditional tag-nya seperti dibawah ini:

<b:if cond='data:blog.url == "http://namablog.blogspot.com/2010/09/blogroll.html"'>
[disini kode gadget atau elemen yang akan ditampilkan]
</b:if>

7. Halaman 404 Not Found

<b:if cond='data:blog.pageType == "error_page"'>
...
</b:if>

Conditional tag ini digunakan untuk mengecek/membandingkan kondisi URL 404 Not Found atau tidak tersedianya suatu halaman. Contidional tag ini digunakan untuk mengecek/membandingkan kondisi URL halaman blog. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'URL halaman blog tidak tersedia (error_page), maka kode yang ada diantara conditional tag akan ditampilkan". Conditional tag ini biasanya digunakan saat menjaga kemungkinan halaman yang dihapus namun masih terindex oleh mesin pencari. Ketika pengunjung membuka halaman tersebut maka pemberitahuan ketidaktersediaan halaman (404 Not Found) akan ditampilkan. Biasanya halaman ini disertai dengan link yang menuju ke halaman utama, halaman arsip atau about.

8. Meta Description

<b:if cond='data:blog.metaDescription != ""'>
...
</b:if>

Conditional tag ini sebenarnya tidak tampak pada browser tapi sangat bermanfaat seiring perubahan kebijakan mesin pencari yang menghapuskan meta keyword. Conditional tag ini digunakan untuk mengecek/membandingkan kondisi data blog, jika deskripsi meta blog tidak kosong (artinya memiliki meta description) maka yang ada diantara tag akan ditampilkan.

Nah dari ke delapan conditional tag di atas sobat coba ambil yang pertama yaitu bagaimana hanya menampilkan suatu content hanya pada home page atau halaman utama blogspot. Sebagai contoh kita hanya ingin menampilkan backsound maka kodenya :

<b:if cond='data:blog.pageType == data:blog.homepageUrl'>
Script Embed Musik Di sini
</b:if>

Letakkan kodenyanya di dalam Template dalam posisi yang kamu inginkan seperti header, footer atau body, Ingat ! Bukan di dalam widget html/javascript ! .

Lalu bagaimana jika ingin menampilkan musik di semua halaman kecuali home page ? berikut ini kodenya :.

<b:if cond='data:blog.pageType != data:blog.homepageUrl'>
Script Embed Musik Di sini
</b:if>

Apa perbedaanya, Lihat tsobat bold merah di atas perbedaannya hanya merubah kode (sama dengan) = yang pertama dengan (tsobat seru) ! .

Begitu juga dengan tag lainnya, lakukan hal yang sama untuk menampilkan sebuah content di semua halaman kecuali di halaman yang di maksud.

Oke, Jika ada yang salah atau ada yang kurang mohon di tambahkan dengan meniggalkan komen di bawah . Semoga dapet di mengerti dan selamat berkreasi

Source : Gabungan dari http://modification-blog.blogspot.com dan http://p-cbn.blogspot.com

√ Read More → Conditional Tag Blogspot