Advertise here
  Azon Profit Master

Minggu, 22 Juli 2012

0 Membuat daftar link animasi

23.22 Under From Penulis
[0 Comment]

Membuat daftar link animasi cloud,



kode untuk link animasi
  1. <embed type="application/x-shockwave-flash" src="http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf"   
  2. id="tagcloud" name="tagcloud" bgcolor="#252424" quality="high" flashvars="hicolor0xffffff&amp;tcolor=0xF3A217&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;  
  3.   
  4. &lt;a href='http://ordinaryblog.info/' style='24'&gt;Teks Link&lt;/a&gt  
  5. &lt;a href='http://ordinaryblog.info/' style='24'&gt;Teks Link&lt;/a&gt  
  6. &lt;a href='http://ordinaryblog.info/' style='24'&gt;Teks Link&lt;/a&gt  
  7. &lt;a href='http://ordinaryblog.info/' style='24'&gt;Teks Link&lt;/a&gt  
  8. &lt;a href='http://ordinaryblog.info/' style='24'&gt;Teks Link&lt;/a&gt  
  9. &lt;a href='http://ordinaryblog.info/' style='24'&gt;Teks Link&lt;/a&gt  
  10.   
  11.   
  12. &lt;/tags&gt;"   
  13.   
  14. allowscriptaccess="always" width="350" height="150"></embed>  
untuk modifikasi tampilan
bgcolor=#252424 (warna latar)
tcolor=0xF3A217 (warna huruf)
hicolor= 0xffffff (warna hover)
width="350" (lebar)
height="150" (tinggi)
style=24 (besar huruf)
cara menempatkan

  • Ini tergantung dari sobat sekalian , dapat di tempatkan di sidebar atau di dalam postingan seperti preview diatas
  • untuk penempatan di dalam postingan kode yang sobat copy di encode/parse terlebih dahulu
  • untuk membuat animasi label tag cluod bisa langsung ke sumbernya http://www.bloggerbuster.com/2008/08/blogumus-flash-animated-label-cloud-for.html
semoga bermanfaat
sumber :  http://www.ordinaryblog.info
Read More »

0 Cara Membuat Slot Iklan menarik

22.34 Under From Penulis
[0 Comment]

Cara Membuat Slot Iklan Yang Cantik

kali ini saya share cara membuat kotak slot iklan yang sudah saya praktekkan
langsung saja . bgini caranya

1.Loggin dulu ke blogger.
2.tambahkan Elemen HTML Java Script
3. Copa kode dibawah ini.









4.Simpan deh..dan lihat hasilnya..

 sumber :  http://mivomedia.blogspot.com
Read More »

0 Cara Membuat Virus Sederhana

20.37 Under From Penulis
[0 Comment]

Cara Membuat Virus Sederhana

ini adalah cara membuat virus yg sederhana saya rasa semua orang bisa melakukannya!!
hanya dengan notepad dan kemampuan copy-paste anda sudah bisa!!
langsung aja ok!!


1. Message yg muncul terus menerus
cara nya buka notepad lalu masukan script di bawah ini :

@ECHO off
:<br />
Begin<br />
msg * Lagi ngapain ?<br />
msg * Hayo buka apa ?<br />
msg * Nanti dimarahin ama mak loe<br />
msg * Makannya jangan sembrono !<br />
msg * minta bantuan gih sono !<br />
msg * Udah instal ulang aja !!!!<br />
msg * tit............................
GOTO BEGIN</div>


bisa dirubah sesuai keinginan anda!
simpan dengan berekstensi .bat contoh cyber4rt.bat


Read More »
18.35 Under From Penulis
[0 Comment]

Beberapa rekan saya ada yang bertanya tentang Cara Membuat Template Blogspot? Maksudnya adalah kita ingin membuat template sendiri untuk blog kita dengan mengedit template standard bawaan blogspot yang sudah ada.
Template blogspot hasil modifikasi

Oleh karena membuat template (dari nol) memang susah, maka yang bisa saya sampaikan adalah, mulailah dengan berkreasi dengan mengedit template bawaan blogspot. Dengan cara mengedit template, termasuk membuang serta menambahkan elemen-elemen baru didalamnya maka nantinya kamu bisa menghasilkan tampilan yang makismal serta unik (dalam artian) tampilan blogmu tidak murahan seperti template kebanyakan orang.

Nah, jika kamu tertarik ingin membuat template blogspot, saya sarankan gunakan template standard blogspot, misalkan template tampilan sederhana/mudah. Kemudian, masuk ke pengaturan Design > Edit HTML dan mulailah mengekplorasi apa saja elemen-elemen dalam template kamu.

