Skip to main content

PANDUAN PENGGUNAAN TEMPLATE CONTEMPO ORIGINAL STYLE

Contempo adalah template re-desain terbaru berbasis contempo asli, namun kini stylenya (tampilannya) kami rombak habis. Dan jangan kuatir meskipun telah di rombak, bukan berarti tool 'customize' via Blogger Designer tidak berjalan lagi. Fitur ini tetap seperti aslinya. Tidak seperti sebelumnya jika kalian ingin menambahkan atau merobah judul dan link menu harus melalui halaman edit HTML, pada hasil kerja terbaru kami menyadari kesulitan kebanyakan pengguna:  Tidak ingin mengedit template melalui editor HTML.
1. MENGEDIT, MENAMBAHKAN JUDUL DAN LINK MENU NAVIGASI

Nah contempo original style memiliki opsi widget, jika kalian ingin menambahkan judul dan link pada menu navigasi di header blog cukup dengan cara mengedit widget page atau widget halaman. 

Caranya sama dengan cara mengedit widget halaman (page)  pada template default contempo asli:
  1. Masuk ke pengaturan Blogger 
  2. Pilih layout atau tataletak. 
  3. Tambahkan atau edit widget halaman (page)  atas. 
  4. Jangan isi judul (kosongkan saja)  klik tambahkan link eksternal. 
  5. Akan muncul dua kolom,  kolom pertama isi dengan JUDUL atau NAMA menu. Sedangkan kolom di bawahnya isikan dengan link sesuai dengan judul berdasarkan pengelompokan label blog. 
  6. Ulangi sampai dirasa menunya cukup. 
Perhatikan gambar yang tangkapan layar hape saya (mode landscape) saya mengedit blog melalui hape oppo A83 layar 5.5" :
Cara mengedit widget halaman

Jadi mudah sekali,  bukan?  Tidak perlu lagi pusing melakukan edit link menu melalui opsi edit HTML Blogger. Silahkan download dan modifikasi templatenya... 

2. MENAMBAHKAN MENU PADA SIDEBAR.

Jika kalian ingin menambahkan navigasi pada bagian sidebar template contempo, maka tinggal masuk ke pengaturan blogger.
  1. Setelah masuk kepengaturan blogger pilih layout atau tataletak.
  2. Pilih/klik widget 'Tambahkan HTML/Javascript' pada bagian widget sidebar. 
  3. Dan ketika blanko widget terbuka isikan bagian kolom judul dengan nama: MENU.
  4. Lalu isikan blanko bagian bawah dengan kode berikut:
<style>
body {
  margin: 0;
  font-family: "Lato", sans-serif;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 300px;
  background-color: #f0f0f0;
  position: fixed;
  height: auto;
  overflow: auto;
}

.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
 
.sidebar a.active {
  background-color: #0404B4;
  color: white;
}

.sidebar a:hover:not(.active) {
  background-color: #555;
  color: white;
}

div.content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {float: left;}
  div.content {margin-left: 0;}
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}
</style>
<div class="sidebar">
  <a class="active" href="/">Home</a>
  <a href="#blog">Blog</a>
  <a href="#kontak">Kontak</a>
  <a href="#perihal">Perihal</a>
</div>
Kalian dapat menghapus semua tulisan warna merah dan menggantinya dengan link artikel yang kalian inginkan berdasarkan label blog, namun kalian perlu merobah judul menu yang berwarna biru menjadi judul kalian sendiri.
widget blogger HTML/Javascript
Gambar: widget blogger HTML/Javascript

Sebagai catatan: Jika kalian, jika kalian sudah menambahkan gagdet/widget di atas, sebaiknya tidak menambahkan banyak widget lain kecuali widget label dan pengikut karena ke dua widget mampu meningkatkan performa blog di mata mesin pencarian. Widget kami di atas bisa di tempatkan pada template soho dengan cara yang sama, namun tidak cocok untuk dua template lainnya: Notable dan Emporio.


Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini! Share:

