berbagi, komputer & internet marketing

Monday, 2 March 2015

Tema Blogger Cantik Gratis. Maiden Hair Blogger Theme


Bagi para blogger pemula, suka mencoba berbagai hal tentang blog yang dibikinnya. Salah satunya adalah tampilan blog. Atau tema blog (blog theme).
Google, sebagai pemilik blog, sebenarnya sudah menyediakan tema yang banyak & bervariasi. Akan tetapi, masih saja kurang variasi. Sementara, banyak orang yang mempromosikan produknya, dengan menawarkan tema untuk blogger ini, gratis. Kita boleh memakainya, hanya mereka mencantumkan tautan di bagian bawah, footer. Asik kan.

Meski gratis, tema yang dibagikan itu penampilannya cantik, respon cepat & mengadopsi hp, tablet, nb, & pc. Ini salah satunya. Tema Maiden Hair, Rambut Perawan. Tidak tahu, kenapa diberi nama ini. Mungkin biar keren, unik, mudah diingat. Syukur kembali lagi & membeli prodek mereka. Mungkin.

Berikut ini, saya tuliskan salah satu tema cantik & gratis. Kalau suka, silahkan diunduh & diinstal. Sebelum memakai, kalau mau lihat penampilan si Rambut Perawan ini, bisa klik disini. Kalau suka, begini cara memasangnya untuk blogmu:
  • Unduh tema blog Maiden Hair, klik disini.
  • Sebelum mengunduh, bisa melihat tampilannya disini.
  • Masuk ke Blogger, kalau belum klik Blogger.
  • Pilih Menu Template (kiri bawah)
  • Pilih Backup/Restore (sebelah kanan atas)
  • Pilih file tema yang barusan diunduh tadi.
  • Pilih Upload, atau unggah. Tunggu beberapa saat. Begitu selesai akan ditampilkan unduhan selesai.
  • Lihat tampilan si Rambut Perawan. Kalau suka, boleh dipakai.
Ada beberapa catatan disertakan si pembuat untuk merubah. Merubah tampilan menu & menu media sosial.

Cara mengedit menu & media sosial:
  • Pilih menu Template
  • Pilih Edit HTML
  • Cari bagian menu, dengan Ctrl-F, tuliskan Uncategorized, tekan enter
  • Ubah, sesuai desain menu yang diinginkan
  • Ganti tanda #, dengan alamat url sesuai kelompok tulisan yang akan ditampilkan atau alamat url yang akan ditampilkan.
  • Cara mencari alamat url, di blog sendiri: masuk ke tampilan blog sendiri
  • Pilih salah satu label, tekan enter, maka pada bagian atas akan muncul kelompok atau label
  • Salin alamat itu, tempel pada tanda # di atas.
  • Ulangi pilihan untuk menu yang lain.
  • Selain, kelompok atau label sendiri, alamat url itu juga bisa dari luar. Misalkan saja: FB, Twitter, Path, Google, terserah yang membuat.  
Tema Maiden Hair ini jenis minimal, sederhana. Jenis responsive dengan 2 kolom. Mudah dilihat oleh pengguna yang memakai HP, tablet, NB ataupun PC. Kata pembuatnya, minimal, search engines friendly, Sudah difasilitasi social buttons, header search box, post share links, google fonts, icon fonts, auto post summaries, related posts, right sidebar, 3 kolom footer area & lainnya.

Kalau anda malas ngoprek, bisa hubungi si pembuat. Bayar tentunya, tidak gratis. Kalau untuk pemakaian sederhana ada panduan merubah menu yang disertakan.
Berikut, perubahan yang bisa dilakukan:
  • Masuk blog
  • Pilih Menu Template
  • Masuk "Edit HTML":
<ul class='menunbt' id='top-navnbt'><li><a expr:href='data:blog.homepageUrl'>Home</a></li><li><a href='#'>Business</a><ul class='sub-menu'><li><a href='#'>Internet</a></li><li><a href='#'>Market</a></li><li><a href='#'>Stock</a></li></ul></li>...<li><a href='#'>Uncategorized</a></li></ul>

  • Ganti tanda "#" sesuai url yang diinginkan.
  • Cara konfigurasi Media Social
  • Posisi pada Template
  • Pilih "Edit HTML", cari file (boleh memakai tombol Ctrl - F, masukkan kata yang dicari):
<div class='header-iconsnbt'>  <a class='social-iconnbt facebook-iconnbt' href='https://www.facebook.com/newbthemes/' rel='nofollow' target='_blank'/>  <a class='social-iconnbt twitter-iconnbt' href='https://twitter.com/newbthemes' rel='nofollow' target='_blank'/>  <a class='social-iconnbt google-iconnbt' href='https://plus.google.com/114594158726319551901/posts' target='_blank'/>  <a class='social-iconnbt rss-iconnbt' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'/></div>

  • Tambahkan link media sosial links.
  • Cara menambah tautan untuk menu navigasi sekunder
  • Pilih "Edit HTML":
<ul class='menunbt' id='navnbt'><li><a href='#'>Business</a><ul class='sub-menu'><li><a href='#'>Internet</a></li><li><a href='#'>Market</a></li><li><a href='#'>Stock</a></li></ul></li> ...<li><a href='#'>Uncategorized</a></li></ul>
Ganti tanda "#" dengan URLs & ubahlah anchor teknya, sesuai desain masing-masing.
Bisa kan. Kalau berbasil, tampilan akan seperti ini:

Kalau bingung, e-mail masalahnya, dibantu. Selamat mencoba si Rambut Perawan.



0 comments:

Post a Comment

Total Pageviews

Populer

Recent Posts

Arsip

Halaman

Powered by Blogger.