KangMuin

Monday, January 28, 2013

1/28/2013

Cara Membuat Blog Dengan Cepat dan Mudah

Cara Membuat Blog Gratis - Artikel kali ini saya khususkan bagi sobat yang benar benar awam mengenai cara membuat blog gratis, jadi bagi sobat yang sudah memahami dan menguasai ilmu cara membuat blog abaikan saja artikel ini. namun bagi sobat yang benar-benar ingin memahami dan belajar cara membuat blog kurang dari 1 jam silahkan diteruskan membacanya ya (santai saja, bila perlu siapkan minuman ringan dan cemilan.... xixixixixixi)

Blog itu sendiri bisa digunakan sebagai media penghubung, menjembatani antara si penulis dan pembaca, jadi si pembaca blog paham dan mengerti dengan maksud dan tujuan yang ditulis oleh penulis itu sendiri. bisa juga menjadi penghubung antara si penjual dan pembeli (dalam hal ini blog yang digunakan sebagai sebuah ladang usaha menjual produk. sebutan populernya Toko Online).

Membuat blog itu sebenarnya tidak terlalu susah, yang terpenting sobat cermat dalam langkah-langkah awalnya. dan mengenai cara membuat blog gratisan ada banyak layanan yang menyediakan blog gratis, beberapa diantaranya yang paling sering dipakai adalah:

- Blogger.com
- Wordpress.com
- Blogdetik.com
- Blog-roll.info
- Wordblog.pl
- dan masih banyak lagi.

Namun kali ini saya akan menerangkan bagaimana Cara membuat blog gratis secara cepat dan mudah. yaitu kita memakai layanan Blogspot di blogger.com.

Langkah awal untuk membuat sebuah blog gratis adalah :

1. Sobat diwajibkan memiliki sebuah alamat email, saran saya pakailah layanan gmail dari google. untuk membuat email dari layanan google tersebut anda bisa langsung menuju ke Gmail, untuk lebih jelasnya perhatikan gambar dibawah ini.

2. Langkah selanjutnya isi data data diform yang disediakan, jangan lupa paling bawah klik Saya menyetujui persyaratan layanan dan kebijakan privacy google, setelah itu klik Langkah berikutnya lihat gambar dibawah.

3. Selanjutnya, klik kirim kode Verifikasi. lihat lagi gambar dibawah ya :)

4. sekarang cek ponsel anda, jika belum ada kode verifikasi dari google bisa dicoba lagi beberapa menit kemudian, gambar dibawah menggunakan modem, jadi kode verifikasinya langsung bisa di lihat dilayar laptop saya.

5. Masukin deh kode verifikasinya seperti dibawah ini

6. Selamat datang di akun Gmail anda, lalu klik Lanjutkan ke Gmail ya....

7. Sampai disini proses pembuatan akun Gmail sudah berhasil, sekarang ketahap selanjutnya ya...proses pembuatan blog. yaudah tanpa basa basi langsung buka tab baru di browser sobat ya, atau bisa langsung menekan (ctrl + T) buka blogger.com ya.... tinggal isi email dan sandi yang sama seperti di akun Gmail tadi. lalu klik Masuk

8. selanjutnya pilih Opsi profil blogger sobat, jika hanya membuat blogger sebaiknya klik yg sebelah kanan. lalu klik lanjutkan ke blogger.

9. Sampai tahap ini sobat sudah sukses membuat akun blog, tahap selanjutnya silahkan lihat gambar dibawah ini untuk jelasnya. perhatikan baik baik tahap 1, 2, dan 3. sebelum ada tulisan This blog address is availableberarti nama blog yang ingin sobat buat sudah ada yang memiliki, silahkan ganti dengan nama lain, atau untuk mudahnya bisa tambahkan angka dibelakang alamat blognya, lihat contoh yang saya lingkari pada nomer 2 dibawah. setelah itu klik create blog.

10. Nah sekarang blog sobat sudah jadi, lihat keterangan dibawah ini, angka 1 adalah Judul blog yang sobat ciptakan pada tahap sebelumnya, lalu angka 2 adalah start posting. alias untuk memulai membuat artikel.

