Friday, January 17, 2014

Cara membuat WEBSITE Sendiri

asanya tidak afdol, jika seorang blogger belum membuat posting tentang langkah-langkahCara Membuat Blog / Website Sendiri Secara Gratis tanpa bayar, mudah dan cepat. Maka dari itu saya sediakan tutorial ini, agar anda bisa berbagi pengetahuan dan informasi kepada orang lain, seperti yang saya lakukan selama ini melalui blogspot.

Pada awalnya kehadiran weblog digunakan untuk konsumsi pribadi, dengan menulis cerita kehidupan sehari-sehari. Tapi seiring berjalannya waktu, blog telah beralih fungsi sebagai media informasi yang bermanfaat dan banyak dibutuhkan orang lain, seperti tips, trik dan tutorial. Tentunya agar dapat dijadikan tempat yang ideal dan praktis mencari uang di internet tanpa modal, dengan menjaring visitor dalam skala besar.

Ada banyak situs hosting yang memungkinkan anda untuk membuat blog secara gratis, diantaranya yang populer, yaitu Blogdetik, Wordpress dan Blogger. Namun dari 3 pilihan tersebut, saya lebih menyukai blogger.

Mengapa dan Apa Kelebihannya?
  • Lebih seo friendly di search engine, yang artinya blog ataupun artikel akan lebih mudah dan cepat terindeks mesin pencari, terutama Google. Karena blogger adalah produk milik google.
  • Pengelolaan menu sangat mudah dan cepat dipelajari bagi pemula. Seperti mengedit / ubah tampilan blog.
  • Dapat mengatur siapa saja yang bisa berkomentar di blog kita, semua orang atau hanya yang mempunyai akun google saja.
  • Filter spam memungkinkan untuk menyaring pengunjung yang melakukan spam terhadap kotak komentar, sehingga tidak akan dimunculkan.
  • Moderasi: komentar visitor akan muncul setelah mendapat persetujuan dari admin.
  • Terintegrasi dengan Google Adsense, yang menu pendaftarannya berada di dashboard.
  • Kemudahan dalam Back up data postingan dan template.
  • Interface menu untuk membuat artikel cukup simple namun menawan.
  • Dan masih banyak lagi.
Saya rasa cukup untuk penjelasannya, mari kita mulai cara membuat blog dengan cepat dan mudah di blogger.com.
how to creater a blog site?

1.Pastikan anda sudah mempunyai Gmail. Kalau belum, buat terlebih dahulu.

2.Kunjungi http://www.blogger.com. Masukkan alamat email dan password gmail anda, lalu Masuk.

3.Atur dulu bahasanya ke Indonesia, agar lebih memudahkan. Lihat menu disebelah kiri gambar "Gear"

pengaturan bahasa di blogger

4.Klik tombol Blog Baru.

Blog Baru di Blogger

5.Isi informasi sesuai dengan petunjuk:
  • JUDUL: Isi dengan judul dari blog anda, misal: Blog Fansub atau Anime Subtitle Indonesia.
  • ALAMAT: Isi dengan alamat terserah anda, contohnya blog saya ini satoshi48. Usahakan jangan terlalu panjang (maksimal 15 karakter termasuk spasi) dan incar dengan kata kunci yang populer. Bisa menggunakan angka, huruf dan strip - sebagai penghubung.
Catatan: jika muncul peringatan "Maaf, alamat blog ini tidak tersedia dan tanda seru kuning", itu berarti alamat tersebut sudah ada yang menggunakan sebelumnya. Oleh karena itu masukkan dengan kata yang unik atau tambah dengan 1 kata/huruf yang berbeda dibelakang maupun didepannya.

Buat Blog Baru di Blogger

6.Kalau sudah ada pesan "Alamat blog ini tersedia dan tanda centang biru" silahkan klik  Buat Blog!

7.Klik "Mulai mengeposkan" untuk membuat artikel baru.

Tampilan Post Entri Blogger

8.Setelah selesai, klik "Publikasikan"

Mungkin hanya itu saja yang bisa saya sampaikan mengenai Cara Membuat Blog/Website Sendiri Secara Gratis, sisanya silahkan anda pelajari sendiri. Sebagai bonus dari akhir artikel ini, baca juga Cara mengganti template blogspot, dan Memperkuat keamanan akun blogger. Selamat mencoba dan semoga bermanfaat.

- Have a nice day guys! -

Monday, September 30, 2013

Sinopsis Novel 5cm

