Lampung Blogging: Desain Blog

Informasi Terbaru

Showing posts with label Desain Blog. Show all posts
Showing posts with label Desain Blog. Show all posts

Saturday, 5 December 2015

INGIN MENGHASILKAN UANG LEWAT BLOG. IKUTI TIPS INI


HASILKAN UANG LEWAT BLOG   -Apakah benar blog yang kita buat dapat menghasilkan uang? “Lalu, kita dapat uangnya darimana?” Begitu pertanyaan yang sering muncul dari beberapa rekan yang kebetulan belum mengerti benar cara mencari uang secara online, khususnya cara menghasilkan uang lewat blog yang kita buat baik melalui layanan gratis blogger maupun layanan gratis lainnya.

Menghasilkan uang dari blog  atau bahasa kerennya Monetisasi Blog merupakan hal yang sudah umum di kalangan blogger. Sudah banyak blogger-blogger dunia, atau bahkan Indonesia yang terbukti sukses dan mencukupi kebutuhan hidupnya dari blog.

Untuk penjelasan lebih lanjut, simak dengan baik artikel cara gampang mencari uang lewat blog gratis dibawah ini.

Saya yakin sebagian dari rekan-rekan sudah pernah mendenger kisah seorang blogger yang dapet komisi sebagai publisher iklan dari patner blognya sampai puluhan bahkan ratusan juta perbulan, hanya melalui blog gratis yang sering rekan otak-atik di monitor laptop/gadget rekan.

Sebelum rekan memutuskan untuk memulai menghasilkan uang dari blog, ada beberapa hal penting yang harus sobat persiapkan terlebih dahulu. Tanpa mempersiapkan hal-hal berikut ini, apa yang akan sobat lakukan kedepannya tidak akan optimal.

Yang pertama dan paling utama adalah niat dan jangan Cuma setengah-setengah.Yakin saja jika rekan mampu untuk melakukannya.

Kedua, Bikin Blog terlebih dahulu. Jika anda belum mengetahui bagaimana cara membuat sebuah blog. KLIK DISINI : PANDUAN MEMBUAT BLOG BAGI PEMULA. GRATIS !!  

Namun yang lebih penting lagi, jika anda seorang pekerja/karyawan/pegawai, maka anda harus pintar dalam membagi waktu, karena ngeblog merupakan sebuah aktivitas yang sangat boros waktu. Mulai dari mempelajari hal-hal teknis tentang blog, menulis artikel, melakukan promosi, dan lain sebagainya, semuanya membutuhkan waktu yang tidak sedikit.

Selanjutnya, Kemampuan dalam Mengutak-atik Blog, Jika sobat masih baru belajar ngeblog, maka lebih baik pelajari dulu hal-hal dasar tentang blog sampai bisa ngeblog dengan baik dan benar. KLIK di SINI TEKNIK SEO BLOG 

Jika sudah memiliki kemampuan ngeblog yang cukup, selanjutnya baru deh mikirin gimana cara mencari uang melalui blog supaya blog yang kita miliki memiliki banyak pengunjung yang pada akhirnya akan bisa menghasilkan uang.

Dan terakhir, jika sudah menguasai Teknik SEO BLOG, silahkan anda bergabung dengan situs –situs mitra blog selaku penyedia iklan. Salah satunya adalah Kumpulblogger.com. Situs tersebut merupakan situs termudah bagi Blogger pemula untuk mendaftarakan diri sebagai publisher iklan. 
Cara Daftar atau bergabung dengan situs tersebut, cukup dengan KLIK DISINI 
Dan jika situs tersebut sudah terbuka, anda cukup mengikuti perintah yang pendaftaran yang ada dalam situs tersebut.

Oiya , satu lagi. Jika rekan-rekan sudah bergabung dengan mitra publish iklan tersebut. Maka anda tinggal mempromosikan blog yang anda miliki pada orang lain. Tujuannya, agar blog kita sering dilihat orang/pengunjung. Bahasa gaulnya sih, agar blog kita dikenal.

