Showing posts with label Kode html. Show all posts
Showing posts with label Kode html. Show all posts
Tutorial Membuat Blog Lengkap Untuk Pemula

Tutorial Membuat Blog Lengkap Untuk Pemula





Hai semua, apakabar semuanya. Semoga baik – baik saja ya. Di sini Alkhamdullilah saya juga dalam keadaan sehat walafiat . Langsung aja ya saya tidak akan banyak berbasa basi dalam menyampaikan pembukaan atau pengantar Ebook ini, karena memang saya tidak mahir ber basa basi. Saya hanyalah orang awam dengan pendidikan rendah saja, namun sudah agak lama menekuni dunia internet.

Dalam Ebook yang akan saya tulis berikut ini adalah panduan cara membuat Blog menggunakan Bloger.com. Mengapa saya memilih blogger yang ingin saya tulis? ya, karena blogger saat ini banyak memiliki template yang cukup banyak apalagi saat ini di tahun 2017 ini blogger sudah menambahkan beberpa template baru dengan mensuport mobile responsif.
Sebenarnya saya menggunakan istilah template ini adalah istilah lama pada blogger yang saat ini sudah berganti nama menjadi “tema” , Namun dibeberapa situs penyedia template blog masih tetap menggunakan istilah template. Walau begitu kedua istilah tersebut tetap sama saja.

Selain alasan diatas Blogger merupakan sebuah situs milik Google. Dengan begitu pada saat pengindeks-annya diharapkan akan lebih mudah. Dalam memonetisasi blog pun blogger biasanya lebih mudah didaftarkan pada Google adsense dibandingkan dengan platform yang lain. Karena Blogger dan google adsense sama sama milik google.

Namun begitu tidak bisa menjamin juga blog anda akan diterima menjadi publiser iklan di google adsense. Ini tergantung Kualitas artikel yang anda muat pada blog tersebut. Nah itu hanya sekilas gambaran saja karena dalam ebook ini tidak akan membahas mengenai googe adsense, melainkan cara membuat blog untuk pemula. Dan ini bebar benar hanya untuk pemula. Bagi anda yang sudah lama terjun dalam dunia blogging sebaiknya abaikan saja ebook ini karena tidak akan ada manfaatnya buat anda.

Setelah anda mempelajari anda bisa langsung paktek, dan sebagai latihan awal agar anda terbiasa dulu saya telah memberikan satu akun blog buat anda. dan blog ini sudah siap digunakan. Anda tinggal mengisi postingannya saja sesuai kehendak anda sendiri. Cara postingnya nanti akan dibahas satu persatu dalam ebook ini.

Selain anda mendapatkan gratis akun blog baru, anda juga akan mendapatkan ribuan judul artikel yang saya kumpulkan dari beberapa blog di internet yang saya download. Namun perlu diketahui bahwa artikel yang berjumlah ribuan judul ini jangan anda gunakan sebagai bahan copy paste untuk blog anda. Saya hanya menyarankan untuk menjadi sumber inspirasi saja jika anda sulit menemukan ide yang akan diposting.

Anda silakan baca artikel tersebut, pahami lalu ceritakan kembali artikel tersebut menggunakan bahasa dan gaya sesuai gaya anda sendiri. Jangan dikopy paste secara utuh artikel tersebut. Karena nanti jika yang punya tidak mengijinkan akan membuat masalah untuk kelangsungan hidup blog anda.

Setelah anda membeli ebook tutorial membuat blog ini anda bisa langsung latihan membuat artikel dan mempublikasikan nya di internet pada blog baru anda yang telah kami sertakan untuk melatih sebagai awal latihan anda. Dan anda tak perlu membuat blog sendiri dulu. anda tinggal pakai saja. Blog yang saya sertakan dalam paket ebook bisa anda rubah alamat blognya sesuai yang anda mau atau sesuai yang anda butuhkan.

Caranya bisa anda baca pada bab lain di paket ebook ini. Setelah anda paham anda bisa membuat blog baru lagi sesuai yang anda butuhkan. Untuk membuat blog baru anda tak perlu mendaftar lagi. Anda cukup punya satu akun google saja sudah bisa menggunakan akun blogger dengan jumlah blog sampai puluhan blog dalam satu akun blogger.

