Berikut adalah kode untuk membuka link di tab baru dengan menggunakan jquery.

<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
jQuery(document).ready(function () {
newTab();
});

function newTab() {
 var form = document.createElement("form");
 form.method = "GET";
 form.action = "http://caracari.info";
 form.target = "_blank";
 document.body.appendChild(form);
 form.submit();
}
</script>
</head>
<body>
<a class="my-link">link</a>
</body>
</html>

Warna merah silahkan diganti. Setiap kali di reload maka link yang dimaksud akan terbuka.

Sedangkan untuk mengkhususkan link terbuka saat ada mouse melewati, kodenya sebagai berikut:

<a href="#" onmouseover="myFunction()">Text</a>
<script>
function myFunction() {
    var Open = window.open("http://www.dekalita.com", "_blank");
}
</script>

Atau

<a href="#" onmouseover="javascript:window.open('http://dekalita.com')">Text</a>

Membuka Link Di Tab Baru Dengan Jquery.

Berikut adalah kode untuk membuka link di tab baru dengan menggunakan jquery.

<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
jQuery(document).ready(function () {
newTab();
});

function newTab() {
 var form = document.createElement("form");
 form.method = "GET";
 form.action = "http://caracari.info";
 form.target = "_blank";
 document.body.appendChild(form);
 form.submit();
}
</script>
</head>
<body>
<a class="my-link">link</a>
</body>
</html>

Warna merah silahkan diganti. Setiap kali di reload maka link yang dimaksud akan terbuka.

Sedangkan untuk mengkhususkan link terbuka saat ada mouse melewati, kodenya sebagai berikut:

<a href="#" onmouseover="myFunction()">Text</a>
<script>
function myFunction() {
    var Open = window.open("http://www.dekalita.com", "_blank");
}
</script>

Atau

<a href="#" onmouseover="javascript:window.open('http://dekalita.com')">Text</a>

Untuk disamping:

<a href='URL LINK' style='display:scroll;position:fixed;Bottom:0px;right:300px;' title='Keterangan Gambar'><img src='URL Gambar'/></a>

Untuk di pojok:

<a href='URL LINK' style='display:scroll;position:fixed;top:0px;right:0px;' title='Keterangan Gambar'><img src='URL Gambar'/></a>

Tinggal menyesuaikan posisi ukuran.

Kode HTML Gambar, Link Di Pojok Atau Samping Web

Untuk disamping:

<a href='URL LINK' style='display:scroll;position:fixed;Bottom:0px;right:300px;' title='Keterangan Gambar'><img src='URL Gambar'/></a>

Untuk di pojok:

<a href='URL LINK' style='display:scroll;position:fixed;top:0px;right:0px;' title='Keterangan Gambar'><img src='URL Gambar'/></a>

Tinggal menyesuaikan posisi ukuran.

Tips Whatsapp

Memasang tombol Whatapp Twitter, Facebook Share dan Facebook Like, Telegram di akhir artikel.
Blogspot. Cari kode `<data:post.body/> di edit template pada posisi yang kedua karena biasanya ada dua kode tersebut di blog <data:post.body/> yang kedua. Lalu isikan di bawahnya kode berikut ini:`


<div class="linksalpha_container linksalpha_app_3" data-title="Jelajah" data-url="http://jelajah.dekalita.com" data-size="large" data-style="circle" data-counters="">
    <a class="linksalpha_icon_facebook" href="//www.linksalpha.com/share?network=facebook"></a>
    <a class="linksalpha_icon_twitter" href="//www.linksalpha.com/share?network=twitter"></a>
    <a class="linksalpha_icon_gmail" href="//www.linksalpha.com/share?network=gmail"></a>
    <a class="linksalpha_icon_whatsapp" href="//www.linksalpha.com/share?network=whatsapp"></a>
    <a class="linksalpha_icon_sms" href="//www.linksalpha.com/share?network=sms"></a>
    <a class="linksalpha_icon_telegram" href="//www.linksalpha.com/share?network=telegram"></a>
    <a class="linksalpha_icon_yahoomail" href="//www.linksalpha.com/share?network=yahoomail"></a>
    <a class="linksalpha_icon_la" href="//www.linksalpha.com/share?network=la"></a>
</div>

Kemudian di bagian html sebelum </body> letakkan kode berikut lalu simpan:

<script async src="//www.linksalpha.com/js/social.js"></script>

Untuk yang pakai wordpress dapat menyesuaikan

Pasang Tombol Berbagi Whats App, Facebook Dan Media Sosial Lain

Tips Whatsapp

Memasang tombol Whatapp Twitter, Facebook Share dan Facebook Like, Telegram di akhir artikel.
Blogspot. Cari kode `<data:post.body/> di edit template pada posisi yang kedua karena biasanya ada dua kode tersebut di blog <data:post.body/> yang kedua. Lalu isikan di bawahnya kode berikut ini:`


<div class="linksalpha_container linksalpha_app_3" data-title="Jelajah" data-url="http://jelajah.dekalita.com" data-size="large" data-style="circle" data-counters="">
    <a class="linksalpha_icon_facebook" href="//www.linksalpha.com/share?network=facebook"></a>
    <a class="linksalpha_icon_twitter" href="//www.linksalpha.com/share?network=twitter"></a>
    <a class="linksalpha_icon_gmail" href="//www.linksalpha.com/share?network=gmail"></a>
    <a class="linksalpha_icon_whatsapp" href="//www.linksalpha.com/share?network=whatsapp"></a>
    <a class="linksalpha_icon_sms" href="//www.linksalpha.com/share?network=sms"></a>
    <a class="linksalpha_icon_telegram" href="//www.linksalpha.com/share?network=telegram"></a>
    <a class="linksalpha_icon_yahoomail" href="//www.linksalpha.com/share?network=yahoomail"></a>
    <a class="linksalpha_icon_la" href="//www.linksalpha.com/share?network=la"></a>
</div>

Kemudian di bagian html sebelum </body> letakkan kode berikut lalu simpan:

<script async src="//www.linksalpha.com/js/social.js"></script>

Untuk yang pakai wordpress dapat menyesuaikan

Apa itu text area? Text area adalah sebuah komponen HTML untuk menyimpan text atau tulisan baru yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text. Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog.

Text Area

Untuk memasangnya letakkan kode html berikut dalam bidang html. textarea blockquote. Kode berikut selain teks area juga sekaligus terdapat rezise merubah ukuran dapat ditarik ulur walaupun disekat dengan batas tampilan tinggi 106 dan lebar 487 pixel

<blockquote>
<center>
<textarea cols="50" onclick="this.focus();this.select()" readonly="readonly" rows="5" style="height: 106px; width: 487px;">

OKE YA

</textarea></center>
</blockquote>

OKE YA

Teks Area

Text Area

<blockquote>
<center>
<textarea cols="50" onclick="this.focus();this.select()" readonly="readonly" rows="5" style="height: 106px; width: 487px;">

OKE YA

</textarea></center>
</blockquote>

OKE YA