Sinopsis Novel 5 Cm
Kategori: 5 Cm , Novel Indonesia
Penulis:DhonnyDirghantoro
Penerbit:PT. Grasindo
JumlahHalaman:381
TahunPertamaTerbit:2005

Buku ini secara garis besar bercerita tentang persahabatan dan nasionalisme. Banyak di antara kita yang beranggapan nasionalisme adalah hal yang aneh.Melalui 5 Cm, kita diajak "bermain-main" dengan rasa cinta pada negeri ini secara sederhana melalui kelima sahabat yang menjadi tokoh utama novel besutan penulis muda, Donny Dirghantoro. Novel ini dibuka dengan perkenalan masing-masing tokoh yaitu Arial, Zafran, Genta, Riani dan Ian. Dengan cerdas, sang penulis merekatkan karakter kuat pada masing-masing tokoh. Hal ini yang membuat 5 Cm unggul dari novel lain. Jika secara umum pada awal novel kita dibiarkan menebak seperti apa karakter para tokoh, maka di dalam 5 cm, kita tidak dibiarkan menebak sebab karakter tokoh sudah terbaca kuat di halaman awal. Kelima tokoh utama ini telah berada dalam lingkar pertemanan selama kurang lebih 7 tahun. Sampai suatu saat mereka diliputi kebosanan. Kehidupan yang monoton membuat mereka berpikir untuk berpisah selama 3 bulan. Dalam masa "berpisah tersebut", mereka tidak diperkenankan melakukan komunikasi dalam bentuk apapun. Dalam kurun 3 bulan tersebutlah, mereka ditempa dengan hal baru. Dengan rasa rindu yang saling menyilang. Tentang tokoh Riani yang mencintai salah satu sahabatnya. Tentang Zafran yang merindui adik Arial, sahabatnya sendiri. Tentang Genta yang memilih mengagumi Riani dengan diam. Dan masih banyak lagi lainnya. Sampai pada bagian ini, konsep nasionalisme masih blur.




Ide tentang nasionalisme disisip penulis dengan cerkas pada bagian saat mereka kembali bertemu.Kelima sahabat ini memutuskan menunaikan rindu dengan mendaki puncak gunung tertinggi di Pulau Jawa, Semeru. Surga dunia yang dititip Tuhan di Nusantara. Alasan yang lebih dari cukup bagi orang-orang (khususnya anak muda) untuk mencintai bangsa ini dan mengembangkannya dengan tekad yang disimpan di jidat, tak lebih dari 5 cm. Pada bagian ini pula, penulis merubah kisah persahabatan menjadi kisah petualangan yang dibumbui kisah cinta yang manis. Cinta segitiga di antara mereka dikemas dengan tawa bukan tangis. Hal ini yang membuat 5 Cm menarik. Hal kecil yang mainstream dibuat berbeda tetapi natural. Hal lain yang mempertegas semangat nasionalisme dalam buku ini adalah kutipan kutipan yang powerful misalnya:
Sebuah Negara Tidak Akan Pernah Kekurangan Seorang Pemimpin Apabila Anak Mudanya Sering Berpetualang di Hutan, Gunung & Lautan.
(Hendry Dunant)
Pemakaian Bahasa

Jika ditelaah, Donny Dhirgantoro menggunakan bahasa sehari-hari khas anak muda Jakarta.Bahasanya ringan namun tetap sanggup mengantarkan makna yang dalam. Dalam novel ini, penulis juga banyak menyisip kata-kata asing sebab ada banyak kutipan lirik lagu yang dimasukkan. Bagi sebagian orang, hal ini menciderai jiwa nasionalis yang mencoba dibangun novel ini di bagian akhir.Namun, jika kita jernih melihat, nasionalisme tak ada hubungannya dengan selera musik. Secara umum, dari pemilihan bahasa, Donny dengan jelas mengarahkan pembaca muda.  Kelebihan, Kekurangan Dan Pesan Moral Seperti telah dijelaskan sebelumnya, novel ini berhasil membuat nasionalisme lebih mudah dicerna, hal ini menjadi keunggulan tersendiri. Hal lainnya adalah adalah kisah percintaan dan persahabatan yang dikemas dengan ringan. Jangan berharap Anda akan menemukan tokoh yang merana karena orang yang dicintainya, mencintai orang lain. Berbicara soal kekurangan, novel ini memasukkan terlalu banyak lirik lagu untuk menggambarkan beberapa kondisi.Hal ini bisa saja membuat pembaca yang publik musik luar menjadi terusik dan sulit memahami.Menyoal pesan moral, poin ini telah disisip penulis dengan cerdas pada pemilihan judul: 5 Cm. Bagi yang belum membaca, pasti bertanya-tanya Mengapa 5 cm? atau Ada apa dengan 5 cm?Jawabannya cukup filosofis. 5 cm adalah jarak kita menaruh mimpi dan cita-cita di depan mata.Biarkan mengambang agar kita selalu melihatnya dan bertekad mengejarnya. Sinopsis novel 5 Cmini disusun tidak untuk menyampaikan semua isi buku terkait. Melainkan memperkenalkan kepada pembaca yang ingin "mengintip" seperti apa kisah di balik Novel 5 Cm karya Donny Dhirgantoro sebelum memutuskan untuk membeli. Selamat berburu!