Apakah yang dimaksud akun google itu? mungkin bagi anda yang masih awam internet masih binggung apa akun akun google itu. Terkadang anda tidak menyadari bahwa sebenarnya anda sudah punya akun google namun anda merasa belum punya.

Pernah ditanya kamu punya akun belum dia bilang belum, tapi kok punya alamat email di gmail, punya bbm, sering download aplikasi di ggogle play dan lain – lain. nah akun yang tadi itu semuanya milik google. Itulah yang dinamakan akun google.

Intinya jika anda puna alamat email dengan kata yang diakiri @gmail.com berarti anda sudah siap menggunakan blogger untuk membuat puluhan blog dalam satu akun google.

Bagi yang sudah mahir abaikan saja penjelasan diatas.

Selain alamat blog yang bisa anda ganti, anda nantinya juga bisa mengganti tampilan blognya. Dalam blogger sendiri sudah banyak disediakan tema atau template yang disediakan tinggal pilih saja sesuai selera kita masing-masing..

Namun selain anda menggunakan tema bawaan anda juga bisa menggunakan tema buatan orang lain. Dalam paket ebook yang saya kirim dalam DVD ini juga saya sertakan beberapa template (tema) yang saya kumpulkan dari beberapa sumber yang pernah saya coba.

Jadi jika nanti alamat blog atau akun blog yang saya kirimkan memiliki tema yang menurut anda tidak pas dengan selera anda, andapun bisa langsung merubahnya sendiri. Jika masih bingung cara merubahnya saya siap membantu anda sampai bisa merubah sendiri dan mengotak atik menu lainnnya.

Selain Ebook yang akan anda terima ada beberapa bahan pendukung lainnya yang akan anda dapatkan dalam satu paket DVD data ini yaitu :

1. Ebook Tutorial dasar cara membuat blog untuk pemula.

2. Kumpulan template (tema blog)

Sebagai bahan latihan mengganti berbagai macam tampilan blog. Dan ada juga template bog yang sudah saya modifikasi dengan menambahkan script AGC

3. Macam – macam artikel

