August 04, 2016

Cara membuat scoral pada tampilan gadget blog

Cara membuat scoral pada tampilan gadget blog. Sahabat blogger pemula, Tutorial salim kembali memberi tutorial kepada para blogger terutama bloger pemula. Kali ini tutorial yang akan saya berikan adalah Cara membuat scoral pada tampilan gadget blog sehingga tampilan gadget blog anda menjadi lebih menarik, hemat tempat dan memudahkan para pengunjung untuk menggunakannya.

Sebelum saya berbagi bagaimana cara membuat scoral pada tampila gadget blog, alangkah baiknya anda mengenal dulu scoral. Scoral dengan kata lebih mudah dipahami adalah sebuah kotak dengan menggunakan bahasa HTML sehingga tampilan dari scip yang dimasukkan bisa diatur lebar dan tingginya dan melihatnya bisa ditarik ke atas dan kebawah untuk melihat lebih luasnya. Itu bahasa saya sendiri. Untuk lebih pahamnya silahkan lihat gambar dibawah. Pada tampilan gambar dibawah tampak ada scoral sehingga timeline twiter Update lowongan kerja bisa ditarik kebawah untuk melihat lainnya.

scoral

Setelah anda memahami apa itu scoral.Sekarang bagaiamana cara membuat scoral itu pada gadget blog anda sehingga tampilan gadget blog anda menjadi lebih keren. Sebelumnya saya sudah membagikan cara memasang timeline twitter di blog LIHAT. Sekarang bagaimana cara timeline twitter diblog itu kita kemas menjadi lebih indah di gadget bog anda dengan menambahkan kode scoral sehingga tampak tampilannya seperti gambar diatas.

Untuk menambah kode scoral pada gadget blog sangatlah mudah. Berikut adalah kode scoral yang yang dipasangkan pada gadgdet blog anda. Caranya silahkana nda copy kode scoral tersebut kemudian anda ganti disini ganti dengan code HTML anda (ganti dengan kode cryp embed timeline twitter anda.
<div style="overflow: auto;background-color: #ffffff; margin: 0px auto; padding: 5px; height: 430px;width: 95%;text-align: left;">
disini Ganti dengan code HTML anda
</div>
Contoh. Saya menggantikan kode HTML dengan code embed timeline twitter sehinga hasilnya seperti ini

<div style="overflow: auto;background-color: #ffffff; margin: 0px auto; padding: 5px; height: 430px;width: 95%;text-align: left;">
<a class="twitter-timeline" href="https://twitter.com/Lokernasional1">Tweets by Lokernasional1</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
scoral

Keterangan #ffffff adalah kode warna garis pinggi. Anda dapat mengganti kode warna ini sesuai dengan selera anda dan sesuai dengan tampilan blog anda. Saya mengambil warna putih, karena blog saya lebih mendominasi warna putih, sehingga tampak elegan jika bordernya putih sehingga tidak kelihatan border.

Jika anda butuh kode warna lain, berikut kami berikan sedikit kode warna, yang lain bisa cek di www.w3schools.com

#ff0000 Merah   #33cc33 Hijau  #0000ff Biru  #ffff00 Kuning  #cc0066 Ungu

Scoral ini tidak hanya untuk gadget, tapi anda juga bisa padang pada yang lainnya, contohnya pada Daftar Isi blog anda, Lakukan hal yang sama letakkan kode html daftar isi blog anda (ganti tulisan merah)

Belum punya daftar isi blog, Silahkan lihat Cara membuat daftar Isi blog

Demikianlah Cara membuat scoral pada tampilan gadget blog semoga anda dapat menerapkan Cara membuat scoral pada tampilan gadget blog sehingga tampilan blog anda bisa lebih menarik dan tidak banyak memakan tempat.

Salam Hangat

Tutorial Salim

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.
EmoticonEmoticon