Cara membuat menu bar di blogspot dengan mudah

Cara membuat menu bar di blogspot dengan mudah adalah sebuah cara jitu jika agan menginginkan tampilan semua halaman blog di lihat dengan mudah oleh pengunjung dan salah satu cara dari kian banyak cara jika agan ingin blog agan tampil lebih cantik yang mana sebelumnya juga ane sempet sharing tentang cara membuat background blog agar tampilannya lebih menarik nan cantik. 

Kali ini ane akan mencoba berbagi tips tentang cara membuat menu bar di blogspot dengan mudah yang hanya di butuhkan sedikit keahlian dalam mengedit HTML. Sebelum kita melanjutkan tutorial tentang cara membuat menu bar di blogspot, terlebih dahulu silahkan lihatlah gambar di bawah ini yang menampilkan hasil akhir dari menu bar di blogspot.
menu bar di blogspot
Nah bagaimana tertarik bukan? Baiklah bagi agan-agan yang sudah tidak sabar lagi ingin membuat menu bar di blogspot silahkan perhatikan langkah-langkah dari tutorial cara membuat menu bar di blogspot dengan mudah dibawah ini.

Cara membuat menu bar di blogspot dengan mudah

1. Silahkan masuk ke akun Blogger agan.
2. Klik halaman "Template" download template lengkap untuk berjaga-jaga terjadi hal-hal yang tidak di inginkan.
3. Centang "Expand Template Widget". 
4. Terus silahkan cari kode ]]></b:skin> denan menggunakan Ctrl + F.
5. Simpan kode script di bawah ini tepat di atas kode ]]></b:skin>

#menubar{
border-bottom:4px solid #ff0000;
width:1025px;
height:32px;
background:#000000;
float:center;
margin-bottom:3px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
background: #ff0000;
color: #fff;
text-decoration:none;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #ff0000;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #000000;
color: #ffffff;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##ff0000;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}       

6. Untuk seterusnya silahkan cari kode <div id="content-wrapper"> 
7. Simpan kode script di bawah ini tepat di atas kode <div id="content-wrapper">

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<ul>
<li><a href='https://twitter.com/Langkah2_Blog'>Twitter</a></li>
</ul></li>
</ul>
</div>

8. Simpan Template.

Note: 
  • Sesuaikan kode #ff0000 (border bawah menubar), 1025px (lebar menubar), #000000 (background menubar).
  • Silahkan nama menubar yang berwarna biru Home sesuai dengan keinginan agan.
  • Ganti link yang berwarna merah http://langkah2membuatblog.blogspot.com/p/abaut.html dengan link agan.
Itulah pembahasan mengenai tutorial tentang cara membuat menu bar di blogspot dengan mudah semoga dengan adanya pembahasan ini dapat membantu sobat blogger yang ingin membuat menu bar di blogspot, silahkan tinggalkan komentar jika mendapatkan kesulitan agar ane dapat segera membantu.       
Terima kasih atas kunjungan anda dan kesediaan anda untuk membaca artikel tentang Cara membuat menu bar di blogspot dengan mudah. Jika anda menyukai artikel blog ini, silahkan untuk berlangganan gratis via email, dengan begitu anda akan mendapat kiriman artikel setiap ada artikel baru yang terbit di Langkah-Langkah Membuat Blog Keren.
- See more at: http://langkah2membuatblog.blogspot.com/2012/12/cara-membuat-menu-bar-di-blogspot.html#sthash.vzdzF23y.dpuf

Cara Mempercepat Loading Blog

