Skip to main content

PANDUAN SEDERHANA MENGEDIT TEMPLATE BLOGGER SOHO

editblog SOHO premium adalah template terbaru yang kami buat, sesuai dengan namanya template ini dibuat berbasis template default SOHO namun dengan perombakan struktur yang valid mengikuti kaidah pembuatan template blogger terbaru. Sebelum anda mendownload sebaiknya baca terlebih dahulu penjelasan berikut panduan dan petunjuk penggunaannya.
editblogtema soho versi 01
  1. Mendukung layout versi ke-3 template blogger
  2. Valid HTML 5
  3. SEO friendly
  4. Mobile friendly
  5. Responsive
  6. Tampilan modern dan dinamis
  7. More save and secure
  8. Navigasi dwiwarna
  9. Metatag auto (base metatag)
  10. Gambar support high resolution.
  11. Tetap bisa di edit melalui opsi bawaan blogger template designer.
Navigasi kustom: Apa yang baru pada editblog SOHO?
  1. Dwi warna: cukup klik tombol toggle dibawah bar untuk merobah warna bar navigasi menjadi gradasi
  2. Fixed: Navigasi menu tetap berada diatas saat konten di scroll turun naik
  3. Sticky head: Navigasi akan ditutup sementara ketika konten di scroll turun, head ini berfungsi sebagai navigasi menu kedua dan pada saat konten di scroll turun akan tampil menu hamburger disebelah kiri yang apabila di klik akan menampilkan sidebar yang dapat di optimalkan sebagai sidebar menu tanpa batas. Sementara di ujung kanan sticky head muncul kotak atau tombol pencarian yang manis dan responsif.
  4. Tombol toggle: Tombol ini berada dibawah menu navigasi yang apabila di klik atau dipencet akan merobah warna menubar atau navigasi menu menjadi berwarna gradasi.
  5. Homepage style: Grid
  6. Tombol berbagi: YA
  7. Breadcrumbs: YA
  8. Related Post: YA
  9. Tombol back to top: YA
1. Cara memasang template:
  1. Klik tombol download anda akan diminta akun gmail
  2. download dan buka hasil download
  3. Copy semua kode dengan sempurna
  4. Masuk kepengaturan blogger, pilih tema, pilih edit HTML
  5. Begitu halaman editor HTML yang berisi kode HTML terbuka hapus seluruh kode dengan cara menekan CTR+A pada keyboard dan ketika semua kode tersorot tekan tombol "del" pada ujung atas papan keyboard anda. Biarkan halaman anda terbuka
  6. Lalu masuk ke halaman artikel editblog kembali, pilih link download
  7. Begitu link download terbuka anda dimintai akun gmail oleh google, jika sudah maka link download akan terbuka.
  8. Download dan buka kode template editblog SOHO, letakan mouse dan klik lalu tekan CTRL+A pada keyboard, setelah semua kode tampak telah tersorot tekan CTRL+C.
  9. Lalu kembali kehalaman HTML blogger anda yang masih terbuka atau stand by, pastekan semua kode dan preview, jika berhasil. Save.
2. Cara Mengedit menu:
Menu navigasi editblog Soho sangat atraktif, posisinya fixed yakni  ketika halaman blog atau halaman konten di scroll keatas menu navigasi akan tetap berada stand by di atas halaman blog. Namun sebaliknya pada saat di scroll kebawah akan muncul header dengan menu hamburger yang dapat di klik untuk menampilkan menu pada sidebar. 

Mengedit dan membuat menu ke navigasi utama template editblog Soho tidaklah sulit sangat mudah, tidak perlu melalui edit HTML, saya telah membuat menu ini dengan cara memanfaatkan gagdet Link List.
  1. Masuk ke pengaturan blog
  2. Pilih tataletak (kalau bahasa Inggris layout)
  3. Tambahkan gagdet  (add gagdet) "Link" baru  (lihat gambar yang di lingkari merah) hapus gagdet "page" lama:
tataletak dan tambahkan gagdet blogger
Setelah add dipilih akan muncul pilihan gagdet, pilih gagdet "List" gadget tersebut dinanamakan juga linkList:
gadet list