Letakkan kode berikut di widget. Edit judul yang diperlukan 😆

<!doctype html> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" /> <link rel="stylesheet" href="/resources/demos/style.css" /> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { var icons = { header: "ui-icon-circle-arrow-e", activeHeader: "ui-icon-circle-arrow-s" }; $( "#accordion" ).accordion({ icons: icons }); $( "#toggle" ).button().on( "click", function() { if ( $( "#accordion" ).accordion( "option", "icons" ) ) { $( "#accordion" ).accordion( "option", "icons", null ); } else { $( "#accordion" ).accordion( "option", "icons", icons ); } }); } ); </script> <div id="accordion"> <h3>Lagu/Musik</h3><div> </div><h3>Keagenan Tiket</h3><div> <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p></div><h3>Bukopin PPOB</h3><div> <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p><ul><li>List item one</li><li>List item two</li><li>List item three</li></ul></div><h3>Web Blog</h3><div> <p><ul><li>Home </li><li>Google Breadcrumb </li><li>Sitemap </li><li>Ping Service </li><li>Title H1 Ceck </li></ul></p></div></div><button id="toggle">Ganti Tampilan</button> </!doctype>

Html Slide Show

Letakkan kode berikut di widget. Edit judul yang diperlukan 😆

<!doctype html> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" /> <link rel="stylesheet" href="/resources/demos/style.css" /> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { var icons = { header: "ui-icon-circle-arrow-e", activeHeader: "ui-icon-circle-arrow-s" }; $( "#accordion" ).accordion({ icons: icons }); $( "#toggle" ).button().on( "click", function() { if ( $( "#accordion" ).accordion( "option", "icons" ) ) { $( "#accordion" ).accordion( "option", "icons", null ); } else { $( "#accordion" ).accordion( "option", "icons", icons ); } }); } ); </script> <div id="accordion"> <h3>Lagu/Musik</h3><div> </div><h3>Keagenan Tiket</h3><div> <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p></div><h3>Bukopin PPOB</h3><div> <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p><ul><li>List item one</li><li>List item two</li><li>List item three</li></ul></div><h3>Web Blog</h3><div> <p><ul><li>Home </li><li>Google Breadcrumb </li><li>Sitemap </li><li>Ping Service </li><li>Title H1 Ceck </li></ul></p></div></div><button id="toggle">Ganti Tampilan</button> </!doctype>


Mobile Friendly

Membuat website kita menjadi mobile-friendly akan meningkatkan keterlibatan pengguna pada perangkat mobile. Hal ini juga dapat membantu kita untuk mendapatkan peringkat lebih baik di hasil mesin pencari. Seperti, mengetahui situsnya adalah ramah di HP, viewport konfigurasi sudah benar, kontrol zoom baik, konten halaman sesuai lebar perangkat, teks pada halaman mudah dibaca, link dan target ketuk yang cukup besar dan ramah sentuhan.

Caranya masuk ke beberapa situs penguji. Contoh:

Kemudian mengisikan nama situs dan kirim.

Mobile Friendly


Mobile Friendly

Kemudian mengisikan nama situs dan kirim.

Letakkan kode berikut sebelum kode </head>:

<script type='text/javascript'>
//<![CDATA[

msg = "| xxxxxxxxxxxx ";
msg = "| xxxxxxxxxxxx " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

***** xxxxxxxxxxx ganti dengan tulisan yang diinginkan.

Tulisan Berjalan Dekat Favicon

Tulisan Berjalan Di Bar Dekat Favicon

Letakkan kode berikut sebelum kode </head>:

<script type='text/javascript'>
//<![CDATA[

msg = "| xxxxxxxxxxxx ";
msg = "| xxxxxxxxxxxx " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

***** xxxxxxxxxxx ganti dengan tulisan yang diinginkan.

Tulisan Berjalan Dekat Favicon

Cara mempassword halaman blogspot

Cara mempassword halaman blogspot:

Login ke Blogger >> Dashboard >> Pages >>
Buatlah halaman dengan cara :klik New Pages >> Blank Page
Isi judul/nama Halaman
Isi halamannya dengan tulisan atau materi yang Anda inginkan
Klik “HTML”
Masukkan kode berikut ini sebelum atau sesudah isi halaman:

<script language="JavaScript">
var password;
var pass1="PASSWORD";
password=prompt('Masukkan password untuk membuka halaman ini!',' ');
if (password==pass1) alert('Password benar, OK untuk masuk!');
else {
window.location="Link Halaman";
}
</script>

Ganti teks berwarna merah dengan versi Anda, terutama PASSWORD.
Ganti teks Link Halaman dengan URL Page/Halaman Blogspot Anda.
Save!

Cara Mempassword Halaman Blogspot

Cara mempassword halaman blogspot

Cara mempassword halaman blogspot:

Login ke Blogger >> Dashboard >> Pages >>
Buatlah halaman dengan cara :klik New Pages >> Blank Page
Isi judul/nama Halaman
Isi halamannya dengan tulisan atau materi yang Anda inginkan
Klik “HTML”
Masukkan kode berikut ini sebelum atau sesudah isi halaman:

<script language="JavaScript">
var password;
var pass1="PASSWORD";
password=prompt('Masukkan password untuk membuka halaman ini!',' ');
if (password==pass1) alert('Password benar, OK untuk masuk!');
else {
window.location="Link Halaman";
}
</script>

Ganti teks berwarna merah dengan versi Anda, terutama PASSWORD.
Ganti teks Link Halaman dengan URL Page/Halaman Blogspot Anda.
Save!

Letakkan kode berikut sebelum </head>:

body {
background-image: url("Gambar yang diinginkan");
background-color: red;
}

Properti background-image menetapkan satu atau lebih gambar latar belakang untuk elemen. Latar belakang warna yang akan otomatis digunakan jika gambar tidak tersedia.

body {
background-color: red;
}

Contoh penerapan halaman:

Memberi Warna dan Gambar Sebagai Latar Belakang

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("Gambar yang diinginkan");
background-color: red;
}
</style>
</head>
<body>

<h1>Hello World!</h1>

</body>
</html>

Memberi Warna dan Gambar Sebagai Latar Belakang

Letakkan kode berikut sebelum </head>:

body {
background-image: url("Gambar yang diinginkan");
background-color: red;
}

Properti background-image menetapkan satu atau lebih gambar latar belakang untuk elemen. Latar belakang warna yang akan otomatis digunakan jika gambar tidak tersedia.

body {
background-color: red;
}

Contoh penerapan halaman:

Memberi Warna dan Gambar Sebagai Latar Belakang

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("Gambar yang diinginkan");
background-color: red;
}
</style>
</head>
<body>

<h1>Hello World!</h1>

</body>
</html>

Cara membersihkan/reset data Fantastico.
Membersihkan Data Fantastico

Login ke cPanel, klik di File Manager
Pilih Home dan centang Show Hidden Files, klik GO!
Klik dua kli di folder bernama .fantasticodata
Klik Select All lalu klik Delete
Instalasi lagi ulang yang telah terhapus jika diperlukan dari menu Fantastico.