Comments

  1. Saya liat avatarnya, lucu. Bisa gerak-gerak gitu.

    ReplyDelete

Post a Comment

Populer

TAHUKAH KAMU BEDANYA iPhone BEKAS JEPANG DENGAN SINGAPORE?

iPhone 5C digemari karena bodynya yang berwarna warni Pernah dengar Rumor iPhone rakitan Jepang dan Singapore? Terutama anda yang domisili di batam yang masih sebagai "sorganya" elektronik, kali ini khusus seken. Dari hasil pantauan saya dilapangan peminat ponsel pintar bekas semakin meningkat terutama iPhone. Well, anda datang ketempat yang benar: BATAM. Harga sebuah iPhone 5, 5c seken sekarang hanya berkisar 900 - satu jutaan disini. Kualitas tentu saja dijamin oleh toko penjual. Mengapa batam? Karena Batam begitu dekat dengan singapore, hanya berjarak 45 menit (aktualnya hanya 25 menit, namun karena ada peraturan kecepatan di laut perbatasan dalam kecepatan tertentu maka dipatoklah 45 menit) perjalanan santai naik ferry laut, banyak celah dan peluang bisnis, salah satunya adalah bisnis ponsel bekas ini. Jangan anda remehkan ya, omsetnya bisa mencapai ratusan juta rupiah perbulan.  Kembali kepada topik: Perbedaan iPhone seken asal Jepang dan singapore. Secara fis

KEHEBATAN TEMPLATE CONTEMPO BLOGGER SETELAH DIBERI SENTUHAN MODIFIKASI

Adalah empat template terbaru blogger yang sangat mudah dimodifikasi dengan cara kombinasi melalui opsi blog desainer maupun edit HTML melalui dasbor blogger. ke empat tema tersebut adalah: CONTEMPO, SOHO, EMPORIO dan NOTABLE (atau Terkemuka). Ke empatnya tidak memerlukan opsi setting mobile sudah cocok buat tampilan PC desktop dan hape/seluler sekaligus. Artinya ya responsive dan mobile friendly. Kali ini saya pilih contoh hasil pengeditan contempo, anggaplah sebagai update dari tema bawaan, lalu apa yang baru? Menambahkan tombol "back to top" yang terlihat dengan tulisan "Keatas" sebagai scroll otomatis halaman pada saat di scroll ke bawah pada saat mau mengembalikannya ke atas. Menambahkan Related post di tengah postingan dengan efek font awsome. Menambahkan elemen font awsome, agar fa fa awsome dapat bekerja pada blog ( walaupun tidak semua browser dapat menampilkan font awsome, namun pada umumnya browser-browser besar dan kuat memiliki kemampuan ini) Me

AWAS GAMBIR SERAWAK BISA BERBAHAYA

Gambir ini populer di tempat aku bekerja karena kebetulan ada pekerja asal malaysia, sering kali bawa oleh oleh "Gambir Serawak". Mulanya saya kurang jelas jenis gambir apa setelah sekian tahun hanya mendengar tentang gambir tersebut barulah saya melihat langsung bentuknya kecil kecil pipih dan di masukan kedalam kemasan plastik obat sebesar telapak tangan. Kebetulan ditempat kerja kisah gambir serawak nyaris melegenda, bukan karena bentuknya yang luarbiasa tapi karena orang orang percaya khasiatnya dapat menambah kejantanan kaum lelaki. Aku bukanlah orang yang mudah mempercayai segala hal tanpa melalui logika, jadi aku mulai mencari cari referensi medis dan tulisan tulisan di internet. Tulisan di internet juga kurang lebih sama: Menyokong bahwa Gambir Serawak itu mampu membuat "TOPCER" kaum adam. Setelah menelusuri asal muasal tanaman yang menghasilkan gambir serawak akhirnya aku menemukan titik terang: gambir serawak atau bahasa ilmiahnya disebut 'uncaria g
'Copyright© @ create by Adelina Sofyan