Begitu add gagdet Link atau "tambahkan gagdet LinkList" telah  dipilih, maka akan muncul kotak dialog gagdet link tersebut:
  1. Biarkan kotak judul utama kosong 
  2. Pilih "Nama situs baru" ketika muncul menu dua kolom, isi kolom atas dengan judul sub menu. Misalnya "about" atau "perihal" sedangkan kolom bagian bawah yang ada "http://"  di isi dengan URL atau link konten yang sesuai dengan judul sub-menu. Atau anda bisa mengedit link ini belakangan. Lihat gambar
cara mengedit menu link

Ulangi hingga terbentuk 3 menu atau sub-menu pada bagian atas blog sesuai seperti yang anda inginkan. Ingat hanya 3 menu dan ditulis singkat agar tidak mengacaukan tampilan pada saat dibuka  melalui hape. Karena anda akan menambahkan lebih banyak menu melalui menu sidebar dengan menggunakan gagdet "link List" 

3. Cara Menambahkah menu sidebar dengan gagdet LinkList
gadget Linklist
  1. Masuk kepengaturan dan pilih "tataletak"
  2. Pada bagian layout atau tataletak sidebar tambahkan gadet baru "LinkList"
  3. Begitu "List" dipilih akan muncul dua kotak menu yang hampir mirip dengan gagdet "page" atau "halaman" pada saat kita membuat menu navigasi utama sebelumnya.
  4. Kosongkan judul paling atas
  5. Pada kotak bawah yakni kotak pertama sebelah atas isikan dengan judul menu
  6. Pada kotak kedua isikan dengan link yang sesuai dengan judul menu yang kita inginkan
  7. Ulangi sampai anda rasa cukup. Karena menu ini tidak terbatas jumlahnya.
  8. Save tema.
cara mengedit dan mengisi linklist
4. Cara merobah Warna bar navigasi secara bawaan secara manual:
  1. Masuk kepengaturan blogger
  2. Pilih tema, lalu pilih edit HTML
  3. Pada halaman editor HTML blogger yang telah terbuka cari kode </head> dengan cara menekan CTRL+F lalu pada kotak pencarian yang terbuka ketikan </head> setelah ketemu cari kode berikut diatas kode </head> tadi:
#editblogmenu {background-color:#1E90FF;color:#222;} /* ini kode default */
.dark #editblogmenu{background:-webkit-linear-gradient(right,#ffffff 20%,#87CEFA 80%);/color:#000;}
 Hapus kode warna yang saya sorot warna kuning (seperti yang anda lihat itu adalah warna biru), ganti dengan kode warna CSS yang sobat inginkan, misal:
#000; adalah warna hitam
#ddd; adalah warna kelabu
#DC143C; adalah kode warna crimson
dst..

5. Terakhir. Menghilangkan atau mengganti latar header blog dan Feature post.
Latar template SOHO terbilang unik dan dapat dimanfaatkan untuk mempercantik blog anda hingga benar benar nampak lebih professional! Jika anda memperhatikan pada template kami ini dihiasi oleh gambar yang sebaiknya be-resolusi tinggi, Format gambar sebaiknya WebP.  Anda dapat menggantinya setiap waktu dengan alasan:

  1. Gambar atau ilustrasi temporal. Disesuaikan dengan isi featured post (Featured post sebaiknya dipasang tanpa gambar, cukup judul dan isi saja)
  2. Gambar permanen. Disesuaikan dengan tema blog, misalnya blog travelling maka pasang gambar yang mempresentasikan travelling, blog tutorial padang gambar yang mewakili hal hal berbau tutorial misal gambar kode kode HTML, blog kecantikan pasang saja gambar  dst.
Cara mengganti mudah saja:
  1. Masuk kepengaturan blog atau dasbor blog
  2. Pilih tema atau theme
  3. Pilih sesuaikan. 
  4. Pilih Latar belakang atau background
  5. Muncul kotak gambar latar dengan dua piliha: Hapus dan dan panah kecil disamping kanan gambar menghadap kebawah.
  6. Jika ingin mengganti gambar pilih anak panah yang menghadap kebawah anda akan diarahkan ke folder gambar di dalam perangkat anda (laptop PC, tablet, hape)