Membersihkan Data Fantastico

Cara membersihkan/reset data Fantastico.
Membersihkan Data Fantastico

Login ke cPanel, klik di File Manager
Pilih Home dan centang Show Hidden Files, klik GO!
Klik dua kli di folder bernama .fantasticodata
Klik Select All lalu klik Delete
Instalasi lagi ulang yang telah terhapus jika diperlukan dari menu Fantastico.

Masalah pemasangan berlangganan artikel menggunakan FeedBurner. Feed tidak memiliki langganan melalui email yang diaktifkan mengakibatkan muncul pesan; "The Feed Does Not Have Subscriptions By Email Enabled". Untuk mengatasinya, aktifkan menu berlangganan feed melalui email.

Klik PUBLICIZE.
Klik EMAIL SUBSCRIPTIONS.
SAVE di bagian bawah. Selesai.

The Feed Does Not Have Subscriptions By Email Enabled

Klik PUBLICIZE.
Klik EMAIL SUBSCRIPTIONS.
SAVE di bagian bawah. Selesai.

The Feed Does Not Have Subscriptions By Email Enabled

Favicon adalah icon kecil yang dibuat secara khusus yang muncul ketika suatu website telah selesai loading, letak icon ini di samping URL situs web di address bar browser web. Mereka juga muncul dalam situs bookmarked, tab tab browser, dan sebagai icon untuk Internet shortcut pada desktop atau folder lain pada Windows.

Untuk memasang ikon di Blog atau Web, yang diperlukan adalah gambar dalam format ico. Karena format ini yang lebih banyak diterima. Adapun format PNG, BMP, dst ada yang bisa tampil ada yang tidak.

Untuk membuat file .ico Anda membutuhkan file plugin untuk photoshop agar program tersebut dapat mengenali file .ico dan menyimpan file sebagai .ico. Pastikan plugin tersebut telah terinstall pada komputer anda. Pertama buatlah icon pada photoshop dengan ukuran 400x400 pixel. Lakukan adjust pada icon, setelah hasil yang anda dapatkan dirasakan cukup, ubahlah ukuran kanvas tadi dari 400x400 pixel menjadi 16x16, 32x32, 48x48, atau 64x64. Setelah itu lakukan save as dan pilihlah tipe file .ico.

File ico juga dapat dibuat secara online, seperti menggunakan website http://www.html-kit.com/favicon/

Memasang Ikon Pada Website Atau Blog

Kunjungi situs.
Pada Create a Favicon from any picture, klik 'Browse'.
Kemudian klik 'Generate FavIcon.ico'
Setelah itu jika Anda menginginkan favicon animasi, download dalam format gif dan simpan gambar.
Kemudian upload gambar tersebut menggunakan hosting, atau bisa diupload pada blogger, kemudian diambil urlnya.

Setelah favicon siap, berikut langkah memasangnya:

Login ke akun blogger Anda.
Pilih 'Tata Letak' pada menu dropdown.
Klik 'Edit' di bagian Favicon, lihat gambar
Klik 'Browse', pilih file, setelah di upload klik 'Simpan'.

Cara lainnya adalah dengan menaruh kode html lalu menyimpannya. Pada blogspot masuk ke Template ---> Edit HTML ---> beri tanda centang pada kotak Expand Widget Template. Lalu tambahkan kode dibawah ini tepat diatas </head>

<link href='URL ICON' rel='icon' type='image/gif'/>
atau
<link rel="Shortcut Icon" href="/favicon.ico">
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/ico" href="favicon.ico">
<link rel="icon" href="/favicon.png" type="image/png">
<link rel="icon" href="/favicon.gif" type="image/gif">

Keterangan:
Ganti 'URL ICON' dengan URL atau link gambar yang Anda upload tadi. Kemudian simpan template.Pada website selain blog tinggal mencari kode </head>

Untuk membuat favicon berjalan dapat membuat online di situs Favicon animasi. Generate gambar png, isi tulisan dan unduh. Uploud di hosting atau blog kemudian ambil url link nya.

Kode faviconnya

<link rel="shortcut icon" href="alamat link faviconnya">

Ketika muncul eror: The Element Type "link" Must Be Terminated by The Matching End-tag
link pada blogspot cukup tambahkan tanda garis miring. Menjadi

<link rel="shortcut icon" href="alamat link faviconnya"/>

Memasang Ikon Pada Website Atau Blog

Kunjungi situs.
Pada Create a Favicon from any picture, klik 'Browse'.
Kemudian klik 'Generate FavIcon.ico'
Setelah itu jika Anda menginginkan favicon animasi, download dalam format gif dan simpan gambar.
Kemudian upload gambar tersebut menggunakan hosting, atau bisa diupload pada blogger, kemudian diambil urlnya.

Setelah favicon siap, berikut langkah memasangnya:

Login ke akun blogger Anda.
Pilih 'Tata Letak' pada menu dropdown.
Klik 'Edit' di bagian Favicon, lihat gambar
Klik 'Browse', pilih file, setelah di upload klik 'Simpan'.

<link href='URL ICON' rel='icon' type='image/gif'/>
atau
<link rel="Shortcut Icon" href="/favicon.ico">
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/ico" href="favicon.ico">
<link rel="icon" href="/favicon.png" type="image/png">
<link rel="icon" href="/favicon.gif" type="image/gif">

<link rel="shortcut icon" href="alamat link faviconnya">

Ketika muncul eror: The Element Type "link" Must Be Terminated by The Matching End-tag
link pada blogspot cukup tambahkan tanda garis miring. Menjadi

<link rel="shortcut icon" href="alamat link faviconnya"/>

Blog pada Blogpot dapat dikelola oleh beberapa orang. Baik sebagai penulis yang hanya dapat menulis dan mempublikasikan posting blog, editor atau administrator yang dapat mengakses keseluruhan dari blog. Untuk dapat membuat user baru, syaratnya level Anda harus administrator. Adapun langkah-langkah pembuatannya, sebagai berikut:

Login akun blogger Anda.
Pilih menu tab Setelan, kemudian klik Dasar.
Cari bagian Izin-Pengarang Blog
Pada bagian Penulis Blog, klik Tambahkan penulis.
Masukkan alamat email yang ingin Anda tambahkan, klik Undang penulis.
Selanjutnya email user baru diminta konfirmasi lewat email yang didaftarkan tadi.
Setelah dikonfirmasi maka email tersebut dapat mengakses blog Anda. Beritahu pemilik email yang didaftarkan tersebut agar mengkonfirmasi undangan.
Selanjutnya admin/administrator dapat menambahkan pilihan kepada user baru tadi sebagai admin yang dapat mengakses keseluruhan dari blog atau sebagai penulis saja. Dengan cara:
Kembali ke halaman Setelan, klik Dasar.
Pada bagian Penulis blog akan terlihat email yang Anda daftarkan. Pada samping email tersebut ada kotak pilihan dapat diklik dan user baru dipilih sebagai Admin atau Penulis.