Info lebih lanjut mengenai system pembayaran iklan pada blog anda. KLIK DISINI 

Demikian, Informasi CARA HASILKAN UANG LEWAT BLOG 
Jadi untuk di awal-awal akan lebih baik jika difokuskan untuk belajar ngeblog dulu. Meskipun nggak menghasikan apa-apa, ngeblog masih memiliki banyak manfaat lain. Dari meningkatkan kemampuan menulis, jadi lebih melek teknologi, dan yang paling penting bisa membantu orang lain melalui tulisan yang kita buat. Salam blogging, semoga bermanfaat.


Friday, 6 November 2015

Memasang Sub Menu Di Tata Letak/Side Bar Pada Blogspot


Memasang Sub Menu Di Tata Letak/Side Bar Pada Blogspot _ Apa kabar rekan Lampung Blogging. Kali ini admin akan sedikit berbagi info mengenai Menu dan sub menu pada blogspot. Khususnya teknik memasang menu dan subnya pada di sisi luar halaman postingan (side bar), pada blogspot.

Seperti yang telah di ulas di artikel sebelumnya (BACA :Desain Blog ) , bahwa menu dan Sub-menu Bar sangat dibutuhkan guna mencari informasi berdasarkan pada kategori atau sub menu . Sebab, dengan memberi sub menu bar, maka blog kita akan tampak lebih ilmiah, teratur, dan simple. Artikel kali ini masih mengulas seputar menu dan sub menu bar. Simak langkah-langkahnya :
1. Masuk ke dasbor blogger anda
2. Pilih Tata Letak atau Lay Out
3. Klik Add Gadget/ Tambah Gadget
4. Pilih HTML/JAVASCRIPT.
(Biarkan kolom judul nama gadget kosong, lalu copy paste kode di bawah ini ke  kolom HTML yang tersedia)

<div id="RickyMenu">
       <div id="Rickybox">
      <ul id="punch">
        <li><a href="#">Home</a></li>
        <li>
          <a href="#">Sample Page</a>
          <ul>
            <li>
              <a href="#">Sub Page #1</a>
              <ul>
                <li><a href="#">Sub Sub Page #1</a></li>
                <li><a href="#">Sub Sub Page #2</a></li>
                <li><a href="#">Sub Sub Page #3</a></li>
              </ul>
            </li>
            <li><a href="#">Sub Page #2</a></li>
            <li><a href="#">Sub Page #3</a></li>
            <li><a href="#">Sub Page #4</a></li>
            <li><a href="#">Sub Page #5</a></li>
          </ul>
        </li>
        <li><a href="#">Sample Post</a></li>
        <li><a href="#">Blog Page</a></li>
      </ul>
    </div>
  </div>

Edit semua nama menu sesuai keinginan anda. Jangan lupa mengganti tanda # dengan alamat URL yang anda inginkan

5. Klik Save/Simpan
Atur posisi gadget drop down menu horizontal ini 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 drop down menu di tempat yang anda inginkan. Untuk Menambah Item di dalam drop down menu horizontal ini sangatlah mudah:

Silahkan cari pada bagian akhir ada kode seperti ini:
<li><a href="#">Blog Page</a></li>
      </ul>

Tepat di bagian atas </ul> bisa disisipkan menu baru, dan akan terlihat seperti di bawah ini:
<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU">TEKS BARU</a></li>
      </ul>

Jika menu tambahan lebih dari satu akan terlihat seperti di bawah ini
<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU 1">TEKS BARU 1</a></li>
<li><a href="LINK BARU 2">TEKS BARU 2</a></li>
<li><a href="LINK BARU n">TEKS BARU n</a></li>
</ul>


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

<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU 1">TEKS BARU 1</a></li>
<li><a href="LINK BARU 2">TEKS BARU 2</a> 
        <li><a href="LINK BARU SUB MENU 1">SUB MENU 1</a></li>
        <li><a href="LINK BARU SUB MENU 2">SUB MENU 2</a></li>