A. Pertama, mulailah mengedit tampilan halaman utama dengan menghilangkan posting artikel yang tampil sehingga nanti di halaman utama/home page hanya ditampilkan judul postingan saja.

Untuk menghilangkan artikel/hanya menampilkan judul posting saja dihalaman utama/home page lakukan hal berikut:

Mauk ke Design > Edit HTML

Lalu cari kode <b:include data='post' name='post'/>, lalu dan ganti dengan kode berikut:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px;margin-bottom:2px;background:#eeeeee;color:#000000;'>
<img alt='&gt;&gt;&gt;' border='0' src='https://lh5.googleusercontent.com/-HP5XyclRQic/TXMMAKmlg5I/AAAAAAAAAQk/wrCGFu9jzmg/s1600/sidebar-icon.png'/>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Lalu Save template, lihat dulu hasilnya baru nanti kita lanjut ke langkah modifikasi template blogspot selanjutnya.

B. Langkah ke-2. Menambahkan 2 Kolom Widget dibawah atau diatas Posting

Read More »

Selasa, 17 Juli 2012

19.46 Under From Penulis
[0 Comment]

Membuat Kotak Kode Script/HTML Saat Memposting

Assalamualaikum wr wb,
Sobat blogger yang saya hormati, dalam kesempatan kali ini saya akan membahas Membuat Kotak Kode Script/HTML Saat Memposting. Pasti diantara blogger" belum pada tau maupun bisa, untuk memperindah script  yang sobat posting. Coba kita langsung mempraktekan untuk membuat kotak script/html saat memposting, Silahkan pilih sesukamu :)

  • Solid Border.

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div> 
  • Ridge Border.
Read More »

Jumat, 13 Juli 2012

23.12 Under From Penulis
[0 Comment]

Cara Membuat SubMenu di Blogger

Diterjemahkan dari: How to Create Drop Down Navigation Menu With Sub Menu in Blogger


Silahkan lihat dulu hasilnya di sini.
Untuk membuat submenu semacam itu, silahkan ikuti langkah-langkah berikut ini:
1. Masuk ke Blogger
2. Klik Tata Letak
3. Klik Edit HTML
4. Cari kode: ]]></b:skin>
5. Tambahkan kode berikut ini di atas kode yang tadi (no. 4)
/* ----- NAVBAR MENU ----- */
#NavbarMenu {
width: 875px;
height: 35px;
background:#FF6600 url(http://i802.photobucket.com/albums/yy308/penerjemah/navbar-hitam.png) repeat-x top;
color: #ffffff
margin: 0 auto 0;
padding: 0;
font: bold 11px Arial, Tahoma, Verdana;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
#NavbarMenuleft {
width: 680px;
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 {
color: #ffffff;
display: block;
text-transform: capitalize;
margin: 0;
padding: 9px 15px 8px;
font: normal 15px Georgia, Times New Roman;
}
#nav li a:hover, #nav li a:active {
background:#FF6600;
color: #ffffff;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff url(http://i802.photobucket.com/albums/yy308/penerjemah/navbar-hitam.png) repeat-x top;
width: 150px;
color: #ffffff;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
font: normal 14px Georgia, Times New Roman;
}
#nav li li a:hover, #nav li li a:active {
background: #FF6600;
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;
}
6. Kemudian, cari kode ini:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Blog Title (Header)' type='Header'/>
</b:section>
</div>
7. Tambahkan kode berikut ini di bawah kode no. 6
<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Beranda</a></li>
<li><a href='#'>Menu-1</a>
<ul>
<li><a href='#'>SubMenu-1-1</a></li>
<li><a href='# '> SubMenu-1-2</a></li>
</ul>
</li>
<li><a href='#'>Menu-2</a>
<ul>
<li><a href='#'>SubMenu-2-1</a></li>
<li><a href='#'> SubMenu-2-2</a></li>
</ul>
</li>
<li><a href='#'>Menu-3</a>
<ul>
<li><a href='#'>SubMenu-3-1</a></li>
<li><a href='# '> SubMenu-3-2</a></li>
<li><a href='#'> SubMenu-3-3</a></li>
</ul>
</li>
<li><a href='#'>Menu-4 </a></li>
</ul>
</div>
</div> <!-- end navbar -->
8. Simpan
Selamat mencoba


sumber : http://www.blog.jtc-indonesia.com/2010/05/cara-membuat-submenu-di-blogger.html
Read More »
22.04 Under From Penulis
[0 Comment]

Tutorial Membuat Menu Serta Sub Menu Tanpa jQuery Untuk Blogger Baru