Cara Menambahkan User Pengelola Blogspot

Login akun blogger Anda.
Pilih menu tab Setelan, kemudian klik Dasar.
Cari bagian Izin-Pengarang Blog
Pada bagian Penulis Blog, klik Tambahkan penulis.
Masukkan alamat email yang ingin Anda tambahkan, klik Undang penulis.
Selanjutnya email user baru diminta konfirmasi lewat email yang didaftarkan tadi.
Setelah dikonfirmasi maka email tersebut dapat mengakses blog Anda. Beritahu pemilik email yang didaftarkan tersebut agar mengkonfirmasi undangan.
Selanjutnya admin/administrator dapat menambahkan pilihan kepada user baru tadi sebagai admin yang dapat mengakses keseluruhan dari blog atau sebagai penulis saja. Dengan cara:
Kembali ke halaman Setelan, klik Dasar.
Pada bagian Penulis blog akan terlihat email yang Anda daftarkan. Pada samping email tersebut ada kotak pilihan dapat diklik dan user baru dipilih sebagai Admin atau Penulis.

Cara Menambahkan User Pengelola Blogspot

Membuat Link HTML Terbuka Di Halaman Baru

Atribut target untuk menentukan membuka dokumen terkait dapat memiliki salah satu dari nilai berikut:

_blank - Membuka dokumen terkait di jendela baru atau tab
_self - Membuka dokumen terkait di jendela yang sama / tab seperti yang diklik (ini adalah default)
_parent - Membuka dokumen terkait dalam kerangka induk
_top - Membuka dokumen terkait dalam tubuh penuh jendela
framename - Membuka dokumen terkait dalam bingkai bernama

Contoh membuka dalam jendela browser / tab baru:

<a href="http://www.dekalita.com/" target="_blank"> dekalita.com </a>

Jika Anda mengatur atribut target untuk "_blank", link akan terbuka di jendela browser baru atau tab.

Membuat Link HTML Terbuka Di Halaman Baru

Atribut target untuk menentukan membuka dokumen terkait dapat memiliki salah satu dari nilai berikut:

_blank - Membuka dokumen terkait di jendela baru atau tab
_self - Membuka dokumen terkait di jendela yang sama / tab seperti yang diklik (ini adalah default)
_parent - Membuka dokumen terkait dalam kerangka induk
_top - Membuka dokumen terkait dalam tubuh penuh jendela
framename - Membuka dokumen terkait dalam bingkai bernama

Contoh membuka dalam jendela browser / tab baru:

<a href="http://www.dekalita.com/" target="_blank"> dekalita.com </a>

Jika Anda mengatur atribut target untuk "_blank", link akan terbuka di jendela browser baru atau tab.

Karakter Khusus Dan Penulisannya Dalam HTML

Nama, penulisan dalam html, dan simbol karakter

left single quote		‘	‘
right single quote		’	’
single low-9 quote		&sbquo;	‚
left double quote		“	“
right double quote		”	”
double low-9 quote		&bdquo;	„
dagger		&dagger;	†
double dagger		&Dagger;	‡
per mill sign		&permil;	‰
single left-pointing angle quote		&lsaquo;	‹
single right-pointing angle quote		&rsaquo;	›
black spade suit		&spades;	♠
black club suit		&clubs;	♣
black heart suit		&hearts;	♥
black diamond suit		&diams;	♦
overline, = spacing overscore		&oline;	‾
leftward arrow		←	←
upward arrow		↑	↑
rightward arrow		→	→
downward arrow		↓	↓
trademark sign	™	™	™
unused	-
horizontal tab
line feed
unused
space
exclamation mark	!		!
double quotation mark	"	"	"
number sign	#		#
dollar sign	$		$
percent sign	%		%
ampersand	&	&	&
apostrophe	'		'
left parenthesis	(		(
right parenthesis	)		)
asterisk	*		*
plus sign	+		+
comma	,		,
hyphen	-		-
period	.		.
slash	/	&frasl;	/
digits 0-9	0- 9
colon	:		:
semicolon	;		;
less-than sign	<	<	<
equals sign	=		=
greater-than sign	>	>	>
question mark	?		?
at sign	@		@
uppercase letters A-Z	A- Z
left square bracket	[		[
backslash	\		\
right square bracket	]		]
caret	^		^
horizontal bar (underscore)	_		_
grave accent	`		`
lowercase letters a-z	a- z
left curly brace	{		{
vertical bar	\|		\|
right curly brace	}		}
tilde	~		~
ellipses		…	…
en dash		–	–
em dash		—	—
unused	-
nonbreaking space
inverted exclamation	¡	¡	¡
cent sign	¢	¢	¢
pound sterling	£	£	£
general currency sign	¤	¤	¤
yen sign	¥	¥	¥
broken vertical bar	¦	¦ or &brkbar;	¦
section sign	§	§	§
umlaut	¨	¨ or &die;	¨
copyright	©	©	©
feminine ordinal	ª	ª	ª
left angle quote	«	«	«
not sign	¬	¬	¬
soft hyphen
registered trademark	®	®	®
macron accent	¯	¯ or &hibar;	¯
degree sign	°	°	°
plus or minus	±	±	±
superscript two	²	²	²
superscript three	³	³	³
acute accent	´	´	´
micro sign	µ	µ	µ
paragraph sign	¶	¶	¶
middle dot	·	·	·
cedilla	¸	¸	¸
superscript one	¹	¹	¹
masculine ordinal	º	º	º
right angle quote	»	»	»
one-fourth	¼	¼	¼
one-half	½	½	½
three-fourths	¾	¾	¾
inverted question mark	¿	¿	¿
uppercase A, grave accent	À	À	À
uppercase A, acute accent	Á	Á	Á
uppercase A, circumflex accent	Â	Â	Â
uppercase A, tilde	Ã	Ã	Ã
uppercase A, umlaut	Ä	Ä	Ä
uppercase A, ring	Å	Å	Å
uppercase AE	Æ	Æ	Æ
uppercase C, cedilla	Ç	Ç	Ç
uppercase E, grave accent	È	È	È
uppercase E, acute accent	É	É	É
uppercase E, circumflex accent	Ê	Ê	Ê
uppercase E, umlaut	Ë	Ë	Ë
uppercase I, grave accent	Ì	Ì	Ì
uppercase I, acute accent	Í	Í	Í
uppercase I, circumflex accent	Î	Î	Î
uppercase I, umlaut	Ï	Ï	Ï
uppercase Eth, Icelandic	Ð	Ð	Ð
uppercase N, tilde	Ñ	Ñ	Ñ
uppercase O, grave accent	Ò	Ò	Ò
uppercase O, acute accent	Ó	Ó	Ó
uppercase O, circumflex accent	Ô	Ô	Ô
uppercase O, tilde	Õ	Õ	Õ
uppercase O, umlaut	Ö	Ö	Ö
multiplication sign	×	×	×
uppercase O, slash	Ø	Ø	Ø
uppercase U, grave accent	Ù	Ù	Ù
uppercase U, acute accent	Ú	Ú	Ú
uppercase U, circumflex accent	Û	Û	Û
uppercase U, umlaut	Ü	Ü	Ü
uppercase Y, acute accent	Ý	Ý	Ý
uppercase THORN, Icelandic	Þ	Þ	Þ
lowercase sharps, German	ß	ß	ß
lowercase a, grave accent	à	à	à
lowercase a, acute accent	á	á	á
lowercase a, circumflex accent	â	â	â
lowercase a, tilde	ã	ã	ã
lowercase a, umlaut	ä	ä	ä
lowercase a, ring	å	å	å
lowercase ae	æ	æ	æ
lowercase c, cedilla	ç	ç	ç
lowercase e, grave accent	è	è	è
lowercase e, acute accent	é	é	é
lowercase e, circumflex accent	ê	ê	ê
lowercase e, umlaut	ë	ë	ë
lowercase i, grave accent	ì	ì	ì
lowercase i, acute accent	í	í	í
lowercase i, circumflex accent	î	î	î
lowercase i, umlaut	ï	ï	ï
lowercase eth, Icelandic	ð	ð	ð
lowercase n, tilde	ñ	ñ	ñ
lowercase o, grave accent	ò	ò	ò
lowercase o, acute accent	ó	ó	ó
lowercase o, circumflex accent	ô	ô	ô
lowercase o, tilde	õ	õ	õ
lowercase o, umlaut	ö	ö	ö
division sign	÷	÷	÷
lowercase o, slash	ø	ø	ø
lowercase u, grave accent	ù	ù	ù
lowercase u, acute accent	ú	ú	ú
lowercase u, circumflex accent	û	û	û
lowercase u, umlaut	ü	ü	ü
lowercase y, acute accent	ý	ý	ý
lowercase thorn, Icelandic	þ	þ	þ
lowercase y, umlaut	ÿ	ÿ	ÿ
Alpha	Α		Α
alpha	α		α
Beta	Β		Β
beta	β		β
Gamma	Γ		Γ
gamma	γ		γ
Delta	Δ		Δ
delta	δ		δ
Epsilon	Ε		Ε
epsilon	ε		ε
Zeta	Ζ		Ζ
zeta	ζ		ζ
Eta	Η		Η
eta	η		η
Theta	Θ		Θ
theta	θ		θ
Iota	Ι		Ι
iota	ι		ι
Kappa	Κ		Κ
kappa	κ		κ
Lambda	Λ		Λ
lambda	λ		λ
Mu	Μ		Μ
mu	μ		μ
Nu	Ν		Ν
nu	ν		ν
Xi	Ξ		Ξ
xi	ξ		ξ
Omicron	Ο		Ο
omicron	ο		ο
Pi	Π		Π
pi	π		π
Rho	Ρ		Ρ
rho	ρ		ρ
Sigma	Σ		Σ
sigma	σ		σ
Tau	Τ		Τ
tau	τ		τ
Upsilon	Υ		Υ
upsilon	υ		υ
Phi	Φ		Φ
phi	φ		φ
Chi	Χ		Χ
chi	χ		χ
Psi	Ψ		Ψ
psi	ψ		ψ
Omega	Ω		Ω
omega	ω		ω
password dot	●		●
bullet	•		•

