Cara Kreatif Membuat Template Blog dan Website Sendiri

 

Cara Kreatif Membuat Template Blog dan Website Sendiri – Sahabat saya yang Super SEO, banyak sekali desain model Template yang di tawarkan di internet mulai dari yang responsive, Personal, Premium Friendly, bahkan sampai yang khusus Support Adsense. Selain itu banyak juga yang menawarkannya dengan hanya Cuma-Cuma atau gratis dan juga banyak yang berbayar seperti desain Website yang sudah tampak Professional.

 

Membuat Template Blog dan Website

Kadang kita memasang sebuah template di Blog itu hasil downloadan atau karya orang lain, betul gak? Salah satunya seorang desainer template yang banyak digandrungi banyak blogger yaitu template karya Mas Sugeng dan Mas Kholis. Selain kita tinggal menikmatinya saja, kita juga tak perlu susah-susah merangkai ataupun Mendesain sebuah template.

 

Bagi para pengunjung yang pengen mencoba membuat template sendiri, Nah kali ini kami akan mengajak para pengunjung sekalian untuk berkreatif dalam membuat Template sendiri baik itu Blog ataupun Website.

Ada 2 opsi yang akan saya share kepada anda sekalian dalam membuat sebuah template :

 

  1. Desain Template Memakai Software

 

 

Bagi anda yang suka dunia desain grafis maka inilah opsi yang cocok untuk kalian yaitu Software Desain. Dalam membuat sebuah template tentunya membutuhkan perangkat software yang juga mendukung dalam hal desain grafis. Biasanya para desainer template lebih banyak menggunakanPhotoshop dan Corel Draw karena kualitas gambar desain yang bagus. Kalau kalian kesulitan dalam menggunakan Photoshop dan Corel Draw, saya merekomendasikan anda untuk memakai Artiseer.

 

Artiseer yaitu sebuah Software desain template yang mudah digunakan oleh para newbie ataupun blogger Professional. Selain kita bisa mendesain sendiri templatenya, kita juga bisa memodif template yang sudah disajikan di dalamnya. Kalau anda ingin mencobanya, silahkan kunjungi di www.artisteer.com/

 

  1. Desain Template Online

 

 

Selain kalian bisa membuat template dengan memakai Software desain grafis, kalian juga bisa membuat template sendiri secara Online. Cara menggunakannya cukup mudah, kunjungi www.dotemplate.com/‎ pilih all browser Template dan pilih template yang akan anda modifikasi.

 

 

Jadi, kira-kira sahabat Super SEO akan membuat template dengan memakai apa?. Share juga ya template hasil karya kalian. Salam Sukses

Cara cepat membuat website langsung online

 

Website atau biasa di sebut Situs merupakan sejumlah halaman webyang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis berkas lainnya. Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah lokal (LAN) melalui alamat internet yang dikenali sebagai URL. Sumber : http://id.wikipedia.org/wiki/Situs_web

Setelah anda paham mengenai apa yang di maksud dengan website maka penulis akan memberitahukan langkah-langkah membuat website tanpa menguasai tehnik-tehnik dalam membuat website, pada artikel ini akan di bahas cara menginstal automatis dan merancang website berbasis Content Management System (CMS) menggunakan jasa Id Hostinger. Untuk lebih jelasnya penulis ikuti langkah-langkah berikut ini.

  1. Langkah awal yang harus anda lakukan adalah login di www.idhostinger.com
  2. Jika anda sudah login maka langkah selanjutnya anda harus membuat domain hosting sebagai tempat penyimpanan
  3. Setelah proses pembuatan Domain hosting anda sudah selesai di buat maka klik tombol Switch/Kelola disamping nama domain yang anda buat tadi. Selanjutnya akan di tampilkan menu control panel id hostinger.
  1. Langkah selanjutnya anda tarik scrollbar pada menu control panel dan cari Auto Installer/Install Automatis.
  1. Setelah anda dapatkan lalu klik menu tersebut maka akan di tampilkan menu-menu aplikasi yang dapat anda install, pada artikel ini saya akan berikan contohnya menginstall aplikasi berbasis CMS Joomla.
  1. Langkah selanjutnya anda klik Icon Joomla, maka anda akan di arahkan pada menu penginstalan joomla pada kotak form penginstalan anda di minta untuk mengisikan nama dan password administrator anda yang nantinya akan di gunakan untuk mengakses dan mengelola aplikasi joomla yang anda sudah install.
  1. Setelah anda mengisinya dengan lengkap, langkah selanjutnya anda klik tombol Install Joomla, lalu tunggu proses penginstalan sampai selesai.
  2. Setelah proses penginstalan selesai, maka simpan informasi yang di tampilkan diatan domain anda yang ada pada kotak berwarna biru agar nantinya mudah untuk anda ingat, dan untuk melihat hasil penginstalan joomla anda klik domain hosting anda.
  1. Langkah selanjutnya jika anda ingin masuk ke menu administrator, anda ketikkan nama domain anda yang di ikuti dengan kata administrator. Contohnya : www.intelcombb.meximax.com/administrator. Lalu anda login dengan nama dan password yang anda simpan tadi.

 