menghapus dan mengganti latar gambar blog

Bug yang akan segera kami perbaiki:
Gambar featured post terlalu besar/tinggi pada ukuran layar hape. Sebaiknya untuk sementara menunggu update hilangkan centang gambar pada opsi pemasangan featured post. Masalah ini tidak terkait dengan keamanan, hanya mengganggu tampilan pada layar lebih kecil saja.
Save template.
GMetrix video test untuk editblog SOHO:
Selamat menikmati template-template kami yang hebat!


Comments

  1. These are really amazing and valuable websites you have shared with us. Thanks for the informative post.
    WordPress development company in Chennai

    ReplyDelete
  2. Di Banderol harga berapa Template Premium Soho ini mas... ?

    Mau ah di coba kalau dikasih gratis,hahaha...#edisi uang belum kering.πŸ˜†πŸ˜ƒπŸ˜Š

    ReplyDelete
    Replies
    1. saya tidak menjualnya. Tapi membagikannya. Prinsipnya Blog ini 100% gratis makanya adsense juga saya lepas.
      Template ini sudah di download sebanyak 2 lusin, para pemakainya belum ada mengeluh. Karena sy juga siap support. he he he

      Delete

Post a Comment

Ajukan pertanyaan dan berikan detailnya untuk memudahkan kami menganalisa dan troubleshooting agar kami dapat membantu atau membantu memecahkan masalah seputar kode kode HTML, CSS dan JS template blog kalian

Jika ingin komen dengan menyisipkan kode HTML, parse terlebih dahulu kodenya di :
Blogcrowds
Lalu hasil parse pastekan ke dalam kotak komentar.

Bagaimanapun pertanyaan, kritik, saran dan masukan dari kalianlah yang membuat blog ini tetap bertahan dan ada.

Terimakasih

Salam dari Admin
Anissa Auliasari

Popular Posts

MEMPERBAIKI ADD NUMBERING DAN ADD BULLETS YANG TIDAK BISA TAMPIL PADA POSTINGAN BLOG

Tulisan ini di posting adalah karena terdapat problem yang muncul setelah template di buat dan postingan di cobakan atau di publish. Terutama karena hal ini terjadi pada tema EditBlogTema yang dibuat untuk sementara berdasarkan tema sederhana bawaan blogger.
Problem tersebut muncul karena pada saat menuliskan beberapa item dalam bentuk daftar atau list ternyata tidak terlihat pada postingan padahal sudah di publish ke hadapan pembaca. Setelah saya cari di dasbor ada tool yang bernama "Add Numbering dan Add Bullets" yang tidak bekerja.

Sudah tentu ini pasti celah kelemahan tema jadi harus segera di perbaiki.

Ketika menulis pada dasbor blog dan di preview sepertinya tidak ada yang salah diatas tool "compose" terdapat add numbering dan add bullets tesebut dan pada saat dilakukan penulisan dalam bentuk list keduanya tampak berfungsi dengan baik, tapi apa yang terjadi pada saat artikel setelah di publish? Maksud menampilkan daftar atau list tadi hanya menampilkan tulisa…

BENANG MERAH CINTA SANG PENCIPTA

Andy Weir menulis sebuah cerpen pada tahun 2009, cerpen yang sangat menarik, indah sekaligus menakutkan jika dia bercerita perihal ide realitas hidup kita, semacam multiverse dalam fiksi sains dan fisika.
Aku adalah Tuhan dan Kamu sedang dalam perjalanan pulang ke rumah ketika kamu meninggal... Sebuah kecelakaan mobil, sebenarnya bukan peristiwa luarbiasa tetapi kematian tidak pernah memberikanmu pilihan. Kamu meninggalkan seorang isteri dan dua orang anak. Kematianmu itu tidak terlalu menyakitkan, paramedis telah berusaha menyelamatkan hidupmu, tetapi tidak ada harapan, tubuhmu telah hancur, dan itu lebih baik, percayalah kepadaku....
Dan disana, kamu akhirnya bertemu dengan Aku.