Karakter Khusus Dan Penulisannya Dalam HTML

Nama, penulisan dalam html, dan simbol karakter

left single quote		‘	‘
right single quote		’	’
single low-9 quote		&sbquo;	‚
left double quote		“	“
right double quote		”	”
double low-9 quote		&bdquo;	„
dagger		&dagger;	†
double dagger		&Dagger;	‡
per mill sign		&permil;	‰
single left-pointing angle quote		&lsaquo;	‹
single right-pointing angle quote		&rsaquo;	›
black spade suit		&spades;	♠
black club suit		&clubs;	♣
black heart suit		&hearts;	♥
black diamond suit		&diams;	♦
overline, = spacing overscore		&oline;	‾
leftward arrow		←	←
upward arrow		↑	↑
rightward arrow		→	→
downward arrow		↓	↓
trademark sign	™	™	™
unused	-
horizontal tab
line feed
unused
space
exclamation mark	!		!
double quotation mark	"	"	"
number sign	#		#
dollar sign	$		$
percent sign	%		%
ampersand	&	&	&
apostrophe	'		'
left parenthesis	(		(
right parenthesis	)		)
asterisk	*		*
plus sign	+		+
comma	,		,
hyphen	-		-
period	.		.
slash	/	&frasl;	/
digits 0-9	0- 9
colon	:		:
semicolon	;		;
less-than sign	<	<	<
equals sign	=		=
greater-than sign	>	>	>
question mark	?		?
at sign	@		@
uppercase letters A-Z	A- Z
left square bracket	[		[
backslash	\		\
right square bracket	]		]
caret	^		^
horizontal bar (underscore)	_		_
grave accent	`		`
lowercase letters a-z	a- z
left curly brace	{		{
vertical bar	\|		\|
right curly brace	}		}
tilde	~		~
ellipses		…	…
en dash		–	–
em dash		—	—
unused	-
nonbreaking space
inverted exclamation	¡	¡	¡
cent sign	¢	¢	¢
pound sterling	£	£	£
general currency sign	¤	¤	¤
yen sign	¥	¥	¥
broken vertical bar	¦	¦ or &brkbar;	¦
section sign	§	§	§
umlaut	¨	¨ or &die;	¨
copyright	©	©	©
feminine ordinal	ª	ª	ª
left angle quote	«	«	«
not sign	¬	¬	¬
soft hyphen
registered trademark	®	®	®
macron accent	¯	¯ or &hibar;	¯
degree sign	°	°	°
plus or minus	±	±	±
superscript two	²	²	²
superscript three	³	³	³
acute accent	´	´	´
micro sign	µ	µ	µ
paragraph sign	¶	¶	¶
middle dot	·	·	·
cedilla	¸	¸	¸
superscript one	¹	¹	¹
masculine ordinal	º	º	º
right angle quote	»	»	»
one-fourth	¼	¼	¼
one-half	½	½	½
three-fourths	¾	¾	¾
inverted question mark	¿	¿	¿
uppercase A, grave accent	À	À	À
uppercase A, acute accent	Á	Á	Á
uppercase A, circumflex accent	Â	Â	Â
uppercase A, tilde	Ã	Ã	Ã
uppercase A, umlaut	Ä	Ä	Ä
uppercase A, ring	Å	Å	Å
uppercase AE	Æ	Æ	Æ
uppercase C, cedilla	Ç	Ç	Ç
uppercase E, grave accent	È	È	È
uppercase E, acute accent	É	É	É
uppercase E, circumflex accent	Ê	Ê	Ê
uppercase E, umlaut	Ë	Ë	Ë
uppercase I, grave accent	Ì	Ì	Ì
uppercase I, acute accent	Í	Í	Í
uppercase I, circumflex accent	Î	Î	Î
uppercase I, umlaut	Ï	Ï	Ï
uppercase Eth, Icelandic	Ð	Ð	Ð
uppercase N, tilde	Ñ	Ñ	Ñ
uppercase O, grave accent	Ò	Ò	Ò
uppercase O, acute accent	Ó	Ó	Ó
uppercase O, circumflex accent	Ô	Ô	Ô
uppercase O, tilde	Õ	Õ	Õ
uppercase O, umlaut	Ö	Ö	Ö
multiplication sign	×	×	×
uppercase O, slash	Ø	Ø	Ø
uppercase U, grave accent	Ù	Ù	Ù
uppercase U, acute accent	Ú	Ú	Ú
uppercase U, circumflex accent	Û	Û	Û
uppercase U, umlaut	Ü	Ü	Ü
uppercase Y, acute accent	Ý	Ý	Ý
uppercase THORN, Icelandic	Þ	Þ	Þ
lowercase sharps, German	ß	ß	ß
lowercase a, grave accent	à	à	à
lowercase a, acute accent	á	á	á
lowercase a, circumflex accent	â	â	â
lowercase a, tilde	ã	ã	ã
lowercase a, umlaut	ä	ä	ä
lowercase a, ring	å	å	å
lowercase ae	æ	æ	æ
lowercase c, cedilla	ç	ç	ç
lowercase e, grave accent	è	è	è
lowercase e, acute accent	é	é	é
lowercase e, circumflex accent	ê	ê	ê
lowercase e, umlaut	ë	ë	ë
lowercase i, grave accent	ì	ì	ì
lowercase i, acute accent	í	í	í
lowercase i, circumflex accent	î	î	î
lowercase i, umlaut	ï	ï	ï
lowercase eth, Icelandic	ð	ð	ð
lowercase n, tilde	ñ	ñ	ñ
lowercase o, grave accent	ò	ò	ò
lowercase o, acute accent	ó	ó	ó
lowercase o, circumflex accent	ô	ô	ô
lowercase o, tilde	õ	õ	õ
lowercase o, umlaut	ö	ö	ö
division sign	÷	÷	÷
lowercase o, slash	ø	ø	ø
lowercase u, grave accent	ù	ù	ù
lowercase u, acute accent	ú	ú	ú
lowercase u, circumflex accent	û	û	û
lowercase u, umlaut	ü	ü	ü
lowercase y, acute accent	ý	ý	ý
lowercase thorn, Icelandic	þ	þ	þ
lowercase y, umlaut	ÿ	ÿ	ÿ
Alpha	Α		Α
alpha	α		α
Beta	Β		Β
beta	β		β
Gamma	Γ		Γ
gamma	γ		γ
Delta	Δ		Δ
delta	δ		δ
Epsilon	Ε		Ε
epsilon	ε		ε
Zeta	Ζ		Ζ
zeta	ζ		ζ
Eta	Η		Η
eta	η		η
Theta	Θ		Θ
theta	θ		θ
Iota	Ι		Ι
iota	ι		ι
Kappa	Κ		Κ
kappa	κ		κ
Lambda	Λ		Λ
lambda	λ		λ
Mu	Μ		Μ
mu	μ		μ
Nu	Ν		Ν
nu	ν		ν
Xi	Ξ		Ξ
xi	ξ		ξ
Omicron	Ο		Ο
omicron	ο		ο
Pi	Π		Π
pi	π		π
Rho	Ρ		Ρ
rho	ρ		ρ
Sigma	Σ		Σ
sigma	σ		σ
Tau	Τ		Τ
tau	τ		τ
Upsilon	Υ		Υ
upsilon	υ		υ
Phi	Φ		Φ
phi	φ		φ
Chi	Χ		Χ
chi	χ		χ
Psi	Ψ		Ψ
psi	ψ		ψ
Omega	Ω		Ω
omega	ω		ω
password dot	●		●
bullet	•		•

