Cara Membuat Dialog Script di Blogger

Membuat dialog script di Blogger, tidak begitu sulit.
Jika posting artikel yang berhubungan dengan tutorial blog atau coding, pasti pernah ingin menampilkan dialog script di dalam blog, agar tidak rancu dengan postingan.

Apakah dialog script itu?

Dialog script dalam blog berbeda dengan fitur Blog Quote. Fitur dialog script sangat berguna jika kamu akan menampilkan script dalam tutorial yang kamu buat. Tapi tidak hanya untuk script, dialog script juga bisa kamu gunakan untuk keperluan lain, seperti membuat kutipan dan kalimat penegas.

BACA JUGA:

a). Cara Memberi Scroll Pada Postingan di Blog
b). Cara Submit Sitemap Blog (Peta Situs) ke Goolge Webmaster Tools Terbaru

Berikut cara membuat dialog script di Blogger:
Langkah 1
Ketikkan sesuatu pada Compose.

Langkah 2
Untuk membuat dialog script di Blogger, pindah ke dialog box HTML. Lalu copy dan paste kode berikut, misal di bawah ketikan anda tadi:

<div style="background-color: #f3f3f3; padding: 10px; text-align: left;"&gt; <span class="color-green">ISI SCRIPT DI SINI</span> </div>

Langkah 3
Setelah kode tadi di-paste di kolom HTML, sekarang pindah lagi ke kolom Compose.

Ganti ISI SCRIPT DISINI dengan script atau kalimat yang akan kamu sematkan.

Langkah 4
Selesai. Kamu  bisa save postinganmu.

Adapun bentuk jenis kode lain yang memiliki tampilan yang beda dengan dialog script di atas, yaitu:

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff; text-align: left;"&gt; <span class="color-green">ISI SCRIPT DISINI</span> </div>

Catatan: Pada script di atas, kamu bisa ganti bagian Double dengan Dashed, Dotted, Ridge atau Solid untuk bereksperimen dengan model dialog script yang lain.

Lakukan degan cara yang sama.

Ganti ISI SCRIPT DISINI

Contoh, menjadi seperti ini.

Tampilan.

Selamat mencoba.

Cara Submit Sute Blog (Peta Situs) ke Google Webmaster Tools Terbaru

Bagaimana cara submit Sitemap Blog atau Peta Situs supaya Google cepat mendeteksi semua artikel blog yang kita miliki?

Cara submit Sitemap Blog Google di Google Webmaster Tool sebenarnya mudah alias tidak sulit, tapi sebelumnya taukah anda apa itu Webmaster Tool?

Google Webmaster Tools adalah seperangkat alat digital yang disediakan gratis oleh Google untuk membantu Anda memahami apa sebenarnya yang terjadi pada website Anda.

Berikut Saya jabarkan langkah-langkah yang bisa dilakukan:

Cara Submit Sitemap Blog (Peta Situs) 
Langkah 1 : Silahkan anda kunjungi Webmasters Tools dan klik Start now.

Langkah 2 : Masukkan domain website anda. Kemudian klik TERUS.

Langkah 3 : Untuk menambahkan sitemap silahkan klik sitemap (gambar di bawah).

 

Langkah 4 : Masukkan kode berikut ini ke kolom Tambahkan peta site baru; sitemap.xml, feeds/posts/default?orderby=updated, atom.xml.

Contoh (pada gambar).

Sehingga, menjadi seperti ini.

Dari ketiga kode di atas sebenarnya ditambahkan satu saja sudah cukup tetapi untuk lebih meyakinkan lagi silahkan anda masukkan semua. Dengan submit sitemap blog ke Webmasters Tools maka blog anda akan semakin SEO dari pada sebelumnya. Dengan begitu dimungkinkan semua artikel dapat bersaing di beranda google.

Cara Memberi Scroll Pada Postingan di Blog

Pemberian scroll pada postingan memudahkan kita dalam membaca postingan yang panjang. Scroll ini membuat ruang postingan menjadi lebih singkat (tidak membuang tempat).

Berikut cara memberi scroll pada postingan blog:

Gambar. Scroll Bar pada postingan

     

Langkah 1
Untuk memasukkan kode scroll mengetikkannya di mode HTML bukan mode Compose.

Langkah 2
Masukkan kode berikut di bagian atas postingan yang akan diberi scroll.

<div style="border: 1px solid #eee; height: 600px; overflow: auto; padding: 10px; width: 625px;">

Langkah 3
Lalu letakkan kode dibawah ini tepat di bawah postingan yang di scroll tadi (untuk menutup scroll).

</div>

Sehingga menjadi seperti ini,

<div style="border: 1px solid #eee; height: 600px; overflow: auto; padding: 10px; width: 625px;">Postingan</div>

Anda bisa menyesuaikan ketebalan garis tepi, warna garis tepi, tinggi, dan panjang postingan yang di-scroll.

Keterangan:

a.   yang di beri warna “biru” : "border: 1px" untuk memberi ketebalan garis tepi.

b.   yang di beri warna “merah” : "solid #eee" untuk memberi warna garis tepi.

c.   yang di beri warna “ungu” : "height: 600px" untuk mengatur tinggi.

d.   yang di beri warna “hijau” : "width: 625px" untuk mengatur panjang.