"Apa yang terjadi? " kamu bertanya. " Dimanakah aku kini ? " 
"Kamu sudah meninggal," Jawabku dengan suara datar. Bukan seperti nada yang menarik seperti yang kamu harapkan. 
"Apakah tadi aku ditabrak truk?...Sebuah tanjakan.." 
"Benar" Jawabku 
"Aku....…

Kisah UAS Dan Mellya Juniarti: Tidak ada yang abadi.

Sudah lama saya tidak menulis di halaman blog ini, karena lebih banyak terfokus pada pekerjaan sehari hari. Sampai akhirnya saya tergelitik untuk ikutan menulis tentang UAS, setelah membaca berita yang bertebaran di internet.
Menulis menurut sudut pandang saya sendiri. Atau lebih spesifiknya sebagai seorang blogger.

Fakta 1. Ustad Abdul Somad - Mellya Juniarti Resmi bercerai.
Peristiwa ini menarik perhatian saya apalagi tentang hubungan dua insan yang pernah bertekad memilih hidup bersama selamanya. Siapa sih yang ingin berpisah? Gambar di atas sudah bertebaran di internet, di medsos dan tidak akan dapat di hapus lagi dari dunia maya karena jalin menjalin sangat kuat di dalam library di dunia website.

Saya tahu itu karena saya peminat web dan mengerti segala impikasinya terhadap kehidupan dan privasi manusia pada saat ini. Dunia sekarang telah hampir kepada dimana dinding, lantai dan langit dapat mendengarkan setiap perkataan dan bahkan helaan nafas kita.

Ya, photo itu telah di postin…

PANDUAN LENGKAP MENGEDIT TEMPLATE EMPORIO

Untuk template blogger default versi 3 Ini adalah panduan lengkap cara "mengoprek" template bawaan (default) blogger menjadi beda dan tampak premium. Ikuti secara seksama. Sisanya ada ditangan sobat sendiri...
Bagian Isi:
Kelebihan template bawaan bloggerKelebihan varian terbaru template bloggerMerombak heading blogger agar dinamisMemasang related postMemasang menu navigasiMenambahkan CSSMenambahkan HTMLMenambahkan Javascript Langkah merubah Desain Template blogger:
(Menggunakan HTML untuk mengubah desain blog)
Login ke Blogger.Pilih blog untuk diperbarui.Di menu sebelah kiri, klik Tema.Di sebelah kanan agak keatas ada ikon tiga titik klik dan, klik Edit HTML.Buat perubahan yang Kalian inginkan.Klik Simpan tema. Template adalah bagian terpenting dari sebuah blog tidak perduli sobat ngeblognya pakai platform Wordpress, Jimdo, Wix atau Blogspot dan lain lain. Tidak perduli sobat memakai template premium berbeli atau hanya sekedar memakai template yang telah tersedia secara defau…

ALASAN MENGAPA MENGGANTI SISTEM ANDROID KE SISTEM OPERASI BARU NYARIS MUSTAHIL AKAN SUKSES

Huawei jelas sedang mencoba dan itu pasti akan ada harganya: Akan hadir sebuah sistem baru yang akan membuat kita panasaran seperti apa bentuk dan performanya jika dibanding dengan Android yang selama ini telah memberikannya "nyawa" untuk hidup dan menjadi sebesar sekarang.
Karena kita tahu sehebat apapun sebuah mesin gagdet tiada akan ada artinya tanpa sistem operasi, software dan aplikasi, maka suatu gadget  itu ibarat raga tanpa nyawa. Dilatari nasibnya yang ter"aniaya" oleh Trump (baca:Amerika)  tentu sangat menarik untuk mengikuti perkembangan nasib dari Huawei. Akankah Huawei tetap menjadi besar setelah menggunakan sistem operasinya sendiri?

Baca juga:
Siapa pemenang, siapa pacundang Amerika atau Cina? bagian pertamaSiapa pemenang, siapa pacundang Amerika atau Cina? bagian Kedua Oke mari kita simak penjelasan yang saya simpulkan dari pendapat para ahli mengapa hal itu sulit menjadi kenyataan:
1. Terlihat sederhana Platform mobile beserta ekosistemnya itu sanga…
Copyright © editblogtema. All rights reserved.