Cara posting artikel blog atau website yang memakai blogspot
1. Ketik situs www.blogger.com pada browser.
2. Isi Username dan password, bisa mengisikan email dan password akun Google. Jika belum punya, silakan bikin dulu disini https://accounts.google.com/signup?hl=id.lalu tekan Enter

3. Jika sebelumnya Anda belum membuat profil Google+ maka klik “Buat profil Google+” tapi kalo sudah punya profil Google+ maka langsung lompat ke langkah berikutnya.

4. Setelah itu akan masuk ke dashboard blogger. Klik saja tombol yang bergambar pensil. Pilih blog website mana yang akan Anda update artikel.
5. Lalu akan terlihat ruang kosong lebar.

A. Digunakan untuk menulis judul artikel.
B. Pada bagian B untuk memilih format tulisan biasa yang tidak berupa script /html. (Pilih ini saja bagi pemula).
C. Pilih ini jika ingin memasukkan format html/ script. Pada baris ini pula terdapat fasilitas untuk dapat membuat tulisan miring, tebal, besar, undo redo, meratakan tulisan.
D. Isi artikel. Jika mau membuat gambar dari komputer untuk ditampilkan di blog maka klik saja bagian L, akan mengarah ke tempat Anda menyimpan gambar-gambar. Pilih file yang diinginkan lalu Add.
E. Label. Untuk memberi label, tag, kategori artikel.
F. Jadwal. Untuk mengatur jadwal terbit.
G. Tautan permanen. Untuk menciptakan link sesuai keinginan.
H. Lokasi. Untuk menandai lokasi postingan secara geografis pada google maps. Berguna juga untuk SEO. Bisa diabaikan untuk pemula agar tidak membingungkan.
I. Pilihan pengaturan dalam penulisan dan lain-lain. Bisa diabaikan untuk pemula agar tidak membingungkan.

Cara Posting Artikel

6. Selesai.Anda dapat mengklik simpan untuk menyimpan sebagai draft. Pratinjau untuk melihat hasil tulisan sebelum diterbitkan. Dan Klik publikasikan untuk menerbitkan.

Beranilah mencoba. Sebelum bertanya. Karena bisa jadi jawabannya ada setelah mencoba. Jangan takut salah dan mengesampingkan mencoba, karena praktek adalah solusi untuk menjadi BISA. Kunci dari dunia TIK adalah 99% praktek langsung dan hanya 1% bertanya. Itupun diutamakan bertanya kepada pengalaman praktek yang telah dilakukan sendiri.
Prinsip otodidak blog dekalita.

Cara Posting Artikel Blogspot

4. Setelah itu akan masuk ke dashboard blogger. Klik saja tombol yang bergambar pensil. Pilih blog website mana yang akan Anda update artikel.
5. Lalu akan terlihat ruang kosong lebar.

