Kumpulan Kode Script HTML Untuk Blog

Aminudin Aszad
Aminudin Aszad
Mei 26, 2022

Newsartstory.com - Kumpulan kode-kode script html yang kali ini akan kita bahas dan bagikan untuk kalian yang ingin terjun di dunia blogger. walaupun tidak begitu lengkap, kode script untuk blog kali ini, bisa kalian terapkan pada blog kalian. bukan hanya membagikan kode-kode script yang sering dipakai pada saat ngeblog,tetapi script kode ini bisa bermanfaat ketika kalian hendak membuat postingan pada blog. 

Baca juga: Langkah Menghapus Akun Google Secara Permanen

 Apa saja script kode yang sering digunakan ? kode script html yang akan saya bagikan tidaklah banyak. hanya kode script yang berguna dalam membuat postingan atau artikel. khususnya untuk menyimpan script kode di blog ini. buat kalian yang mau mencobanya atau sudah memahami kode-kode script html atau kumpulan kode script blog. silahkan simak ulasan berikut yang akan newsartstory.com bagikan untuk kalian: 

1. SCRIPT KODE LINK GAMBAR 
Yang pertama buat kalian yang belum tahu seputar, bagaimana membuat link gambar dengan script html pada blog ? apa kalian pernah mendengarnya ? ketika kita mengklik gambar dan akan menuju link tersebut. nah, berikut ini kode script link gambar:
 

<a href="masukan link situs"><img src="masukan link gambar"/></a>


2. SCRIPT KODE FLOATING ADS
Selanjutnya ini adalah script kode floating ads atau iklan melayang pada blog. Apa kalian pernah berkunjung ke blog orang lain dan melihat iklan melayang di depan layar hp ? Itu dinamakan floating ads. Buat kalian yang ingin tahu script floating ads, berikut ini kode script floating ads: 


<script type='text/javascript'>

        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});});

</script>

        <!--start: floating ads-->

        <div id='floatads' style='width:100%;margin:auto; text-align:left;float:none;overflow:hidden; display:scroll;position:fixed;bottom:0;z-index:9999'>

         <div><a id='close-floatads' onclick='document.getElementById(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhV-tIgCn8Cv9EEZhEw5n3hetZdpcXVweKhLroueBIHOB40qYE6gfKS5xJYqjYmu_gWV4qayZzZfQMuKKBmKZ4fR3EGHLYkHZJaJzU02fJ9k8xKXKgC7f1l7gLrKtKONYHZJAOIgHDgYtzDGeKDs1mH9pVjkzsHBorZ9xTBJJ2zgwrSUi_lOARx7PFiyQ" /></a></div>

    <div style='text-align:center;display:block;max-width:1240px;height:360px;overflow:hidden;margin:auto'>

<!--Script iklan-->

Masukan kode script disini <!--Akhir script iklan-->  </div> <!--end: floating ads--></div>


3. SCRIPT KODE NOMOR BERURUTAN
Selanjutnya ini kode script untuk nomor berurutan pda blog kalian. Kalian ingin membuat postinga atau artikel dengan berurutan ? Berikut ini script kode nomor berurutan pada blog: 


<ul>
<li>teks pertama</li>
<li>teks kedua</li>
<li>teks ketiga</li>
</ul>


4. SCRIPT KODE TABLE PADA BLOG
Selanjutnya ini yakni membuat table atau kotak pada blog kalian. Walaupun ini jarang digunakan, kalian bisa mencobanya untuk konten artikel kalian. Berikut ini script kode table pada blog:


<table>
<tr>
<th>judul1</th>
<th>judul2</th>
</tr>
<tr>
<td>isi</td>
<td>isi</td>
</tr>
</table>

5. SCRIPT KODE TEXT BERJALAN
Nah, buat kalian yang suka namanya memodif blog kalian agar makin menarik, bisa kalian gunakan scirpt kode html text berjalan ini. Cukup mudah untuk gunakan script kode text berjalan, berikut ini script kodenya : 

<marquee> masukan tulisan </marquee>

6. SCRIPT KODE MASUKAN LINK DAN JUDUL
Berikut ini adalah script kode untuk membuat link dan judul. Mungkin kalian pernah melihat judul tulisan dan mengkliknya ? Kalian akan dibawa kesitus yang dimana kalian klik pada judul link tersebut. Nah, begini cara membuat link dengan judul untuk blog kalian : 


<a href=”masukan link situs"> judul link </a>