Itulah gambaran tentang cara menginstal automatis aplikasi pembuat website yang berbasis Content Management System (CMS), semoga artikel ini bermanfaat untuk anda.

Cara Baru Menghilangkan Navbar Blog

 

Navbar merupakan salah satu fiture asli bawaan blogger, yang menyediakan pilihan untuk masuk ke pengaturan desain blog, dan memudahkan kita untuk membuat entri baru juga login-logout dari blog. Navbar juga memperlihatkan alamat email yang sedang kita gunakan untuk masuk ke blog. Tapi disisi lain, ada jarak pemisah antara halaman blog dengan tab browser kita, sehingga terlihat sedikit kurang rapi, karena adanya navbar.

Sekarang menghilangkan navbar di blog lebih mudah, navbar hanya disembunyikan dari halaman blog, hasilnya tidak ada jarak pemisah antara halaman blog dengan tab browser kita. Beda dengan yang lama, jika ingin menghilangkan navbar, harus edit html dulu, baru bisa hilang navbarnya, kalau hanya disembunyikan, jarak pemisah masih terlihat.

Satu lagi kelebihan pengaturan navbar sekarang, yang dulunya kalau navbar dihapus dari blog, maka halaman blog akan sedikit naik. Sekarang tidak, kalau navbar disembunyikan, halaman blog tidak naik. Tinggi halaman masih seperti ketika ada navbar, hanya navbarnya saja yang hilang.

Langsung saja dicoba, Cara baru menghilangkan navbar di blog dengan mudah tanpa edit html.

Ikuti langkah-langkah dibawah ini.

  1. Login ke Blog dan masuk ke pengaturan Tata Letak.
  2. Selanjutnya klik edit di layout Navbar dan pilihoff dipengaturan navbar. Lihat gambar:

 

  1. Simpan dan lihat hasilnya. Selesai.

Tambahan: Jika cara diatas tidak berhasil diblog kamu, coba gunakan cara dibawah ini. 

  1. Klik pengaturan  template, klik edit HTML dan cari kode]]></b:skin> gunakan Ctrl F untuk memudahkan pencarian.
  2. Pasang kode berikutdiatas ]]></b:skin>

#navbar, #navbar-iframe {
height: 0px;
visibility: hidden;
display: none;

  1. Selanjutnya pratinjau template untuk melihat apakah navbar sudah disembunyikan atau belum. Jika sudah baru save template. Selesai.
  2. Fungsi dari kode diatas adalah menyembunyikan tampilan navbar dari halaman blog. Sehingga blog terlihat lebih rapi.
  3. Setiap template blog mungkin mempunyai perbedaan dalam menyembunyikan navbar. Jika cara pertama tidak berhasil, gunakan cara yang kedua.

 

 

Cara agar gambar posting tidak melebihi halaman blog.

Cara agar gambar posting  tidak melebihi halaman blog. Memasukan gambar didalam posting blog, merupakan salah satu cara agar isi artikel lebih mudah untuk dimengerti oleh pembaca. Namun, jika ukuran gambar melebihi lebar halaman posting, maka tampilan artikel terlihat menjadi tidak rapi. Apalagi sampai menyentuh widget-widget yang berada di samping kanan blog.

 

Sebenarnya, blogger sudah menyediakan tool untuk mengatur ukuran gambar, gambar bisa dikecilkan atau dibesarkan. Caranya klik gambar maka akan ada tool dengan pilihan small, medium, large, x-large atau ukuran gambar yang sebenarnya. Tapi pada postingan tertentu, mungkin kita ingin menambahkan gambar yang lebar dengan title gambar yang terlihat jelas.

Menggunakan tool dari blogger tidak cukup untuk mengatur lebar gambar, terkadang gambar masih melebihi lebar halaman posting blog. Berikut ini adalah cara agar gambar dipostingan blog tidak melebihi lebar halaman blog.

Ikuti langkah-langkah dibawah ini.

  1. Login ke blogger. Ke pengaturan template.
  2. Klik edit html, dan cara kode ]]></b:skin> , gunakan Ctrl f untuk memudahkan pencarian.
  3. Letakan kode berikut di atas ]]></b:skin>

#header img { max-width: 99%; max-height:90%; margin:1px 1px;padding:0px;}
.post img { vertical-align:bottom; max-width:90%; max-height:90% }
#navigation img { vertical-align:bottom; max-width:80%; }

  1. Selanjutnya save template, selesai.

Gambar dengan ukurang yang besar, otomatis tidak melebihi lebar posting blog. Dengan begitu, tampilan posting blog akan terlihat rapi, dan juga bisa menambah kecepatan loading blog. Untuk mengoptimalkan lagi lebar gambar, agar tidak melebihi halaman blog. Ada baiknya, sebelum gambar di upload ke blog. Gambar di kompress terlebih dahulu.

Terkadang, gambar dengan ukuran extra besar, masih bisa melewati batas halaman blog. Walaupun sudah ditambah pengaturan seperti diatas. Tapi pada umumnya, blog yang sudah diberikan pengaturan gambar seperti diatas. Gambarnya tidak akan melewati batas halaman. Mengatur ukuran gambar bisa dibilang sebagai salah satu cara untuk meningkatkan search engine optimazation atau yang biasa disingkat seo dalam dunia website.