11. Setelah sobat klik start posting, sekarang saatnya sobat membuat sebuah artikel... perhatikan baik baik langkah langkahnya dalam membuat sebuah artikel. tentunya dimulai dari angka 1 ya...hehehe... untuk jelasnya lihat gambar dibawah ini.

Langkah-langkah cara membuat artikel di blog :

Angka 1 : merupakan judul artikel yang nanti akan diterbitkan, boleh apa saja. silahkan berekspresi melalui artikel sobat, narsis juga ga ada yang larang koq :)

Angka 2 : merupakan isi dari artikel, silahkan mengarang bebas, mau curhat, kasih tips, trik, info, atau apa saja yang sobat ketahui, klo artikelnya bermanfaat pasti banyak yang suka dengan blog sobat deh.

Angka 3 : merupakan Label, silahkan isi apa saja. contohnya seperti ini, misalnya judul artikel yang sobat buat adalah Tips melangsingkan tubuh, nah label tersebut bisa di isi dengan Tips sehat, atau yang lainnya. kan ga nyambung seandainya label tsb di isi dengan Ilmu komputer. :p

Angka 4 : Nah tahap ini adalah melihat dulu artikel sebelum diterbitkan, jika ada yang salah bisa dibenarkan dulu sebelum artikel diterbitkan.

Angka 5 : Jika pada tahap 4 sobat sudah yakin, sekarang tinggal klik Publish (Terbitkan)

12. Gambar dibawah ini merupakan contoh artikel yang sudah berhasil diterbitkan. dan untuk melihat artikelnya silahkan klik tombol view. selesai.... nah mudah bukan ?

13. Selamat Berkarya ya sob, oiya bagi sobat yang ingin tulisan hasil karyanya di publikasi di blog ini silahkan kirimkan artikel sobat ke email (indra_andriyadi@yahoo.com) jangan lupa link facebook kamu ya. dengan catatan artikel merupakan hasil karya sendiri dan bukan hasil copy paste dari blog lain.

14. Selanjutnya baca juga artikel saya mengenai Cara Menghasilkan Uang Dari Blog

sumber : http://www.aingindra.com/2012/03/cara-membuat-blog-gratis.html

Kang Muin 0

1/28/2013

Free Download IDM 6.14 Full Version tahun 2013

Baik kita bertemu lagi di info terkini yang selalu hadir untuk memberi tips dan hal baru untuk anda. dan untuk sekarang ini saya akan memberikan Free Download IDM 6.14 Full Version sob, gratis hanya untuk anda.
perasaan kemarin saya udah dapat IDM yang keluaran baru, ehh ternyata sekarang IDM update kembali dengan secepat itu. memang program ini sering di update karena sangat banyak sekali penggunanya.
oke langsung saja sob liat spesifikasinya di bawah ini :

Internet Download Manager (IDM) adalah alat untuk meningkatkan kecepatan download sampai 5 kali,melanjutkan dan jadwal mingguan. Comprehensive error recovery dan melanjutkan kemampuan akanrestart download rusak atau terputus karena kehilangan koneksi, masalah jaringan, komputer shutdowns,atau listrik padam tak terduga. Antarmuka pengguna grafis sederhana membuat IDM user friendly dan mudah digunakan.
Internet Download Manager memiliki logika download accelerator cerdas yang segmentasi file fitur cerdas dinamis dan teknologi download multipart aman untuk mempercepat download Anda.

Download IDM :

>> DOWLOAD DI SINI <<

Download patch IDM :
>> DOWLOAD DI SINI <<

Nah cara untuk mendownload mudah sob, ikuti tutorial di bawah ini
Pertama anda klik aja Download Di atas > tunggu 5 Detik > klik SKIP AD > klik DOWNLOAD
silahkan menggunakan patch yang disediakan , tanpa serial number IDM anda udah bisa aktifasi kembali.

jangan lupa buka artikel lainnya yah,,,,
by:kangmuin_blogspot.com

Kang Muin 0

Thursday, January 24, 2013

1/24/2013

cara membuat dropdown menu