1. Klik menu seperti ini


2. Klik menu / tulisan Template
3. Klik menu Edit HTML
4. Klik tulisan / menu Lanjutkan
5. Beri centang pada Expand Template Widget

Panduan Membuat Menu Serta Sub Menu Tanpa jQuery Di Blogger Lama

1. Klik Menu Rancangan / Design
 2. Klik Menu Edit Html
 3. Beri Centang Pada Bagian Expand Template Widget

Kode Yang Harus Di Cari / Temukan
Cari kode :
<div class='main-outer'> atau
<div id='main-wrapper'> atau
<div id='main'> baca : Cara Mudah + Cepat Mencari Kode Html di Blogger
Setelah kode tersebut sudah ditemukan silakan pasang kode berikut tepat di atasnya
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<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='#'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu + Sub Menu</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu + Sub</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub 1</a></li>
<li><a href='#'>Sub 2</a></li>
<li><a href='#'>Sub 3</a></li>
<li><a href='#'>Sub 4</a></li>
<li><a href='#'>Sub 5</a></li>
<li><a href='#'>Sub 6</a></li>
</ul>
</li>
<li><a href='#'>Menu</a></li>
</ul>
</div>
Catatan:
Silakan ganti tanda PAGAR (#) dengan link/url yang kamu mau, boleh link posting atau link Label (Kategori)
Sub Menu dan Sub adalah sub menu dari menu (Menu + Sub Menu dan Menu + Sub), silakan ganti nama masing-masing menu sesuai selera.
Hal-hal yang mungkin akan ditanyakan :
1. Kode yang harus dicari tidak ada di blog saya
Solusinya, silakan pasang kode menu horizontak tersebut di tempat yang kira-kira pas dengan yang kamu mau, kemudian klik Preview (Pratinjau). Jika masih belum pas silakan pindahkan  kode tersebut kemudian Pratinjau lagi. Lakukan sampai menunya sudah berada ditempat yang kamu mau.

2. Bagaimana cara memasukkan beberapa artikel dalam 1 menu?
Agar bisa menampilakan beberapa artikel dalam 1 menu maka kamu harus pasang Link Label pada menu tersebut, caranya sama, yaitu dengan cara mengganti tanda pagar (#) dengan link label yang ada di blog teman.

Update 21 Mei 2012
Jika susah pasang menu horizontal nya  pada bagian Edit HTML silakan pasang pada Gadget/Widget (dibawah header), caranya:
  1. Klik Tata Letak
  2. Klik Add Gadget
  3. Pilih Gadget Html/JavaScript
  4. Simpan
  5. Selesai
Untuk mengubah lebar menu horizontal nya silakan cari kode:
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
Kemudian tambahkan kode (width:900px) di atrara { dan }, sehingga menjadi seperti ini
#cat-nav {background:#156994;width:900px;margin:0 15px;padding:0;height:35px;}
Ingat, angka 900px hanya sebagai contoh saja, silakan rubah angka 900 dengan ukuran lebar yang kamu inginkan (yang sesuai dengan template kamu)

Untuk mengedit tampilan yang lainnya seperti warna, font, dsb. Silakan dicoba edit sendiri CSS nya ya, yang saya maksud CSS itu adalah kode yang ada di antara <style> dan </style>.
Update 9 Juni 2012

Bagaimana cara menambahkan menu

Untuk menambahkan menu pada kode menu horizontal di atas silakan tambahkan kode berikut
<li><a href='#'>Menu</a></li>
Pasang kode di atas sebelum kode
</ul>
</div>
Maka kodenya jadi seperti ini
<li><a href='#'>Menu</a></li>
</ul>
</div>
Dengan menambahkan kode di atas itu artinya kamu sudah menambahkan 1 menu, jika ingin menambahkan dua menu maka silakan masukkan kode tambahan tersebut 2 x
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul>
</div>
Untuk menambahkan menu yang ada sub menu nya maka silakan tambahkan kode berikut
<ul id='sub-custom-nav'>
<li><a href='#'>Sub 1</a></li>
<li><a href='#'>Sub 2</a></li>
<li><a href='#'>Sub 3</a></li>
<li><a href='#'>Sub 4</a></li>
<li><a href='#'>Sub 5</a></li>
<li><a href='#'>Sub 6</a></li>
</ul>
</li>
Caranya sama dengan cara menambahkan menu
Bagaimana cara menambahkan sub menu saja?
untuk menambkan sub menu saja caranya hampir sama dengan cara menambahkan menu, silakan sisipkan kode
<li><a href='#'>Sub Menu</a></li>
Sebelum kode
</ul>
</li>
Sehingga jadinya seperti ini
<ul id='sub-custom-nav'>
<li><a href='#'>Sub 1</a></li>
<li><a href='#'>Sub 2</a></li>
<li><a href='#'>Sub 3</a></li>
<li><a href='#'>Sub 4</a></li>
<li><a href='#'>Sub 5</a></li>
<li><a href='#'>Sub 6</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
</ul>
Nah itulah cara menambahkan menu dan sub menu, selamat mencoba.

sumber : http://blog.ahmadrifai.net/2012/03/membuat-menu-serta-sub-menu-tanpa.html
Read More »
21.43 Under From Penulis
[0 Comment]

tutorial cara pasang sub menu di blogger

kalau kemaren saya posting tutorial blogger cara pasang auto readmore yang tampil dengan gambar  dalam kesempatan ini saya akan bahas tutorial cara pasang sub menu  dimana menu semacam ini tidak disediakan oleh blogger jadi jika blog menggunakan blogger dan ingin pasang sub menu   kita harus memasangnya sendiri,
beda dengan blog wordpress yang fasilitas semacam ini sudah tersedia di dalam template  bawaan wordpress.com, jadi pengguna wordpress tidak perlu repot-repot memasangnya. cuma di wordpress kita tidak bebas mendesain template kecuali kita mengupgrade CCS terlebih dahulu,itupun masih belom bebas secara total seperti blog yang menggunakan blogger. contoh sub menu bisa anda lihat di blog ini “silahkan arakan kursor mose anda di menu download 3gp” nah seperti itulah  hasilnya nanti
oke mari kita mulai tutorialnya. cara pasang sub menu  di blogger:
1-> masuk dasboard-> design->dan pilih edit HTML
2-> jangan lupa centang kotak kecil di sebelah expand widget template dan backup dulu template asli.
3-> silahkan cari kode  ]]></b:skin>
klo sudah ketemu letakkan kode dibawah ini di atas kode tersebut
#NavbarMenu { background: #000; width: 874px; height: 35px; font-size: 13px; font-family: Arial, Tahoma, Verdana; color: #fff; font-weight: bold; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 874px; 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: #808080; height: 24px; color: #fff; display: block; font-size: 14px; font-family: trebuchet ms, Times New Roman; font-weight: bold; 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: #c0c0c0; color: #000; 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: #c0c0c0; width: 150px; color: #000; font-size: 14px; font-family: trebuchet ms, Times New Roman; 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: #000; color: #fff; 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; }
sebelum melanjutkan kita harus menetukan dimana kita akan meletakkan sub menu tersebut. dan biasanya di letakkan diatas header
nah untuk meletakkan di atas header silahkan cari kode berikut
<div id=’header-wrapper’>
4-> setelah ketemu silahkan letakkan kode dibawah ini di atas kode tersebut
<div id=’NavbarMenu’>
<div id=’NavbarMenuleft’>
<ul id=’nav’>
<li><a href=’http://ipoenkblb.blogspot.com‘>Home</a> </li>
<li><a href=’#'>Blogger Template</a>
<ul>
<li><a href=’http://ipoenkblb.blogspot.com/search/label/2 column‘>2 Column</a> </li>
<li><a href=’http://cara2daninfo.blogspot.com/search/label/3 column‘>3 Column</a> </li>
<li><a href=’http://ipoenkblb.blogspot.com/search/label/4 column‘>4 Column</a> </li> </ul> </li>
<li><a href=’#'>Blogging Trick</a> </li>
<li><a href=’#'>Forum</a>
<ul>
<li><a href=’http://cara2daninfo.blogspot.com/search/label/Learn SEO‘>Learn SEO</a> </li>
<li><a href=’http://ipoenkblb.blogspot.com/search/label/Adsense‘>Adsense</a> </li>
<li><a href=’http://cara2daninfo.blogspot.com/search/label/Blog Monetize‘>Blog Monetize</a> </li>
<li><a href=’http://ipoenkblb.blogspot.com/search/label/Link Exchange‘>Link Exchange</a> </li>
</ul> </li> </ul>
</div> </div>
5-> sekarang silahkan anda ganti kode di atas yang saya beri warna biru adalah link/URL menu yang ingin anda tampilkan,
dan yang berwarna merah adalah judul dari menu yang anda tampilkan.
contoh URL yang saya pasang diatas adalah link/URL yang berdasarkan label,
6-> jangan lupa simpan pekerjaan anda.dan lihat hasilnya.


sumber : http://newbeingetop.wordpress.com/2011/10/29/tutorial-cara-pasang-sub-menu-di-blogger/
Read More »

blog2 sahabat