Kumpulan dari beberapa blog lain yang saya kumpulkan untuk dijadikan referensi membuat artikel (bukan untuk dikopi paste, namun untuk dibaca dipelajari, dan anda ceritakan lagi isi artikel tersebut menurut versi anda sendiri. Jangan menggunakan kata kata atau kalimat yang sama persis dengan artikel yang anda baca tadi.

4. Software Article Rewrtier 2.6 sebagai pelengkap saja.


Article Rewrtier adalah sebuah software yang berfungsi untuk merubah kata kata dalam paragraf dan menggantinya secara otomatis. Kata yang diganti adalah kata yang sudah di set dalam data base software yaitu dengan mengganti persamaan katanya. Misalnya ada kalimat “ saya akan pergi ke bogor” bisa diganti dengan aku mau menuju bogor”

Panduan Menambahkan Database

Buka file software Article Rewriter
Maksukan sebuah kata dan sinonimnya
Pastikan terdapat pesan "Successfully Added" , jika terdapat pesan error maka kata tersebut sudah ada di database.

5. Notepad++Portable

notepad online, notepad for mac, notepad linux, notepad linux, notepad apk, download notepad for mac, notepad 64 bit, cara menggunakan notepad, download notepad biasa, download notepad android, download notepad gratis, cara instal notepad, pengertian notepad++ menurut para ahli, notepad ++ free download for windows xp sp3, download note for pc, notepad ++ gigapurbalingga, notepad ++ android, pengertian notepad ++ menurut para ahli, notepad++ kuyhaa, notepad ++ cnet, download notepad++ bagas31, download notepad ++ 64 bits, download notepad ++ 7.5 2, download notepad ++ 64 bit windows 10 free, download notepad++ 64 bit bagas31, download notepad++ 64 bit windows 7, notepade ++ apk, download notepad ++ for mac, jurnal notepad++,

Software bermanfaat sebagai teks editor sekaligus untuk membandingkan dua kalimat atau dua paragraf yang berbeda, agar kita bisa mengetahuinya letak perbedaannya. Pada letak yang berbeda akan ditunjukkan dengan warna tertentu yang berbeda dari warna aslinya.

6. Bimbingan

Buat anda yang benar benar masih pemula, jangan kawatir saya akan berusaha membantu anda hingga faham semampu saya. Jangan sungkan - sungkan untuk menghubungi saya lewat email (juhadi.kp3@gmail.com.)

Atau SMS/ WA : 089664311792 insya allah saya akan bantu anda semampu saya.

Catatan:

  1. Saya akan membimbing anda selama satu bulan (30 hari) sejak paket diterima. Saya anggap anda sudah menguasai latihan selama satu bulan. Karena ngeblog sebenarnya tak jauh beda dengan belajar posting di sosial media. Setelah itu anda saya lepas. Namun ini hanya peraturan saja. Karena Saya akan tetap membantu anda walau lewat 30 hari, namun sifatnya tidak wajib. Untuk itu manfaatkan waktu 30 hari untuk belajar. 
  2. Sumber Ebook ini berasal dari google.com yang telah saya kembangkan lagi dan dilengapi gambar. Sehingga akan memudahkan pemahaman bagi yang masih pemula. 




Download Sekarang (Versi Demo)
Cara menyembunyikan catatan dari akses orang lain tanpa software

Cara menyembunyikan catatan dari akses orang lain tanpa software

Pada posting saya berikut ini akan memberikan tips mengamankan teks anda dari orang lain. Memang sih sebenarnya masalah keamanan itu relatif tergantung siapa yang akan merusak keamanannya. Jangankan hanya buatan saya. lawong itu web site milik pemerintah aja bisa di hack kok. Tetapi setidaknya ini hanyalah trik untuk melindungi tekst agar orang yang akan membaca bingung. Misalnya anda punya catatan harian, yaaa kalau istilah orang dulu itu sebagai buku harian. Anda tau kan yang namanya buku harian itu adalah catatan pribadi yang gak boleh sembarangan orang membacanya. Bisa jadi isi buku itu adalah sebuah aip bagi kita.

Namun seiring berkembangnya imlu pengetahuan dan teknologi sekarang ini, peran buku harian sudah digantikan oleh aplikasi baik itu berupa aplikasi pada ponsel atau dalam bentuk software komputer. Dan tentu saja masing masing software itu sudah dilengkapi pasword.

Yang ingin saya berikan ini bukanlah aplikasikasi atau bentuk software jadi kita tak perlu repot-repot mengistalnya. Cukup download saja filenya lalu gunakan. File ukuran hanya 9 kb saja, dengan file format “html”.

Cara menggunalkan adalah sebagai berikut:

1.
Masukkan kata kunci yang akan melindungi dari akses orang lain
2.
Pada kotak Optionally bisa kamu tambahkan karakter kusus atau abaikan saja:
3.
Pada kotak plain text masukkan catatan anda yang ingin dilindungi
4.
Tekan tombol SECURE maka anda akan mendapatkan teks yang sudah diacak, copy dan simpanlah sebagai file "txt"
5.
Tekan tombol UNSECURE untuk mengembalikan ke teks asli (decrypted text) .



Cara mengembalikan teks seperti semula.


Dibawah ini akan saya contohkan teks yang belum diacak dan hasil yang sudah di acak.

Teks  Asli
Olahraga Terbaik untuk Redakan Cemas dan Depresi


Pendapat lama yang menyatakan kalau kesehatan tubuh dan kesehatan mental tidak saling terhubung sudah tak relevan lagi," kata Ben Michaelis PhD, seorang psikolog klinis evolusioner dan penulis buku Your Next Big Thing: 10 Small Steps to Get Moving and Get Happy.

"Tubuh adalah pikiran dan pikiran adalah tubuh. Ketika Anda mengurus tubuh dengan baik, maka semua sistem yang Anda miliki, termasuk pikiran, akan terpelihara dengan baik pula.”

Tak perlu dikatakan lagi, untuk depresi berat, konsultasi dengan dokter sangat perlu dilakukan, kata Michaelis. Tapi, tidak ada salahnya mulai menyelipkan jadwal olahraga dalam rutinitas Anda.

Penelitian menunjukkan, bahwa olahraga bisa membantu meringankan gejala depresi atau kecemasan. Berikut olahraga terbaik untuk mengurangi rasa cemas dan depresi.





Nah pada kolom hasil teks secure itu anda simpan menggunakan notepad. Jika anda ingin mengembalikan ke tekst asli maka masukkan saja teks ini ke kotak sebelah kanan lalu klik “UNSECURE”

Maka anda akan melihat teks asli pada kotak “Plain text:”





 Bagaimana Tambahkan Social Bookmark Tombol untuk Blogger Sidebar atau Footer

Bagaimana Tambahkan Social Bookmark Tombol untuk Blogger Sidebar atau Footer

1. Login ke Blogger jika belum login 2. Arahkan ke Page Layout> Page Elements 3. Klik Add Gadget di Sidebar atau Footer 4. Pilih HTML / Javascript gadget dari daftar gadget yang tersedia 5. Copy dan paste bookmark sosial tombol kode ke kotak konten yang tersedia untuk download gratis di bawah ini. Catatan Anda hanya akan dapat menambahkan tombol bookmark sosial kecil untuk sidebar kecuali jika Anda hanya ingin beberapa dari mereka.  
6. Tambahkan judul seperti Bookmark and Share jika Anda ingin 7. Klik tombol Save 8. Gunakan drag dan drop fitur di sidebar untuk memposisikan widget baru jika diperlukan dan menyimpan lagi 9. Klik Lihat Blog untuk mengagumi tombol bookmark sosial baru
Bagaimana Tambahkan Social Bookmark Tombol Dibawah Setiap Posting di Blogger
1. Login ke Blogger jika belum login 2. Arahkan ke Page Layout> Edit HTML 3. Back up template Anda sebagai tindakan pencegahan dengan men-download ke komputer Anda 4. Centang kotak Template Widget Bentangkan 5. Cari baris kode berikut menggunakan CTRL + F

<p><data:post.body/></p>
atau
<data:post.body/>

6. Paste kode tombol di bawah langsung di bawah garis ini
7. Klik tombol Save Template untuk menyimpan
8. Klik Lihat Blog untuk mengagumi baru bookmark sosial tombol setel di bagian bawah blog Anda


Tips dan Pemecahan Masalah

  • Untuk pusat tombol bookmark sosial
    <p><data:post.body/></p>
    <div align='center'>
    Your social bookmarking button code goes here
    <br/>
    </div>

  • Untuk memiliki tombol bookmark sosial Anda hanya muncul di halaman posting Anda akan perlu untuk menyertakan kode dalam sebuah pernyataan jika
    <p><data:post.body/></p>
    <b:if cond='data:blog.pageType == "item"'>
    Your social bookmarking button code goes here
    <br/>
    </b:if>

  • Untuk pusat tombol bookmark sosial dan telah mereka hanya muncul di halaman posting
    <p><data:post.body/></p>
    <b:if cond='data:blog.pageType == "item"'>
    <div align='center'>
    Your social bookmarking button code goes here
    <br/>
    </div></b:if>

  • Untuk pusat tombol bookmark sosial dan telah mereka hanya muncul di halaman posting
    <p><data:post.body/></p>
    <b:if cond='data:blog.pageType == "item"'>
    <div align='center'>
    Your social bookmarking button code goes here
    <br/>
    </div></b:if>

  • Untuk menambahkan tombol bookmark sosial ekstra untuk set ini men-download Aqauticus Icon Set
  • Untuk mengubah tombol bookmark sosial untuk set hanya melakukan hal berikut:
    1. Untuk menemukan tombol bookmark sosial lainnya silakan lihat artikel saya Terbaik Gratis Social Bookmark Button Set untuk Blogger pertama sebagai sangat mungkin Anda akan menemukan sesuatu yang cocok dalam koleksi itu. Ambil icon set pilihan Anda. Ini akan berada dalam file zip sehingga Anda akan perlu untuk unzip mereka dan lihatlah apa yang ukuran yang ditawarkan. Kebanyakan ikon set datang dalam setidaknya beberapa ukuran.
    2. Upload gambar tombol untuk Blogger atau ke situs penyimpanan gambar seperti Photobucket atau Flickr . Salah satu cara mudah untuk meng-upload ke Blogger adalah untuk membuat posting yang disebut gambar yang pernah Anda publikasikan. Kemudian meng-upload gambar yang ingin individual (yang kekurangannya). Salin alamat URL gambar tombol dan paste ke kode tombol bookmark sosial menggantikan URL yang ada
    3. Mengubah alamat URL dari setiap tombol di kode tombol Saya telah disediakan. Itu kode yang diawali dengan scr = '


Tambahkan Widget Twitter Updates untuk Blogger

Tambahkan Widget Twitter Updates untuk Blogger

  1. Login ke Blogger jika Anda belum login
  2. Pergi ke Layout> Page Elements
  3. Klik Tambah Gadget di sidebar Blogger
  4. Klik Gadgets Lebih ke kiri dan memilih widget Twitter Updates. Blogger dapat mengubah ini sehingga jika Anda tidak merasa ada coba cari di Menarik atau populer.
  5. Masukkan nama Twitter Anda (biasanya nama blog Anda)
  6. Pilih jumlah update untuk menampilkan. Secara default ini diatur ke 5
  7. Display Link hapus centang ke halaman Twitter Anda jika Anda tidak ingin pengunjung untuk pergi ke halaman Twitter Anda untuk beberapa alasan lain biarkan apa adanya.
  8. Klik Update untuk Pratinjau perubahan dan kemudian Simpan
  9. Gunakan tarik Blogger dan fitur turun ke memposisikan gadget Twitter Anda di lokasi yang diinginkan di sidebar atau footer dari blog Blogger Anda. Simpan perubahan
  10. Klik Lihat Blog


Cara Menambahkan Gambar Latar Belakang Template Blogger

Cara Menambahkan Gambar Latar Belakang Template Blogger

Login ke Blogger jika belum login
Pergi ke Layout> Edit HTML
Back up template Blogger Anda sebagai tindakan pencegahan dengan men-download template lengkap untuk komputer Anda
Cari baris berikut di template Blogger Anda

body {
Tambahkan baris berikut langsung setelah baris ini
background-image: url (alamat URL gambar Anda);
Blok Anda kode sekarang akan terlihat seperti ini:

body {
background-image: url (alamat URL gambar Anda);
(Kode yang ada di blok ini)
}
Sekarang ganti kode warna merah untuk alamat URL gambar Anda.

Gunakan tombol Preview untuk melihat efek dari latar belakang yang berbeda pada template Anda. Ini akan membantu Anda mendapatkan ide dari jenis kemungkinan di luar sana.
Mengubah Warna Latar Belakang Template Kustom Blogger Anda
Jika tidak ada pilihan untuk mengubah warna latar belakang dari template Blogger Anda di Layout> Font dan Warna Anda masih dapat mengubah warna secara manual.

Ikuti langkah-langkah 1 sampai 4 seperti di atas Cari baris yang dimulai dengan:
warna latar belakang: #
Hex warna akan berbeda untuk setiap template. Kami akan mengubah warna hanya
background-color: #change hex kode warna untuk warna yang Anda pilih;
Ganti kode hex warna yang ada dengan nilai yang dipilih hex warna Anda. Daftar web yang aman hex ​​warna . Misalnya masukkan kode berikut untuk mengubah warna latar belakang:

Denim Biru
background-color: # 336699;
Hitam
background-color: # 000000;
Putih
background-color: #ffffff;
Gunakan tombol Preview untuk melihat efek dari masing-masing warna sebelum Anda menyimpannya.



Cara Menambahkan Menu Drop Down Widget untuk Blog

Cara Menambahkan Menu Drop Down Widget untuk Blog


Login ke Blogger jika belum login
Menavigasi dari Dashboard Layout> Page Elements.
Klik Tambah Gadget di sidebar atau lokasi lain jika Anda ingin
Pilih gadget HTML / JavaScript dari daftar gadget
Paste kode berikut ke dalam kotak isi widget:

<Form> <select name = "menu" onchange = "window.open (this.options [this.selectedIndex] .value, '_ blank')"
size = 1 name = menu>
<Option> - Menu Judul Anda - </ option>

<! - Mengubah link berikut untuk Anda sendiri ->

<Option value = "http: // URL link1"> Link 1 </ option>
<Option value = "http: // URL link2"> Link 2 </ option>
<Option value = "http: // URL link3"> Link 3 </ option>
<Option value = "http: // URL link4"> Link 4 </ option>
<Option value = "http: // URL link5"> link 5 </ option>

<Option value = "http://blogknowhow.blogspot.com"> Blog Tahu Cara </ option>
</ Select> </ form>
Ganti _blank sebagai berikut:

Untuk memiliki jendela baru terbuka meninggalkan yang sama
Untuk memiliki halaman baru muncul di jendela yang sama menggantikan _self
Ganti - Menu Judul Anda - dengan judul Anda sendiri
Untuk setiap contoh dari nilai-nilai opsi disorot di pengganti merah link Anda sendiri dan nama link yang. Sebagai contoh:
<Option value = "http://blogknowhow.blogspot.com"> Blog Tahu Cara </ option>
Klik Simpan
Gunakan drag and drop ke posisi drop down menu widget di lokasi yang Anda inginkan dalam sidebar Anda dan menyimpan perubahan

Klik Lihat Blog melihat tampilan drop down menu baru di sidebar blog


 Cara Menampilkan Posting Perlabel pada blogger/blogspot.com

Cara Menampilkan Posting Perlabel pada blogger/blogspot.com


masukkan kode html diatas pada widget html blog anda, semua posting blog anda akan ditampilkan dalam bentuk sitemap

pada kata http://wong-lendah.blogspot.com/ ganti dengan link anda

Cara lain yang bisa anda coba dari http://master-doni.blogspot.com
1. Login Blog kita 2. Pilih Layout --> Add a Page Element --> Link List --> Add to Blog 3. Pada --> New Site URL = http://{nama.blogspot.com}/search?max-results={jumlah posting yang ditampilkan} Contoh : http://wong-lendah.blogspot.com/search?max-results=10 [Contoh link 10 posting]

1. Add a Page Element --> HTML/JavaScript 2. paste script dibawah ini: <a href="{nama.blogspot.com}/search?max-results={jumlah posting}">daftar semua posting blog</a> contoh: semua posting blog

1. Pilih Layout --> Add a Page Element --> HTML/JavaScript 2. kode script dibawah ini. <a href="{nama.blogspot.com}/search/label/ganti_katagori_label?max-results={jumlah posting}">daftar semua posting blog per katagori label</a>
Membuat Menu Horizontal Drop Down

Membuat Menu Horizontal Drop Down

Membuat Menu Horizontal Drop Down




<style type="text/css">

#black{background:-webkit-gradient(linear, left top, left bottom,
from(#4B0082), to(#FF0000)); width:930px; height:32px; color:#5A6C8C;
margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana;
border-top:1px solid #666; border-bottom:1px solid #666;-moz-box-shadow:
1px 1px 10px #888;

-webkit-box-shadow:1px 1px 10px #888;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;border-left:1px solid #333}

#NavbarMenuleft{width:700px; float:left; margin:0; padding:0;}

#search{width:240px; font-size:11px; float:right; margin:0; padding:0;}

#nav{margin:0; padding:0;}

#nav ul{float:left; list-style:none; margin:0; padding:0;}

#nav li{border-left:1px solid #ff0000;list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}

#nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block;
text-transform:uppercase; margin:0; padding:9px 15px 9px; font:bold 11px
Arial, Times New Roman;}

#nav li a:hover, #nav li a:active{background:#4a4d4c; color:#fff; padding:9px 15px 9px; text-decoration:none;}

#nav li li a, #nav li li a:link, #nav li li
a:visited{background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/S6mTqmy1HdI/AAAAAAAAA2M/6D7APyygWZA/catmenuhov.jpg);
width:150px; color:#e5e3e3; text-transform:capitalize; float:none;
margin:0; padding:3px 10px; border-bottom:1px solid #151f23;
border-left:px solid #151f23; border-right:2px solid #151f23;
font:normal 14px Georgia, Times New Roman;-moz-box-shadow: 1px 1px 10px
#888;

-webkit-box-shadow:1px 1px 10px #888;

-webkit-border-radius: 6px;}

#nav li li a:hover, #nav li li a:active{background:#4a4d4c; color:#fff; padding:3px 10px;}

#nav li{float:left; padding:0;}

#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;}

#nav li ul a{width:140px;}

#nav li ul ul{margin:-24px 0 0 170px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav
li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover
ul{left:auto;}

#nav li:hover, #nav li.sfhover{position:static;}

#searchbox{padding:0; margin:0;}

#search input{background:#fff; color:#000; float:left ;margin:5px 0 0
10px; width:168px; padding:3px 7px; border:1px solid #cdcdcd;
font:normal 11px arial, verdana, Times New Roman;}