Bagaimana cara membuat dropdown menu (horizontal)? - Saat ini semakin banyak blogger pemula yang tertarik untuk belajar dasar-dasar kode untuk mengatur tampilan blognya. Jadi kali ini saya hendak berbagi bagaimana cara membuat menu horizontal. Menu ini bisa ditaruh di bawah header, di atas footer, atau di mana saja dalam posisi horizontal.

Lalu bagaimana cara membuat menu dropdown horizontal ini? Untuk praktisnya ikuti prosedur mudah berikut:
Login ke dalam akun blogger anda
Pilih blog yang akan dipasangi
Pilih Menu Template
Klik Tombol EDIT HTML. Setelah itu akan muncul jendela konfirmasi, silahkan klik LANJUTKAN
Carilah kode ]]>
Copy kode di bawah ini dan paste tepat di atas kode ]]>
tadi#RickyMenu {
background: warna1;
width: 880px;
height: 35px;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
color: warna2;
font-weight: bold;
margin-bottom: 30px;
padding: 2px;

}
#Rickybox {
width: 875px;
float: left;
margin: 0;
padding: 0;
}

#punch {
margin: 0;
padding: 0;
}
#punch ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#punch li {
list-style: none;
margin: 0;
padding: 0;
}
#punch li a, #punch li a:link, #punch li a:visited {
color: warna2;
display: block;
font-size: 16px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-transform: lowercase;
margin: 0;
padding: 9px 15px 8px;
}
#punch li a:hover, #punch li a:active {
background: warna2;
color: warna1;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#punch li li a, #punch li li a:link, #punch li li a:visited {
background: warna1;
width: 150px;
color: warna2;
font-size: 14px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
#punch li li a:hover, #punch li li a:active {
background: warna2;
color: warna1;
padding: 7px 10px;
}
#punch li {
float: left;
padding: 0;
}
#punch li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#punch li ul a {
width: 140px;
}
#punch li ul ul {
margin: -32px 0 0 171px;
}
#punch li:hover ul ul, #punch li:hover ul ul ul, #punch li.sfhover ul ul, #punch li.sfhover ul ul ul {
left: -999em;
}
#punch li:hover ul, #punch li li:hover ul, #punch li li li:hover ul, #punch li.sfhover ul, #punch li li.sfhover ul, #punch li li li.sfhover ul {
left: auto;
}
#punch li:hover, #punch li.sfhover {
position: static;
}
Ganti kode warna1 dan warna2 dengan kode warna yang anda inginkan sebagai contoh bisa mengikuti kode di bawah ini:
Menu Hitam
warna1 = #555555
warna2 = #FFFFFF

Menu Biru
warna1 = #66bbdd
warna2 = #004661

Menu Hijau
warna1 = #38761d
warna2 = #FFFFFF

Menu Abu-abu
warna1 = #d4d4d4
warna2 = #555555

Menu Kuning
warna1 = #ffd966
warna2 = #d4812a
Jika sudah mengganti semua kode warna di atas silahkan klik SIMPAN TEMPLATE
Sekarang masuk ke Menu TATA LETAK atau LAYOUT
Klik ADD A GADGET atau TAMBAH GADGET
Pilih HTML/JAVASCRIPT. Biarkan kolom judul nama gadget kosong, lalu copy paste kode di bawah ini ke kolom HTML yang tersedia

Home

Sample Page

Sub Page #1

Edit semua nama menu sesuai keinginan anda. Jangan lupa mengganti tanda # dengan alamat URL yang anda inginkan
Klik SIMPAN
Atur posisi gadget di tempat yang anda inginkan, lalu klik tombol SIMPAN SETELAN di bagian kanan atas layar.
Jika anda melakukan langkah-langkah di atas dengan benar, anda akan melihat sebuah horizontal dropdown menu di tempat yang anda inginkan. Bentuknya kurang lebih seperti gambar di bawah ini.

Untuk Menambah Menu:
Untuk menambahkan menu silahkan cari pada bagian akhir ada kode seperti ini:

Blog Page

Tepat di bagian atas
bisa disisipkan menu baru, dan akan terlihat seperti di bawah ini:

Blog Page

TEKS BARU

Jika menu tambahan lebih dari satu akan terlihat seperti di bawah ini

