Menulis kode script di postingan Blogger dapat menambahkan nilai tambah pada blog Anda, terutama jika Anda menulis tutorial atau artikel yang berhubungan dengan pemrograman.

Pastikan untuk menyajikan kode Anda dengan cara yang terformat dengan baik agar mudah dibaca oleh pembaca Anda. Berikut ini adalah cara untuk menulis kode script di postingan Blogger.

Bagaimana Cara Menulis Kode Script di Blogger

Langkah 1: 
Buka blog Codeformatter. Ini adalah blog yang akan membantu Anda untuk mengatur kode Anda sebelum Anda menempelkannya ke postingan Blogger Anda.

Langkah 2: 
Tempelkan kode Anda ke kolom Paste Here Your Source Code. Pastikan untuk menempelkan kode Anda dalam bentuk aslinya tanpa ada perubahan apapun.

Langkah 3: 
Klik Format Source Code. Ini akan mengatur kode Anda dengan baik dan membuatnya mudah dibaca oleh pembaca Anda. Anda juga dapat mengubah pengaturan seperti jenis bahasa pemrograman yang digunakan.

Langkah 4: 
Salin hasil kode dari kolom Copy Formatted Source Code ke postingan blog Anda di mode HTML. Jangan gunakan mode Compose. Ini akan memastikan bahwa kode Anda ditampilkan dengan baik di postingan Anda.

Dengan mengikuti langkah-langkah ini, Anda dapat dengan mudah menambahkan kode script ke postingan Blogger Anda. Ingat untuk selalu memformat kode Anda sebelum menempelkannya ke postingan Anda agar mudah dibaca oleh pembaca Anda.

Untuk membuat kotak scroll di HTML blog, Anda dapat menggunakan tag HTML <pre> dan CSS. Tag <pre> digunakan untuk menandakan bahwa teks yang ditampilkan adalah kode atau skrip, dan CSS digunakan untuk mengatur tampilan kotak skrip tersebut.

Cara Memasukkan Script ke Postingan Blogger

Untuk membuat kotak scroll, Anda dapat menambahkan properti overflow: scroll pada CSS. Ini akan menambahkan scrollbar pada kotak skrip sehingga Anda dapat menavigasi kode atau skrip yang lebih panjang.

Anda juga dapat menambahkan properti lain seperti background-color, border, atau font-size untuk mengatur tampilan kotak skrip sesuai dengan keinginan Anda.


Contoh kode HTML dan CSS untuk membuat kotak scroll:

  • Tampilan kotak hitam

<div style="background-color: #2c323c; color: #fff; border-left: 5px solid #800000; border-radius: 0 10px 10px 0; padding: 17px; text-align: left;">
Script di sini...
</div>

  • Tampilan kotak putih

<div style="background-color: #f6f6f6; border: 1px solid #009ee0; padding: 17px; text-align: left;">
Script di sini...
</div>

Dengan cara ini anda dapat membuat kotak scroll di HTML blog anda yang akan membuat tampilan kode atau skrip anda lebih rapi dan teratur.

Berikut adalah Script Sitemap, Blank Format, dan Anti Copy Paste. Beberapa script yang dapat digunakan untuk membuat sitemap, format kosong, dan mencegah penyalinan teks.
  • Blank Format Blogspot
 <?xml version="1.0" encoding="UTF-8" ?>  
 <!DOCTYPE html>  
 <html>  
 <head>  
 <b:skin><![CDATA[  
 body {background-color: #fafafa;}  
 ]]></b:skin>  
 </head>  
 <body>  
 <b:section class='main' id='main'>  
 <b:widget id='Blog1' locked='true' title='Content Blog' type='Blog'></b:widget>  
 </b:section>  
 </body>  
 </html>
Script kode ini digunakan untuk menghapus html bawaan dari blogspot ketika mengunggah template baru, sehingga tidak ada kode atau skrip bawaan dari blogspot yang tertinggal. 

  • Script Redirect Blogspot 301 
 <script type='text/javascript'>  
 var d='<data:blog.url/>';  
 d=d.replace(/.*\/\/[^\/]*/, '');  
 location.href = 'https://www.domain.com' + window.location.pathname;  
 </script>
Script ini digunakan untuk mengarahkan pengunjung dari alamat lama ke alamat baru pada blogspot. Redirect 301 adalah jenis redirect yang menunjukkan bahwa halaman yang dialihkan sudah tidak ada lagi dan pengunjung harus dialihkan ke halaman baru. 




Sangat berguna ketika Anda memindahkan halaman atau posting dari blogspot Anda atau mengubah struktur website Anda. Script ini dapat diimplementasikan dengan menambahkan kode pada file .htaccess atau dengan menggunakan plugin redirect pada platform blogspot.

  • Script Kode HTML 
 <script type='text/javascript'>  
 var d='<data:blog.url/>';  
 d=d.replace(/.*\/\/[^\/]*/, '');  
 location.href = 'https://www.domain.com' + window.location.pathname;  
 </script>
Kode script ini untuk Menampilkan URL dalam Artikel. Script ini digunakan untuk menampilkan URL atau alamat website dalam bentuk hyperlink pada artikel. 

Kode ini dapat dilakukan dengan menggunakan tag <a> pada HTML. Contoh scriptnya adalah: <a href='http://www.example.com'>Link ke example.com</a>. Ini akan menampilkan "Link ke example.com" sebagai hyperlink yang mengarah ke alamat http://www.example.com ketika diklik.

  • Script Redirect 404 Blogspot 
 <b:if cond='data:view.isError'>  
 <script>  
 window.location.href = &quot;https://urlbloganda.com/&quot;;  
 </script>  
 </b:if>
Script ini digunakan untuk mengarahkan pengunjung yang mencoba mengakses halaman yang tidak ada (error 404) pada blogspot ke halaman yang ditentukan. Ini berguna untuk meningkatkan pengalaman pengguna dan mencegah pengunjung keluar dari blog Anda setelah menemukan halaman yang tidak ada. 

Script ini dapat diimplementasikan dengan menambahkan kode pada file .htaccess atau dengan menggunakan plugin redirect pada platform blogspot. Anda perlu letakkan script ini diatas tag penutup /body

Cara  DNS dan IP Blogspot

DNS (Domain Name System) adalah sistem yang digunakan untuk mengaitkan nama domain dengan alamat IP (Internet Protocol) dari server yang menjalankan website. Sedangkan IP (Internet Protocol) adalah nomor unik yang digunakan untuk mengidentifikasi komputer atau perangkat jaringan di internet.


Dalam hal blogspot, jika Anda membuat blog di platform blogspot, maka blog Anda akan memiliki alamat URL yang ditentukan oleh blogspot seperti yourblogname.blogspot.com. 

Namun, Anda juga dapat menggunakan nama domain yang Anda miliki sendiri dengan mengarahkan nama domain tersebut ke alamat IP dari server blogspot. Ini akan memungkinkan Anda untuk menggunakan alamat URL yang lebih profesional seperti www.yourblogname.com.
  • 216.239.32.21
  • 216.239.34.21
  • 216.239.36.21
  • 216.239.38.21
Itu adalah alamat IP dari server Google yang digunakan untuk menjalankan layanan blogspot. IP tersebut digunakan untuk mengarahkan permintaan dari nama domain yang dikaitkan dengan blogspot ke server yang sesuai. 

Jika Anda mengarahkan nama domain Anda ke salah satu dari alamat IP tersebut, maka pengunjung yang mengakses blog Anda melalui nama domain Anda akan diarahkan ke server yang menjalankan blogspot dan menampilkan konten blog Anda.