#search .btn{background:#333; color:#fff; font-size:11px; margin:5px 0 0
3px; padding:2px; width:30px; cursor:pointer; border-left:1px solid
#666; border-top:1px solid #666; border-right:2px solid #111;
border-bottom:2px solid #111;}

#top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px;
border:1px solid #ccc; word-wrap: break-word; overflow: hidden;
font-size:13px;}

#top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;}

#top a:hover{color:#cc0000; text-decoration: underline;}

#top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;}

.topleft {width: 304px; float: left; margin: 0; padding:0;}

.topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;}

.topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}

</style>

<div id='outer'>



<div id='black'>



<div id='navbarmenuleft'>



<ul id='nav'>



<li><a href='http://blazerracing.blogspot.com/'>Home</a></li>



<li><a href='#'>Tutorial</a>



<ul>



<li><a href='http://blazerracing.blogspot.com/2011/12/tutorial-blog.html'>Tutorial Blogspot</a></li>



<li><a href='http://blazerracing.blogspot.com/search/label/point%20blank?&max-results=5'>Tutorial Point Blank</a></li>



</ul></li>



<li><a href='#'>Tips</a>



<ul>



<li><a href='http://blazerracing.blogspot.com/2011/12/tips-blog.html'>Tips Blogspot</a></li>