Jika salah satu menu tambahan mempunyai sub menu, maka perhatikan kode
menu tersebut yang diturunkan untuk membuka ruang baru bagi sub menu di dalam menu tersebut

Ok, silahkan divariasikan sendiri, untuk menambah dan mengurangi dropdown menu horizontal di atas.

Kang Muin 0

1/24/2013

Cara Membuat Tab Menu Horizontal Seperti Navbar Di Atas Header Halaman Blog muin

ELTELU - Contoh Tampilan Menu Navigasi Pada Area Navbar

Ketika membuat blog dengan menggunakan platform Blogger atau Blogspot, maka secara default di atas header akan ditampilkan bilah mendatar berisikan beberapa menu yang biasa disebut dengan istilah ‘Navbar’ atau dapat pula disebut sebagai baris navigasi. Namun karena beberapa alasan (misalnya adalah untuk mempercantik tampilan halaman), maka tidak sedikit pengelola blog yang menyembunyikan bagian tersebut dengan cara menambahkan kode tertentu ke dalam template.

Apabila sekarang kita berbicara dan membahas mengenai navbar, maka perlu diketahui bahwasanya navbar tidak hanya dapat disembunyikan, namun dapat pula dilakukan kustomisasi untuk bagian tersebut yaitu dengan cara menambahkan navbar baru yang lebih ‘cantik’ bila dibandingkan dengan navbar standar Blogger. Dan untuk mempermudah pemahaman mengenai navbar baru yang dimaksud di sini, maka Anda dapat melihatnya pada gambar di tas, dalam hal ini adalah bagian yang ditunjukkan dengan tanda anak panah.

Oke, sekaligus menanggapi pertanyaan Sobat Blogger dalam artikel tanya jawab tentang bagaimana cara membuat menu navbar seperti yang tampak pada gambar di atas, maka sekarang kita langsung pada pokok pembahasan yaitu mengenai cara membuat bilah navigasi di atas header sebagai pengganti navbar. Dimana teknik yang perlu dilakukan untuk keperluan tersebut adalah dengan cara mengerjakan langkah-langkah berikut ini secara berurutan.

Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’.

Kedua, cari ]]>

dan kemudian sisipkan kode di bawah ini tepat di atasnya.

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

Keterangan:

Kode tersebut berfungsi untuk menyembunyikan navbar standar Blogger, sehingga apabila sebelumnya Anda telah menyembunyikan navbar standar maka lewati langkah ini dan lanjutkan pada langkah yang ketiga.

Ketiga, sisipkan rangkaian kode CSS berikut ini tepat di atas ]]>

/*--------------------------------------------------------------
Kustomisasi Bilah Menu Navigasi Di Atas Header Halaman Blog
Oleh: Semar Bingung
Blog: ELTELU -:[SEMAR BINGUNG'S WEBLOG]:-
URL : http://eltelu.blogspot.com/
--------------------------------------------------------------*/
.bilah-menu-atas {
  width: 100%;
  min-width: 960px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 27px;
  font-size: 13px;
  z-index: 99;
  white-space: nowrap;
  background-color: #336699;
  background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336699 100%);
  box-shadow: 0px 2px 0px rgb(14, 90, 140);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.kolom-utama {
  -moz-transition: all 0.2s linear 0s;
  width: 960px;
  height: auto;
  margin: 0px auto;
}

.kolom-menu {
  width: 521px;
  height: auto;
  margin: 0px 0px 0px -41px;
  float: left;
  display: inline;
}

.kolom-menu ul {
  height: auto;
  margin-top: 0px;
}

.kolom-menu ul li {
  float: left;
  position: relative;
  list-style: none outside none;
}

.kolom-menu ul li:first-child {
  border-left: 1px solid rgba(30, 30, 30, 0.125);
}

