AdelinaSasa

PANDUAN PENGGUNAAN TEMPLATE CONTEMPO ORIGINAL STYLE

Petunjuk atau panduan penggunaan template redesain editblogtema terbaru.

AvatarOleh:
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:

Artikel Terkaitnya:

No comments

Post a Comment

Home

Labels

Abadi account action addicted adobe photoshop fix adobe photoshop mix adobe photoshop touch adsense agama AI akal alam Albert Einstein alexander the great. Allien Amerika AMP anak Androd android angkasa angkasa luar animal animal planet animasi antithieft aplikasi hebat Appe apple Apple Face ID Artifical Intelligent artificial inteligent artikel artis asesories asus atheis autoCAD autodidact awas Ayu Ting Ting badai bahasa bahasa. bakteri batam BBM beginning benar bencana berbagi berita berjalan berlari bijaksana bing bisnis kecil black hole Blackberry blackberry Messenger blog blogger blogger logo blogger moblie blogging bluetooth keyboard bluetooth mouse bocor bot BPJS buku bully buruh burung langka business camera cat cellphone ceramah cerita charles Darwin chat China cinta classic Cloud cloud drive contempo contempohybrid coolest covid 19 CSS curhat custom ROM cybercrime Darwin dasbor Deep mind Demo desain Design dewa dilema docomo dollar amerika download DPR RI drama Drive DSLR dunia earn money editblogtema Education ekonomi Email emas endorse enggang English entertainment error etika evolusi Facebook fakta fanpage favicon feature fiksi fiksi sains filem filsafat finansial fisika flashdisk Florence Nightingle Florida food. forbes freckles Free friendship fun futuristik G+ Gadget Gagdet Galaxy Mega 6.3 Galaxy note 10.1 2014 edition gambir serawak game gaya hidup genetika Genius GENOM girl global gojek gold Google google adsense Google Rewards Opinion google%20drive google+ grafis Hack hacker handphone hantu hapeseken hari tua harimau harun yahya harvey heart secret hebat help me hewan hiburan hoax Hobit. hollywood horor HTML http://justdelete.me Huawei P20 pro hubungan hujatan hukum human humanbeing humor Hutan Lindung ICBM iis sugianto ilmuwan immortality impian Indosat infinity war iniJawabannya! insiden insipirasi intelligent Internasional internet invansion investment iOS iOS 11 iOS 8 iPad iPad Air ipad pro iphone iPhone 6 iPhone Case iPhone X iPhone Xs iphone. iPhoneX islam Israel isu sara jailbreak Jaime Sanjuan Ocabo Jalan Tikus janji Javascript Jenius Jerusalem jitu Job Jokowi Jokowi aja bekerja keras jokowi aja kreatif Jonru Ginting judi kamera kamera hape kantor Kaskus keabadian keadilan keamanan Kebenaran kecanduan kecantikan kecelakaan kecerdasan buatan kehidupan keluarga kemajuan kemanan kemiskinan kemudahan hidup kenyamanan kertas keruntuhan kesetiaan keyakinan keyboard external PC keyboard fisik tablet keyboard fisik tambahan keywords khairil anwar khotbah kiamat kisah klasik kode koding koes plus komedi komputer Konsipirasi konten kotak pandora kreatif kriminal krisis kristen kucing kuyang lagu lapangan kerja laptop leisure Lenovo Life lifehack lingkungan listrik logika logitech LOGO loneliness Lotgitech lowongan luar lucu MacBook madonna magis make up malam minggu Malaysia manipulatif manusia masa depan masa lalu mati tertawa media medis medsos membela diri mencari uang menggambar mengintip rahasia menulis meretas Messenger Micorosft Office Microsoft microsoft office microsoft%20office milk lover miras mitos mobile modal motivasi motivation motivation. movie Muhammad murai batu musik myths naluri NASA navigasi blogspot template network new news ngeblog Nokia X nuklir nyanyian nyata obat kuat Office office%20365 old time job online operating system oppo organisme original Otodidak pademi pahlawan pamali Pandora panduan paradox password PC pegawai negeri pekerja pekerjaan pemrograman pemula pencipta pendidikan pengarang penghasilan pension pensiun penulis perang perbankan perekamLayar perkawinan phablet phising PHK phone phone camera photographi phtography pilihan hidup pilosofi Play Store politik ponsel postingan potografer powered by blogger prabowo subianto prediksi teknologi premium pria pribadi prilaku privasi produktivitas programming promosi prostitusi psikologi Puasa publisher Puisi qoute Raffi Ahmad rahasia ramadhan rano karno rasialis relativitas reliji remaja renungan responsive review rhoma irama riba Robot ROM. stock ROM ruang waktu rumah sakit Rusia Safir screen sahabat sains salah Samsung samsung galaxy foldable Samsung Galaxy note 2014 Samsung S8 samsung tabS2 screenRecorder scy-fi SECRET secrets sejarah seken selebritis medsos self learning self-confident semesta sentinel SEO simalangkama simple singularity smarphone smartohone smartphone Smartwatch social song sony sosial spam spoiler Spy Stephen Hawking steve job strategi struktur success sukses suku terasing supernatural tablet tablet 7" TabletAndroid takhyul taktik tantangan target tauhid technic Technology teknik teknologi teknologi hoax telkomsel tema template tenaga kerja teologi teori terbaik theme thomas alpha edison Time traveller tips toko online Tokoh tourism town tragedi trik triks troubleshooting Tuhan Tutorial Tutorial. tweeter twiteer uang UFO ultrabook unggas langka United States universe usaha video viral virtual vivo waktu website widget Windows 8 Windows PC wisata women WORDPRESS xiomi xml xperia Yahoo yahudi

Get Updates