<li><a href='http://tokoone.com/script-toko-online-instan-siap-pakai-55-fitur-lengkap/?affid=10634?&max-results=5'>scrript toko online</a></li>



<li><a href='http://wong-lendah.blogspot.com/2014/11/cara-membuat-dan-kirim-email-html.html?&max-results=5'>cara membuat email</a></li>

</ul></li>



<li><a href='#'>Download Icon</a>



<ul>



<li><a href='http://blazerracing.blogspot.com/2012/02/download-social-network-icon.html'>Social Network Icon</a></li>



</ul></li>



<li><a href='#'>Tool</a>



<ul>



<li><a href="http://tokoone.com/sensor-parkir-mobil/?affid=10634">Sensor Parkir Mobil - Cegah Resiko Menabrak Saat Parkir</a></li>


</ul>

</div>

<div id='search'>

<form action='/search/' id='searchform' method='get' style='display:inline;'>

<input id='searchbox' maxlength='200' name='q' onblur='if (this.value
== "") {this.value = "Search...";}' onfocus='if (this.value ==
"Search...") {this.value = ""}' type='text' value='search...'/>

<input class='btn' type='submit' value='go'/>

</form>

</div></div>

</div>
Preview Kode HTML

Preview Kode HTML

Bagi anda yang suka mengotak atik kode html di blog ini ada cara yang simpel dan tidak menggangu tampilan blog anda. Sehingga pengunjung tidak kebingungan melihat blog yang tampilannya berubah stiap saat karena sedang anda edit. Sebelum final coba kamu test dulu lewat form dibawah ini. Kalau dah cocok bisa anda terapkan diblog/website anda.










Menambahkan kode sms online diblog atau web anda

Menambahkan kode sms online diblog atau web anda

Cara menambahkan menu sms gratis di blog atau web anda


Copy kode berikut ini, lalu paste kan di web anda:






hasilnya seperti dibawah ini:





selamat mencoba.