Cara Mempercepat Loading Blog. Loading blog yang berarti pemuatan blog, maksudnya adalah membuka akses suatu halaman blog dengan kecepatan yang tergantung dari cepatnya akses internet dan isi dari halaman blog. Kedua faktor tersebut sangat mempengaruhi lama atau tidaknya waktu yang dibutuhkan untuk membuka suatu halaman blog.
Ketika akses internet sudah cepat tapi masih juga lambat membuka suatu halaman blog, itu berarti blog yang sedang dikunjungi mempunyai banyak isi sehingga memberatkan loading blog, entah itu widget, kode html, ataupun iklan-iklan yang berserakan. Cara mempercepat loading blog agar lebih mudah untuk diakses. Ikuti langkah-langkah dibawah ini.Cara yang pertama adalah:
  1. Menghapus atau menempatkan Widget/gadget yang berat dibagian bawah blog(Footer) Seperti Translate, Jam di blog, kalender dan lain-lain.
  2. Dan yang kedua adalah memasang Fungsi Scroll di Arsip blog, Populer Posts, atau Label/kategori agar tidak banyak memakan tempat. 
  3. Ketiga adalah mempersingkat tampilan halaman posting menggunakan Read Moredan membatasi jumlah tampilan artikel di awal blog, Cukup 4 sampai 5 posting saja.
  4. Terakhir, Dengan mengcompress html blog.

