Cara Mengatur Tata Letak Template Responsive Bmag Sweettheme



Oke sobat semua, kembali bersama saya dalam pembahasan pengaturan tata letak template responsive BMAG SweetTheme, yang pada artikel sebelumnya telah di bahas tentang Cara Menerapkan Template Blog Responsive Bmag Sweettheme Di Blogger. Saya berharap sobat sudah membuat beberapa postingan pada blognya. Sehingga pada pengaturan tata letak dan hasilnya nanti akan nampak jauh lebih mantap.

Silahkan masuk ke Dashboard blogger, dan klik menu Tata Letak

Bila sobat lihat tampilan tata letak pada gambar di atas, masih dalam kondisi berantakan yah..


A. SETTING TOP MENU


Dari mana kita akan mulai, kita akan mulai dari setting Top Menu
Silahkan klik Edit pada blok Top Menu

Judul : Sobat bisa menggantinya sesuai keinginan
Jumlah item yang akan di tunjukan dalam daftar : biarkan kosong
Menyortir : Silahkan pilih berurut atau tidak sesuai abjad
Nama situs baru : menu yang akan dibuat
URL Situs Baru : alamat URL dari menu yang dibuat


Untuk membuat menu, isi Nama Situs Baru dan URL Situs Baru (bila belum ada URL posting/page, bisa dikosongkan). Klik Tambahkan Tautan. (Lakukan berulang untuk beberapa menu yang telah direncanakan). Contoh hasil pembuatan menu pada gambar di bawah ini.



B. SETTING SOCIAL MEDIA ICON


Klik Edit pada blok Social Media Icon
Masukan pada form Nama Situs Baru : facebook, twitter, rss, dribble, gplus, pinterest, linkedin, youtube.
Pada URL Situs Baru : Isi dengan alamat facebook, twitter, rss, dribble, gplus, pinterest, linkedin, youtube. Yang sobat miliki

Kemudian Klik Tambahkan Tautan
Bila sudah dimasukan Klik tombol Simpan
Lihat hasil tampilan gambar di bawah ini :

Tampilan pada halaman front end blog sobat


C. SETTING MAIN MENU


Klik Edit pada blok Main Menu

Menu
Masukan pada Nama Situs Baru : Berita [Lengkap Akurat]
Masukan pada  URL Situs Baru : Alamat URL menu
Kemudian Klik Tambahkan Tautan

Sub-Menu

Masukan pada Nama Situs Baru : _Pendidikan
Masukan pada  URL Situs Baru : Alamat URL menu
Ulangi dengan perintah diatas untuk membuat Sub-Menu yang lain
Kemudian Klik Tambahkan Tautan

Bila sudah dimasukan Klik tombol Simpan
Lihat hasil tampilan gambar di bawah ini :

Tampilan pada halaman front end blog sobat



D. NEWS TICKER


News Ticker adalah Teks berjalan yang menampilkan artikel yang sobat posting
Klik Tambahkan Gadget pada blok News Ticker
Pilih Gadget HTML/Javascript

Isi dengan beberapa fungsi yang telah di sediakan di template ini :

  1. Artikel secara acak atau random : randomposts
  2. Artikel terbaru : recentposts
  3. Komentar terbaru : recentcomments

Berikan judul : Berita Terbaru
Isi Konten dengan : recentposts
Klik Simpan

Lihat gambar di Bawah ini

Tampilan pada halaman front end blog sobat, bila artikel sudah sobat miliki, akan tampil running teks dari kanan ke kiri dan bila disentuh dengan kursor maka teks akan berhenti dan bila di klik menuju pada artikel yang dituju.


E. INTRO POST

Untuk intro post sobat bisa menambahkan gadget HTML/Javascript
Kemudian memasukan salah satu kode :
  1. Artikel secara acak atau random : randomposts
  2. Artikel terbaru : recentposts
  3. Komentar terbaru : recentcomments

F. SOCIAL COUNTER


Social Counter adalah hitungan nilai pada sebuah media sosial
Klik Edit pada blok Social Counter

Masukan baris pada box di bawah ini, seperti membuat menu
  facebook [2.1k]
  twitter [1k]
  gplus [250]
  rss [860]
  youtube [4.5k]
  dribble [10.2m]
  instagram [502]
  pinterest [120]


Tampilan pada halaman front end blog sobat

G. POSTING BLOG

Sesuaikan seperti gambar di bawah ini.

Oke sobat semua, untuk mempercantik tampilan blog sobat selanjutnya tinggal mengatur sesuai dengan keinginan, pilih gadget yang disediakan oleh blogger.

Terdapat kurang lebih 8 gadget yang dapat sobat gunakan, silahkan pelajari dan terapkan kemudian lihat hasilnya. Semoga bermanfaat.


Saya seorang penulis berusaha mengabadikan setiap pengalaman dan keahlian. Karena ilmu pengetahuan akan tetap abadi hingga manusia tidak bisa berdiri lagi dimuka bumi ini.

Pergunakan komentar yang bijak, saran yang baik dan kritikan yang membangun.
EmoticonEmoticon