A. Digunakan untuk menulis judul artikel.
B. Pada bagian B untuk memilih format tulisan biasa yang tidak berupa script /html. (Pilih ini saja bagi pemula).
C. Pilih ini jika ingin memasukkan format html/ script. Pada baris ini pula terdapat fasilitas untuk dapat membuat tulisan miring, tebal, besar, undo redo, meratakan tulisan.
D. Isi artikel. Jika mau membuat gambar dari komputer untuk ditampilkan di blog maka klik saja bagian L, akan mengarah ke tempat Anda menyimpan gambar-gambar. Pilih file yang diinginkan lalu Add.
E. Label. Untuk memberi label, tag, kategori artikel.
F. Jadwal. Untuk mengatur jadwal terbit.
G. Tautan permanen. Untuk menciptakan link sesuai keinginan.
H. Lokasi. Untuk menandai lokasi postingan secara geografis pada google maps. Berguna juga untuk SEO. Bisa diabaikan untuk pemula agar tidak membingungkan.
I. Pilihan pengaturan dalam penulisan dan lain-lain. Bisa diabaikan untuk pemula agar tidak membingungkan.

Cara Posting Artikel

6. Selesai.Anda dapat mengklik simpan untuk menyimpan sebagai draft. Pratinjau untuk melihat hasil tulisan sebelum diterbitkan. Dan Klik publikasikan untuk menerbitkan.

Beranilah mencoba. Sebelum bertanya. Karena bisa jadi jawabannya ada setelah mencoba. Jangan takut salah dan mengesampingkan mencoba, karena praktek adalah solusi untuk menjadi BISA. Kunci dari dunia TIK adalah 99% praktek langsung dan hanya 1% bertanya. Itupun diutamakan bertanya kepada pengalaman praktek yang telah dilakukan sendiri.
Prinsip otodidak blog dekalita.

Cara membuat headline news pada blogspot, berita berjalan yang terletak di bagian atas atau bawah blog. Berikut langkah-langkahnya :

Login akun blogger.
Pilih Tata Letak, Tambah Gadget, HTML/JavaScript.
Copy-Paste kode scriptnya di HTML/JavaScript.
http://blog.dekalita.com: Ganti alamat URL blog Anda
Jumlah_post: Diisi jumlah judul posting yang akan ditampilkan.
#EEEEEE : Kode warna background headline news.
#000000 : Kode warna bingkai atau border.
Bottom : Posisi headline news, jika diatas ganti “top”
True : Menampilkan tulisan “Kabar Baru”, jika tidak ingin ditampilkan “false”

<script type="text/javascript">
var hn_url_blog = "http://blog.dekalita.com";
var hn_jumlah_post = 33;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script type="text/javascript" src="http://yourjavascript.com/4062951175/kunjungi2.js"></script>

Membuat Berita Berjalan di Blog

Cara membuat headline news pada blogspot, berita berjalan yang terletak di bagian atas atau bawah blog. Berikut langkah-langkahnya :

Login akun blogger.
Pilih Tata Letak, Tambah Gadget, HTML/JavaScript.
Copy-Paste kode scriptnya di HTML/JavaScript.
http://blog.dekalita.com: Ganti alamat URL blog Anda
Jumlah_post: Diisi jumlah judul posting yang akan ditampilkan.
#EEEEEE : Kode warna background headline news.
#000000 : Kode warna bingkai atau border.
Bottom : Posisi headline news, jika diatas ganti “top”
True : Menampilkan tulisan “Kabar Baru”, jika tidak ingin ditampilkan “false”

<script type="text/javascript">
var hn_url_blog = "http://blog.dekalita.com";
var hn_jumlah_post = 33;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script type="text/javascript" src="http://yourjavascript.com/4062951175/kunjungi2.js"></script>

Sitemap adalah peta situs berisi daftar isi untuk memudahkan pengunjung melihat isi website atau blog. Ada beberapa cara untuk membuat peta situs. Adapun yang sederhana, bagus dan mudah diantaranya adalah memakai cara berikut:

Login blogger terlebih dahulu.
Masuk ke buat halaman baru dengan mode HTML.
Copy dan pastekan script di bawah. Lalu publikasikan.
Publikasikan langsung, karena kemungkinan tidak akan tampil di mode pratinjau.
Ganti warna merah sesuai keinginan Anda. Width untuk pengaturan lebar, height untuk tinggi. Hasilnya tampak seperti blog ini. http://blog.dekalita.com/p/blog-page_27.html
Warna biru untuk membuat fungsi scroll.

<div style="background: transparent url(#) no-repeat; border: 1px solid white; height: 500px; overflow: auto; padding-left: 5px; width: 95%;">
<script src="http://yourjavascript.com/18715124631/blog-dekalita-com.js" type="text/javascript"></script>
<script src="http://blog.dekalita.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </div>

Atau memakai kode lain dibawah ini:

<span style="background-color: #fff2cc;">Peta Website</span><br />
<br />
<div style="overflow:auto; padding-left:5px; width:95%; height:500px;">
<script language="javascript">
numposts=9999;
home_page="blog.dekalita.com";
explanpost="Baru !";
</script>
<ul><script type="text/javascript" src="http://yourjavascript.com/18715124631/blog-dekalita-com.js"></script></ul>
</div>

Membuat Peta Situs di Blog

Login blogger terlebih dahulu.
Masuk ke buat halaman baru dengan mode HTML.
Copy dan pastekan script di bawah. Lalu publikasikan.
Publikasikan langsung, karena kemungkinan tidak akan tampil di mode pratinjau.
Ganti warna merah sesuai keinginan Anda. Width untuk pengaturan lebar, height untuk tinggi. Hasilnya tampak seperti blog ini. http://blog.dekalita.com/p/blog-page_27.html
Warna biru untuk membuat fungsi scroll.

<div style="background: transparent url(#) no-repeat; border: 1px solid white; height: 500px; overflow: auto; padding-left: 5px; width: 95%;">
<script src="http://yourjavascript.com/18715124631/blog-dekalita-com.js" type="text/javascript"></script>
<script src="http://blog.dekalita.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </div>

Atau memakai kode lain dibawah ini:

<span style="background-color: #fff2cc;">Peta Website</span><br />
<br />
<div style="overflow:auto; padding-left:5px; width:95%; height:500px;">
<script language="javascript">
numposts=9999;
home_page="blog.dekalita.com";
explanpost="Baru !";
</script>
<ul><script type="text/javascript" src="http://yourjavascript.com/18715124631/blog-dekalita-com.js"></script></ul>
</div>

Berikut script slidbox untuk membuat tulisan melayang, tinggal tempatkan di bagian HTML/javascript. Anda dapat memodifikasi posisi, tulisan dan warnanya.

Masuk ke blogger.com jika memakai blogger, (Jika website lain masuk pada mode
HTML/javascript).
Klik TATA LETAK,
Klik TAMBAHKAN GADGET
Pilih HTML/javascript.
Lalu simpan.
Reload web/blog, selesai.

<script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; top:20px;
left:10px; display:none;
background: #6f6f6f repeat; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #ffffff;" id="fbslidebox">
    <div style="width:300px; padding:10px; margin:0 auto; overflow:hidden;">
        <strong style="color:white;"><center>Promo Hari Ini!</center></strong>