</li>
<li><a href="LINK BARU n">TEKS BARU n</a></li>  

Mudah bukan. Demikian informasi lampung blogging terkait teknik pemasangan menu dan subnya di sisi luar halaman postingan (side bar) pada blogspot. Ikuti terus Lampung Blogging, dan dapatkan info menarik lainnya. Semoga bermanfaat, salam Blogging.


Info Blogging : Desain Blog Anda dengan Menu dan Sub Menu Bar

Lampung Blogging Berbagi Info

Desain Blog Anda Dengan Menu dan Sub Menu _Bagi para blogger senior, istilah menu dan sub-menu bar, mungkin, sudah bukan hal yang asing lagi di telinga mereka. Namun, akan lain cerita bagi rekan blogger pemula. Berikut, Lampung Blogging akan mengulas teknik desain blog, terkait menu dan sub-menu bar, khususnya bagi rekan blogger pemula yang belum memahami cara pemasangannya pada blog. Simak ulasan dibawah ini.
Menu dan Sub-menu Bar sangat dibutuhkan guna mencari informasi berdasarkan pada kategori atau sub menu . Sebab, dengan memberi sub menu bar, maka blog kita akan tampak lebih ilmiah, teratur, dan simple, semua judul artikel bisa ditampilkan di layar dalam satu kali tatapan mata. Dan jika rekan  memasangnya di blog, ini artinya anda merupakan orang yang berfikir sistimatis dan menyukai keteraturan.
Simak langkah-langkahnya :
Langkah Pemasangan
- Klik  Desain 
- Pilih  Template lalu pilih  Edit HTML 
- Pilih/klik  Lanjutkan
- Pilih/klik  Expand Template Widget
Cari scrift berikut :
<div class='main-outer'>  atau
<div id='main-wrapper'> atau 

