Download Template blogger SOHO premium dengan tampilan professional

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.

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

pilih pola label berikut:

Show more