<div style="font: 11px verdana; width: 280px; height: auto; padding: 5px; border: 1px solid white;">
<a style="text-decoration: underline; padding: 0; font-size: 12px; color: white;" href="http://www.dekalita.com/tiketpromo/" target="_blank"><strong>Free Pendaftaran: </strong></a><p><font color="white">Beli sendiri tiket pesawatmu di keagenan sendiri lebih hemat! Lion: 80:20, komisi yang diberikan maskapai 80% nya masuk ke mitra, misal tiket seharga 2.000.000 komisinya 100.000 maka Anda akan mendapatkan 80.000.</font></p>
    <script>function newWindow(){window.open("http://www.dekalita.com/tiketpromo/");}</script>
<a href="http://www.dekalita.com/tiketpromo/" target="_blank"><div class="http://www.dekalita.com/tiketpromo/"><span style="color: #ffffff;">http://www.dekalita.com/tiketpromo/</span></div>
        </div>        <a href="#" style="float:right; color:#ffffff; padding:0 3px;
border:2px solid #ffffff; text-decoration:none; font-size:10px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a></div>

#FariasiWeb 4. Membuat tulisan melayang

Berikut script slidbox untuk membuat tulisan melayang, tinggal tempatkan di bagian HTML/javascript. Anda dapat memodifikasi posisi, tulisan dan warnanya.

Masuk ke blogger.com jika memakai blogger, (Jika website lain masuk pada mode
HTML/javascript).
Klik TATA LETAK,
Klik TAMBAHKAN GADGET
Pilih HTML/javascript.
Lalu simpan.
Reload web/blog, selesai.

<script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; top:20px;
left:10px; display:none;
background: #6f6f6f repeat; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #ffffff;" id="fbslidebox">
    <div style="width:300px; padding:10px; margin:0 auto; overflow:hidden;">
        <strong style="color:white;"><center>Promo Hari Ini!</center></strong>
<div style="font: 11px verdana; width: 280px; height: auto; padding: 5px; border: 1px solid white;">
<a style="text-decoration: underline; padding: 0; font-size: 12px; color: white;" href="http://www.dekalita.com/tiketpromo/" target="_blank"><strong>Free Pendaftaran: </strong></a><p><font color="white">Beli sendiri tiket pesawatmu di keagenan sendiri lebih hemat! Lion: 80:20, komisi yang diberikan maskapai 80% nya masuk ke mitra, misal tiket seharga 2.000.000 komisinya 100.000 maka Anda akan mendapatkan 80.000.</font></p>
    <script>function newWindow(){window.open("http://www.dekalita.com/tiketpromo/");}</script>
<a href="http://www.dekalita.com/tiketpromo/" target="_blank"><div class="http://www.dekalita.com/tiketpromo/"><span style="color: #ffffff;">http://www.dekalita.com/tiketpromo/</span></div>
        </div>        <a href="#" style="float:right; color:#ffffff; padding:0 3px;
border:2px solid #ffffff; text-decoration:none; font-size:10px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a></div>

Widget Jadwal Sholat

Cara pasang kalender dan jadwal sholat di website/blog copy pastekan kode berikut ini ke widget website Anda.

<center><iframe src="http://dekalita.com/sholat/qudsiyyah.html" scrolling="no" width="230" height="320" frameborder="no" framespacing="0"></iframe></center>

#FariasiWeb 1. Pasang Kalender dan Jadwal Sholat.

Widget Jadwal Sholat

Cara pasang kalender dan jadwal sholat di website/blog copy pastekan kode berikut ini ke widget website Anda.

<center><iframe src="http://dekalita.com/sholat/qudsiyyah.html" scrolling="no" width="230" height="320" frameborder="no" framespacing="0"></iframe></center>

Kudus	Jl. Hasyim Asy'ari 2 No.12, Sudimoro, Karangmalang, Gebog, Kudus, Jawa Tengah. 59354
Tarakan	Jl. Pepabri RT.12/02 No. 34. Kampung Satu SKIP, Tarakan Tengah, Tarakan, Kalimantan Utara. 77122

Layanan Pelanggan

contact

Toko Online DEKALITA

Laman

Pages

We are on

Labels

Banner

Slide

Popular Products

Toko Online DEKALITA

Membuka Link Di Tab Baru Dengan Jquery.

Kode HTML Gambar, Link Di Pojok Atau Samping Web

Memasang tombol Whatapp Twitter, Facebook Share dan Facebook Like, Telegram di akhir artikel.Blogspot. Cari kode <data:post.body/> di edit template pada posisi yang kedua karena biasanya ada dua kode tersebut di blog <data:post.body/> yang kedua. Lalu isikan di bawahnya kode berikut ini:

Pasang Tombol Berbagi Whats App, Facebook Dan Media Sosial Lain

Memasang tombol Whatapp Twitter, Facebook Share dan Facebook Like, Telegram di akhir artikel.Blogspot. Cari kode <data:post.body/> di edit template pada posisi yang kedua karena biasanya ada dua kode tersebut di blog <data:post.body/> yang kedua. Lalu isikan di bawahnya kode berikut ini:

Teks Area

Html Slide Show

Mobile Friendly

Tulisan Berjalan Di Bar Dekat Favicon

Cara Mempassword Halaman Blogspot

Memberi Warna dan Gambar Sebagai Latar Belakang

Cara membersihkan/reset data Fantastico. Membersihkan Data Fantastico

Membersihkan Data Fantastico

Cara membersihkan/reset data Fantastico. Membersihkan Data Fantastico

The Feed Does Not Have Subscriptions By Email Enabled

Memasang Ikon Pada Website Atau Blog

Cara Menambahkan User Pengelola Blogspot

Membuat Link HTML Terbuka Di Halaman Baru

Karakter Khusus Dan Penulisannya Dalam HTML

Cara Posting Artikel Blogspot

Membuat Berita Berjalan di Blog

Membuat Peta Situs di Blog

#FariasiWeb 4. Membuat tulisan melayang

#FariasiWeb 1. Pasang Kalender dan Jadwal Sholat.

Halaman

Yang sering dilihat

Kategori

Label

Popular Products

shipping

Kontak Langsung, Klik.

Jam Dan Hari Kerja

Panduan

Kami Ada Di

Sosial Media

bank acc

Memasang tombol Whatapp Twitter, Facebook Share dan Facebook Like, Telegram di akhir artikel.
Blogspot. Cari kode `<data:post.body/> di edit template pada posisi yang kedua karena biasanya ada dua kode tersebut di blog <data:post.body/> yang kedua. Lalu isikan di bawahnya kode berikut ini:`

Memasang tombol Whatapp Twitter, Facebook Share dan Facebook Like, Telegram di akhir artikel.
Blogspot. Cari kode `<data:post.body/> di edit template pada posisi yang kedua karena biasanya ada dua kode tersebut di blog <data:post.body/> yang kedua. Lalu isikan di bawahnya kode berikut ini:`

Cara membersihkan/reset data Fantastico.
Membersihkan Data Fantastico

Cara membersihkan/reset data Fantastico.
Membersihkan Data Fantastico