.kolom-menu ul li a {
  color: #ffffff;
  font-weight: bold;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  display: inline-block;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  border-right: 1px solid rgba(30, 30, 30, 0.125);
  box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.kolom-menu ul li a:hover, .kolom-menu ul li a:focus {
  background-color: rgba(255, 255, 255, 0.125);
}

Keterangan:

Warna yang dihasilkan oleh rangkaian kode CSS di atas adalah warna biru untuk background dan putih pada teks. Sehingga apabila belum sesuai dengan desain tampilan halaman blog Anda, maka sesuaikan warna yang digunakan dengan mengganti kode warna yang dipakai pada bagian color:, background-color:, dan background-image:.

Keempat, cari kode dan kemudian sisipkan rangkaian kode dengan format seperti contoh berikut ini tepat di bawahnya.

<div class='bilah-menu-atas' id='bilahmenuatas'>
  <div class='kolom-utama'>
    <div class='kolom-menu'>
      <ul>
        <li><a href='http://eltelu.blogspot.com/'><img alt='L3' height='15px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQy5USb8dRY4G-GB0svwN1GImJbPwChDDRvd5D7-OuS333n0AwwuM9mvNCXHLgLGaVps7dLK4oRMRn6HSvQv1uywCuaxoHKj7m4_9zcLqVB3idospt2kgDioKpmgEKDJPh7DbKaJ0sN1w/s800/Beranda.png' width='20px'/></a></li>
        <li><a href='URL'>Menu Kiri 1</a></li>
        <li><a href='URL'>Menu Kiri 2</a></li>
      </ul>
    </div>
    <div class='kolom-menu'>
      <ul style='float: right'>
        <li><a href='URL'>Menu Kanan 1</a></li>
        <li><a href='URL'>Menu Kanan 2</a></li>
      </ul>
    </div>
  </div>
</div>

Keterangan:

Ganti http://eltelu.blogspot.com/ dengan URL blog Anda dan ganti pula kata URL dengan link artikel yang akan ditautkan. Dan kemudian ubah kata Menu Kiri 1, Menu Kiri 2, Menu Kanan 1 dan Menu Kanan 2 sesuai dengan menu tampilan yang dikehendaki.

Kelima, simpan template.

Setelah template disimpan maka navbar standar Blogger tidak lagi ditampilkan di halaman blog dan akan tergantikan dengan navbar baru seperti yang tampak pada gambar di atas. Kemudian perlu diketahui bahwa rangkaian contoh kode pada langkah yang keempat akan menghasilkan 2 (dua) buah kolom menu. Kolom sebelah kiri berisikan 3 (tiga) buah menu yaitu Beranda (Home), Menu Kiri 1, dan Menu Kiri 2, sedangkan kolom sebelah kanan berisikan 2 (dua) buah menu yaitu Menu Kanan 1 dan Menu Kanan 2. Sehingga apabila belum sesuai dengan keinginan, maka silakan dilakukan kustomisasi seperlunya dengan menambahkan atau mengurangi kode

Semoga berguna dan bermanfaat.

Salam...

Sumber: http://eltelu.blogspot.com/2012/09/cara-membuat-tab-menu-horizontal.html#ixzz2IrSgw69M

www.jimmysun.net

Blog Komputerbutut

Membuat Uang Dengan Artikel

Informasi Indonesia Update Tiap Detik

Ban Terbaik Di Indonesia GT Radial

Popular Artikel Tips Membuat Uang

Jasa Desain Blog

Darmanto.com

Rejeki Angka

kangmuin_blog

Kang Muin 0

1/24/2013

Membuat Artikel Terkait 'Related Post' dibawah Posting kang

Cara Membuat Artikel Terkait - Sudah tau kah Anda, tentang Artikel Terkait? Mungkin Ada yang belum tahu apa yang dimaksud dengan artikel terkait itu apa, Fungsinya selain untuk seo, related post / artikel terkait ini juga bisa membantu pengunjung untuk membaca Artikel Anda yang lain mungkin ada yang belum di ketahuinya atau belum terbaca. Hal ini menyebabkan pengunjung bisa betah berada di blog kita.
Langsung saja cara membuat related post / artikel terkait :

Masuk blogger > Template > edit html > centang expand template widget
cari kode

kemudian letakkan script di bawah ini tepat di atas kode

Kemudian Anda cari kode kemudian letakkan script berikut ini di bawah kode

Untuk tulisan yang berwarna merah silahkan ganti sesuai keinginan Anda sendiri, Terakhir simpan template dan lihat hasilnya.sangat gampangkan membuat artikel terkait. selamat mencoba yah....

Kang Muin 0