Cara mengcompress HTML blog

      1. Login ke blog dan klik pengaturan template. Cadangkan template dulu(untuk jaga-jaga).
      2. Klik edit HTML. Dan copy semua kode yang ada ditemplate.
      3. Selanjutnya, Kunjungi situs http://htmlcompressor.com/compressor.html
      4. Paste kan kode yang di copy tadi ke situs diatas, dan klik Compress.
      5. Selanjutnya akan ada Pemberitahuan seperti dibawah ini.
      6. cara mempercepat loading blog
      7. Klik Change, maka situs compress akan menyesuaikan dengan template blog, tanpa merusak fungsi-fungsi blog yang ada.
      8. Selanjutnya tunggu sampai proses compress selesai. Setelah selesai. Copy semua kode hasil compress dari http://htmlcompressor.com/compressor.html dan Paste kan di edit HTML blog tadi. Dan save template. Selesai.

        Atau Download hasil Compress, dan unggah ke blog.

        cara mempercepat loading blog

        Dari gambar diatas, hasil compressnya hanya sedikit, karena memang sudah 2 kali template yang saya gunakan sebagai contoh ini, di compress. Pertama kali dikompress, dari 110kb an bisa jadi 90kb, lumayan banyak compress nya untuk template asli blogger. Dan itu sangat membantu untuk mempercepat loading blog saya.
        Mempercepat loading blog merupakan salah satu cara untuk meningkatkan seo blog. Karena semakin cepat blog, maka akan semakin mudah pengunjung untuk membuka halaman dari blog. Semoga Bermanfaat. Semoga Bermanfaat.

        Cara Membuat Menu di Blog

        Cara membuat menu di blog dengan mudah. Fungsi menu itu bisa dibilang untuk memudah kan pengunjung blog mengetahui tentang pemilik blog, isi seluruh blog atau bagian-bagian blog kita, Biasanya menu banyak ditempatkan dibawah judul blog atau disamping kiri blog. Seperti about me/us sitemap/daftar isi blog, contact us/me dan lain-lain. Cara ini adalah cara yang paling mudah dan sederhana, tidak harus edit html yang bisa bikin pusing klo dilihat dengan banyak kode-kode. Silahkan dilihat dulu gambar menunya dibawah ini atau lihat dibawah judul ini blog.
        cara membuat menu di blog
        Cara membuat menu di blog. Ikuti langkah-langkah dibawah ini.
        1. Login ke Blog kamu.
        2. Dari halaman awal pilih laman. Lihat gambar dibawah ini.
        cara membuat menu di blog
        3. Selanjutnya klik laman baru seperti gambar dibawah ini. Ada 2 pilihan, Laman kosong seperti kita menulis entri baru dan Alamat Web, seperti www.pacebook.om dll. Untuk percobaan Pilih Laman Kosong. 
        cara membuat menu di blog

        4. Terus kita beri judul Tentang saya. Sebagai percobaan dulu. Dan klik Publikasikan.
        cara membuat menu di blog

        5. Setelah dipublikasikan, pilih Tab atas, maka laman yang baru saja dibuat tadi akan muncul dibawah judul blog.
        cara membuat menu di blog
        6. Selesai. Lihat blog maka laman baru akan tampil dibawah judul blog. seperti gambar dibawah ini.
        cara membuat menu di blog
        7. Untuk mengisi menu blog, bisa kalian isi dengan about me, Daftar Isi, contact us dan lain-lain. Sebagai Contoh silakan dilihat

        Cara Membuat Gambar Header Blog

        Cara Membuat Gambar Header Blog. Satu lagi cara desain blog sendiri, yaitu dengan menambahkan gambar di header blog. Cara membuat gambarnya bisa menggunakan software, bisa juga secara online. Artikel ini akan menjelaskan tentang cara membuat gambar header blog secara online. Prosesnya tidak lama, cukup mengunjungi situs penyedia layanan pembuatan gambar, dan memilih salah satu bentuk gambar yang kita inginkan. Setelah itu download dan pasang di blog kita. Silakan lihat dulu contoh gambar dibawah ini.

        cara membuat gambar header blog
        Gambar diatas adalah contoh gambar dalam bentuk tulisan yang pernah saya gunakan di blog ini. Dengan menggunakan gambar, kita punya banyak pilihan bentuk dan juga warna yang bisa digunakan. Berbeda dengan tampilan huruf blog, yang warna dan bentuknya terbatas, hanya bisa menggunakan satu warna.

        Ukuran gambar yang dihasilkan cukup kecil dan juga tidak memberatkan loading blog, ukuran huruf bisa diatur sesuai dengan yang kita inginkan. Disitus tersebut ada juga jenis gambar animasi, seperti huruf yang mengeluarkan api, Petir, animasi Glow yang bergerak dan masih banyak lagi.
        1. Gambar yang dihasilkan berformat PNG dan juga GIF, sesuai dengan bentuk dan animasi yang digunakan. Dan ukuran File gambar yang dihasilkan juga berbeda, antara Png dan Gif, sesuai dengan ukuran huruf gambar yang digunakan.
        2. Untuk gambar animasi ukuran huruf 40 keatas bisa sampai 50-70kb dalam format Gif. Sedangkan untuk gambar biasa tanpa animasi hanya 10-30kb dalam format png.
        3. Silakan pilih bentuk dan ukuran gambar yang sesuai dengan yang kalian inginkan.
        Untuk lebih jelasnya, Cara membuat gambar header blog. 
        Ikuti langkah-langkah dibawah ini:
        1. Kunjungi situs http://cooltext.com/ 
        2. Selanjutnya pilih salah satu gambar huruf yang kalian suka.
        3. Dan atur warna dan juga bentuk hurufnya.
        4. Setelah selesai, lihat bagian bawah, klik Creat Logo.
        5. Terakhir Download. Seperti gambar dibawah ini.
        6. cara membuat gambar header blog
        7. Sekarang, memasang gambar tersebut di blog kita.
        8. Login ke blog, dan Klik pengaturan Tata Letak.
        9. Pada bagian layout Header Blog, Klik Edit. Dan Upload gambar tadi.
        10. Selanjutnya atur penempatan gambar. Pilih dibalik judul dan keterangan.
        11. Terakhir Save pengaturan gambar. Dan lihat, gambar berada di belakang judul dan deskripsi. Jika ingin menyembunyikan tulisan judul dan deskripsi blog. Ikuti langkah-langkah dibawah ini.

        Cara menyembunyikan judul dan deskripsi blog

          1. Sekarang kita sembunyikan tulisan judul dan deskripsi dari halaman blog, cari kode ]]></b:skin> dan tempatkan kode ini diatasnya.
          2. .Header h1 {
               height: 0px;
               visibility: hidden;
               display: none;
            }

            .Header .description {
               height: 0px;
               visibility: hidden;
               display: none;
            }
          3. Setelah menambahkan kode diatas maka judul blog dan deskripsi akan disembunyikan dari tampilan blog, tinggal gambar saja.
          4. Dengan begitu judul dan deskripsi tetap ada, hanya disembunyikan.
          5. Silahkan cek di chkme.com untuk melihat masih ada atau tidak title judul blog H1, jika ada berarti gambar header tidak akan mempengaruhi seo blog.
          Jika kita memliih menempatkan gambar selain judul dan keterangan atau tempatkan keterangan setelah gambar. Maka H1 header akan hilang, dan itu mempengaruhi seo blog. Jika ingin mencoba silahkan saja cek di chkme.com atau disitus chek seo blog lainnya. Agar H1 header blog disembunyikan dari halaman blog tanpa mempengaruhi seo blog, gunakanlah cara seperti diatas. Semoga Bermanfaat.