<div id='main'>
Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :
div class='main-outer'>
Bisa jadi beda dengan template yang lain…
Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi : 
<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li  { height:30px; border-top:1px solid #fff; }
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul  { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover  { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu2 a</a></li>
<li><a href='#'>Sub Menu2 b</a></li>
</ul>
</li>
<li><a href='#'>Menu3</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu3a</a></li>
<li><a href='#'>Sub Menu3b </a></li>
</ul>
</li>
<li><a href='#'>Menu4</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu4a</a></li>
<li><a href='#'>Sub Menu4b </a></li>
</ul>
</li>
<li><a href='#'>Menu5</a></li>
</ul>
</div>

Keterangan  :
1. Cara memasukkan alamat URL:
Ganti tanda dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
2. Cara menuliskan judul menu atau judul postingan: 
Ganti Tulisan warna biru dengan nama menu dan nama sub menu yang anda inginkan.
3. Cara merubah lebar menu: silakan  cari kode:
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;} ---> baris ke-3. Kemudian tambahkan kode (width:900px) di antara { dan }, sehingga menjadi :
#cat-nav {background:#156994;width:900px;margin:015px;padding:0;height:35px;} 
Angka 900px hanya sebagai contoh saja, silakan rubah angka 900  dengan ukuran lebar yang kamu inginkan, bisa juga mengganti kode 900px dengan kode 100%.
4. Untuk mengatur tinggi menu silakan ganti angka 35 pada kode 35px di atas dengan tinggi yang kamu mau. 
5. Untuk tambah atau kurangi jumlah menu, silakan copas atau hapus Skrip dengan blokwarna hijau (1 porsi menu) , jumlah sub-menunya bisa ditambah sesuai selera, misalnya submenu ..c, d, e, f, dst.
6. Untuk mengganti warna, background dan huruf, perhatikan skrip di bawah ini.
[1]. <style> 
[2]. /* -- Menu Horizontal + Sub Menu-- */
[3]. #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
[4]. #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px ..........    
A. Mengganti warna background menu: Silakan ganti warna pada baris ketiga yang saya beri warna merah, dengan warna yang anda sukai. Cari kode warna di google.
B. Mengganti warna tulisan/huruf, silakan ganti warina pada baris ke-4 yang saya beriwarna hijau dengan warna yang anda sukai (ganti kodenya saja).
C. Mengganti model huruf (font), perhatikan skrip urutan ke-14; gantilah tulisan Times New Roman dengan jenis font kesukaan anda,
[14]. #secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-
- Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . 
- Lalu simpanlah/save
Perhatian 
1.      Sebelum merubah/menambah/menyimpan/save scrift diatas, usahakan di back up dulu template anda, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas. 
2.      Untuk menghilangkan tampilan-tampilan dobel dengan Laman Utama, ikuti saran berikut :
§  Masuk ke Menu Laman 
§  Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
3.      Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.
4.      Blog sudah bisa dipublikasikan...
5.      Apabila melalui cara yang kami bagikan ini belum berhasil, rekan ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa, sahabat bisa berkonsultasi  melalui komentar di bagian bawah ini. 
Demikian, info Lampung Blogging terkait desain blog agar tampak lebih professional dimata pengunjung. Kunjungi terus lampungblogger.blogspot.co.id dan dapatkan info menarik lainnya. Salam blogging

Wednesday, 28 October 2015

Cara Memasang Banner Iklan Berjejer Pada Blogsot

Cara Memasang Banner Iklan Berjejer Pada Blogsot

Lampung BloggingApa kabar rekan L-Blogging. Kali ini admin akan berbagi INFO mengenai Cara Memasang Banner Iklan agar Berjejer Kesamping. Tidak terlalu sulit untuk memasang banner iklan berjejer dua atau tiga dalam satu widet. Saat mau memasang banner berjejer kesamping seperti di atas itu yang dibutuhkan hanya kode <td> dan </td> yang disisipkan pada script atau kode banner HTML. Berikut Contohnya :

<td><a href="http://www.buyblogreviews.com/welcome.php?id=1426101"><img src="http://www.buyblogreviews.com/images/banner5.jpg" border="0" /></a></td>

<td><a href="http://www.adbrite.com/mb/landing_both.php?spid=132504&afb=125x125-1-red">
<img src="http://files.adbrite.com/mb/images/125x125-1-red.gif" border="0" /></a></td>

<td><a href="http://www.ririn.web.id/" title="Ririn Blog"><img src="http://i599.photobucket.com/albums/tt76/ririn_album/banner-rin.gif" width="125" height="125" alt="ad250" /></a></td>
Hasilnya adalah seperti Banner iklan pada lampungblogging.blogspot.com yang terletak pada bagian atas.
Demikian informasi sederhana terkait pemasangan banner secara berjejer pada blogspot. Ikuti terus lampungblogging.blogspot.com, dan dapatkan berita menarik lainnya. Salam Blogging


Sunday, 25 October 2015

Kode Warna Untuk Dekorasi Blog atau Website Anda


Lampung Blogging _ Apa kabar rekan L-Blogging. Kali ini admin akan berbagi aneka kode warna yang biasa kita pakai dalam blog maupun website. Salah satu fungsi kode warna adalah untuk mendesain wajah blog yang kita miliki. Jika rekan memerlukan kode warna, langsung aja copas warna pilihan di bawah ini. Semoga bermanfaat. Salam Blogging

KODE WARNA HTML Contoh:Putih =>#ffffff;
#FOF8FF
Aliceblue
#FAEBD7
Antiquewhite
#00FFFF
Aqua
#7FFFD4
Aquamarine
#F0FFFF
Azure
#F5F5DC
Beige
#FFE4C4
Bisque
#000000
Black
#FFEBCD
Blanchedalmond
#0000FF
Blue
#8A2BE2
Blueviolet
#A52A2A
Brown
#DEB887
Burlywood
#5F9EAD
Cadetblue
#7FFF00
Chartreuse
#D2691E
Chocolate
#FF7F50
Coral
#64950
Cornflowerblue
#FFF8DC
Cornsilk
#DC143C
Crimson
#00FFFF
Cyan
#00008B
Darkblue
#008B8B
Darkcyan
#B8860B
Darkgoldenrod
#A9A9A9
Darkgray
#006400
Darkgreen
#8B008B
Darkmagenta
#BDB76B
Darkkhaki
#556B2F
Darkolivegreen
#FF8C00
Darkorange
#9932CC
Darkorchid
#8B0000
Darkred
#E9967A
Darksalmon
#8FBC8B
Darkseagreen
#483D8B
Darkslateblue
#2F4F4F
Darkslategray
#00CED1
Darkturquoise
#9400D3
Darkviolet
#FF1493
Deeppink
#00BFFF
Deepskyblue
#696969
Dimgray
#1E90FF
Dodgerblue
#B22222
Firebrick
#FFFAF0
Floralwhite
#228B22
Forestgreen
#FF00FF
Fuchsia
#DCDCDC
Gainsboro
#F8F8FF
Ghostwhite
#FFD700
Gold
#DAA520
Goldenrod
#808080
Gray
#008000
Green
#ADFF2F
Greenyellow
#F0FFF0
Honeydew
#FF69B4
Hotpink
#CD5C5C
Indianred
#4B0082
Indigo
#FFFFF0
Ivory
#F0E68C
Khaki
#E6E6FA
Lavender
#FFF0F5
Lavenderblush
#7CFC00
Lawngreen
#FFFACD
Lemonchiffon
#ADE8E6
Lightblue
#F08080
Lightcoral
#E0FFFF
Lightcyan
#FAFAD2
Lightgoldenrodyellow
#90EE90
Lightgreen
#D3D3D3
Lightgray
#FFB6C1
Lightpink
#FFA072
Lightsalmon
#20B2AA
Lightseagreen
#87CEFA
Lightskyblue
#778899
Lightslategray
#B0C4DE
Lightsteelblue
#FFFFE0
Lightyellow
#00FF00
Lime
#32CD32
Limegreen
#FAF0E6
Linen
#FF00FF
Magenta
#800000
Maroon
#66CDAA
Mediumaquamarine
#0000CD
Mediumblue
#BA55D3
Mediumorchid
#9370DB
Mediumpurple
#3CB371
Mediumseagreen
#7B68EE
Mediumslateblue
#00FA9A
Mediumspringgreen
#48D1CC
Mediumturquoise
#C71585
Mediumvioletred
#191970
Midnightblue
#F5FFFA
Mintcream
#FFE4E1
Mistyrose
#FFE4E1
Moccasin
#FFDEAD
Navajowhite
#000080
Navy
#FDF5E6
Oldlace
#808000
Olive
#6B8E23
Olivedrab
#FFA500
Orange
#FF100%0
Orangered
#DA70D6
Orchid
#EEE8AA
Palegoldenrod
#98FB98
Palgreen
#AFEEEE
Paleturquoise
#DB7093
Palevioletred
#FFEFD5
Papayawhip
#FFDAB9
Peachpuff
#CD853F
Peru
#FFC0CB
Pink
#DDA0DD
Plum
#B0E0E6
Powderblue
#800080
Purple
#FF0000
Red
#BC8F8F
Rosybrown
#4169E1
Royalblue
#8B4513
Saddlebrown
#FA8072
Salmon
#F4A460
Sandybrown
#2E8B57
Seagreen
#FFF5EE
Seashell
#A0522D
Sienna
#C0C0C0
Silver
#87CEEB
Skyblue
#708090
Slategray
#FFFAFA
Snow
#00FF7F
Springgreen
#4682B4
Steelblue
#D2B48C
Tan
#008080
Teal
#D8BFD8
Thistle
#FF6347
Tomato
#40E0D0
Turquoise
#EE82EE
Violet
#F5DEB3
Wheat
#FFFFFF
White
#F5F5F5
Whitesmoke
#FFFF00
Yellow
#9ACD32
Yellowgreen
________________________________________________________