Welcome To My Blog In Blog You Is All The Free (Tapi Ojo' Copas)
Catatan Hilmy
Showing posts with label Membuat Blog. Show all posts
Showing posts with label Membuat Blog. Show all posts

Cara membuat Website Gratis tanpa ribet 100% tested n' worked

0

apakah ada yang mau bikin website tapi berbayar, apa ada yang mau bikin website tapi ribet coba dulu yang ini website ini gratis kok tapi menggunakan fitur blog jadi bisa gratis deh tapi gak ribet caranya gampang kok hanya membutuhkan waktu 15 menit ini pengalamanku yang berdomain .co.cc

1. Buka www.co.cc (pasti....  buat bikin domain)
2. copas alamat blog-mu tanpa domain .domain blog.com ke cek ketersediaan
3. tekan ke lanjutkan pendaftaran
4. masuk atau buat akun jika anda belum punya
5. setelah masuk pilih URL Forwadding
6. website anda sudah jadi yaitu www.url.co.cc

Read more

Cara Membuat SubMenu Horizontal (Update 26 Mei 2012)

0

Assalamu'alaikum sobat. ingin memiliki menu horizontal dan sub menu seperti blog saya dan teman saya seperti gambar di atas? bagi sobat-sobat sekalian trik ini sangat bermanfaat untuk meningkatkan SEO blog sobat! membuat menu horizontal adalah menu diatas yang mengarah ke samping, sedangkan sub menu adalah menu kebawah dari menu horizontal. untuk membuatnya tidak sulit kok hanya tinggal copas saja!
langsung saja ikuti lagkah-langkah berikut ini :


1. Login Ke BLOGGER (pastinya...)


2. pilih Template -> Edit HTML


3. kemudian lanjutkan/proceed dan jangan lupa centang checkbox "Expand Template Widget"


4. copas kode di bawah ini tepat diatas/sebelum kode "]]></b:skin>" :



#NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 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: -32px 0 0 171px; } #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; }


5. sudah selesai, kemudian simpan template/save template


6. kemudian pilih layout/tata letak


7. pilih add gadget/ tambah gadget


8. dan pilih HTML/Javascript


9. copas kode berikut di HTML/Javascript :



<div class='menuhorisontal'>
<ul id='nav'>

<li><a href='#'>Home</a> </li>
<li><a href='#'>MenuHorizontal</a> </li>
<li><a href='#'>MenuHorizontal</a> </li>

<li><a href='#'>MenuHorizontal+SubMenu</a>
<ul>
<li><a href='#'>SubMenu</a> </li>
<li><a href='#'>SubMenu</a> </li>
<li><a href='#'>SubMenu</a> </li>
</ul> </li>
<li><a href='#'>MenuHorizontal+SubMenu</a>
<ul>
<li><a href='#'>SubMenu</a> </li>
<li><a href='#'>SubMenu</a> </li>
<li><a href='#'>SubMenu</a> </li>
</ul> </li>
 <li><a href='#'>MenuHorizontal+SubMenu</a>
<ul>
<li><a href='#'>SubMenu</a> </li>
<li><a href='#'>SubMenu</a> </li>
<li><a href='#'>SubMenu</a> </li>
</ul> </li>
<li><a href='#'>MenuHorizontal</a> </li>
</ul>
</div>


Perhatian: - Ganti # Dengan Alamat URL Anda Sesuai Judul , jangan hapus tanda (')
                - Ganti Tulisan SubMenu, MenuHorizontal, MenuHorizontal+SubMenu, Dan Home Dengan Judul Yang Anda Inginkan
                -Untuk menambahakan menu copas code berikut tepat diatas
<li><a href='#'> MenuHorizontal</a> </i>


<li><a href='#'>MenuHorizontal+SubMenu</a>
<ul>
<li><a href='#'>SubMenu</a> </li>
<li><a href='#'>SubMenu</a> </li>
<li><a href='#'>SubMenu</a> </li>
</ul> </li>
 <li><a href='#'>MenuHorizontal+SubMenu</a>
<ul>
<li><a href='#'>SubMenu</a> </li>
<li><a href='#'>SubMenu</a> </li>
<li><a href='#'>SubMenu</a> </li>
</ul> </li>
<li><a href='#'>MenuHorizontal</a> </li>
</ul>
</div>



Semoga Bermanfaat, Tapi Lihat Kalo Yang Aku Pake Kenapa modelnya berbeda sebenarya itu bawaan template (hehehehe.......)

Lihat Dahulu Contohnya Sebelum Mencobanya:








Sumber: blog-anak-nurulfikri.blogspot.com





Read more

Cara Memasang Widget Jam Dan Kalender Di Wordpress

18

 \
Assalamualaikum sob ini saya posting untuk menjawab pertanyaan pertanyaan yang sering muncul di inbox fb saya .
konon kabarnya banyak yang kesulitan memasang kode jam di sidebar blog wordpress.karena penasaran saya coba mancari dan mencoba dan alhamdulilah menemukan cara yang mudah memasang jam di sidebar blog wordpress gratisan.
dari namanya tutorial ini memang buat para newbei sepeti saya so…buat para webmaster lewat aja deh hehehe…karena buat para webmaster postingan ini sudah jadul hihihi…tapi semoga aja masih bermafaat buat para newbei   aminnn….
nah untuk memasang jam di sidebar blog wordpress silahkan ikuti langkah-langkah singkat dibawah ini:
1=>jangan lupa login dulu terus maasuk dasboard->widget-> lalu pilih tex/html
(Arbitrary text or HTML)
2=> silahkan download dan copy paste kode jam yang anda pilih.
kode html bisa anda dapatkan  setelah mendownloadnya, dan link download kode masing2 jam ada dibawah gambar masing2 jam/kalender itu sendiri.
dibawah contoh tampilan jam dibawah  ini
UNTUK JAM ANALOG
A=>
untuk kode bisa anda download DISINI. atau copy kode dibawah ini
update:
[#gigya src="http://www.widgipedia.com/widgets/Flash2nd/Deep-Blue-Clock-5414-8192_134217728.widget" width="200" height="200" quality="high" wmode="transparent" ]
keterangan:
agar code  di atas berfungsi silahkan buang tanda pagar yang berwarna merah sebelom anda paste di widget.

B=>
untuk kode yang ke dua bisa anda download DISINI.atau copy code dibawah ini.
[#gigya src="http://www.widgipedia.com/widgets/jeanphi/globe-clock-4205-8192_134217728.widget" width="200" height="200" quality="high" bgcolor="#afc0d4" wmode="opaque" ]
keterangan:
agar code  di atas berfungsi silahkan buang tanda pagar yang berwarna merah sebelom anda paste di widget.

UNTUK JAM DIGITAL:
A=>
untuk download kode silahkan klik DISINI.ata copy code dibawah ini
[#gigya src="http://widgia.com/widgets/welcome_clock/welcome_clock.swf" width="250" height="250" quality="high" wmode="transparent" ]
keterangan:
agar code di atas berfungsi silahkan buang tanda pagar yang berwarna merah sebelom anda paste di widget.

B=>
untuk download kode silahkan klik DISINI atau copy code dibawah ini
[#gigya src="http://widgia.com/widgets/vista_clock/vista_clock.swf" width="250" height="200" quality="high" wmode="transparent" ]
keterangan:
agar code  di atas berfungsi silahkan buang tanda pagar yang berwarna merah sebelom anda paste di widget.


UNTUK KALENDER KODENYA DIBAWAH INI:
1=>
kode bisa anda download DISINI .atau copy code dibawah ini.
[#gigya src="http://widgia.com/widgets/bleu_calendar/calendar.swf" quality="high" width="250" height="250" ]
keterangan:
agar code  di atas berfungsi silahkan buang tanda pagar yang berwarna merah sebelom anda paste di widget.
2=>
kode bisa anda download DISINi. 
atau copy code dibawah ini.
[#gigya src="http://i251.photobucket.com/albums/gg294/wafpaf/calendars/swf/autumn1.swf" quality="high" width="300" height="300" ]
keterangan:
agar code  di atas berfungsi silahkan buang tanda pagar yang berwarna merah sebelom anda paste di widget.
3=>  klik simpan dan lihat hasilnya.
selamat mencoba semoga berhasil….

Read more

 
Design by ThemeShift | Bloggerized by Lasantha - Free Blogger Templates | Best Web Hosting