Cara Membuat Banner ukuran 125x125

5

Posted by ronald | Posted on 16.45 | Posted in , ,

Mungkin ada yang bertanya-tanya bagaimana cara membuat banner di samping ini atau mungkin ada yg sudah tau, disini saya cuma mau share dan bagi-bagi ilmu aja, walau blom pandai dan paham tentang kode-kode html/javasript, tapi ngak ada salahnya belajar sedikit-demi sedikit, siapa tau aja besok-besok bisa mahir kode-kode html gitu..hehehe.....

Baiklah saya akan coba menjelaskan sebisa saya.

Pertama log in ke blog kamu dan pilih tata letak>Edit HTML
Selanjutnya kopikan kode di bawah ini ke edit HTML, posisinya menurut saya terserah saja. Tapi sepelumnya jangan lupa simpan template kamu terlebih dahulu, buat jaga-jaga kalau kodenya salah atau klik Pratinjau dulu sebelum menyimpan hasil editan kode HTML nya.

Ini kode html nya :


<div id='topsidebar-wrapper'><div class='banner'><ul>

<li><a href='http://www.ipietoon.com' rel='bookmark' title=''><img alt='' src='http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/ Da1niOQL0Uw/s1600/advertise%2B125x125.png'/></a></li>

<li><a href='http://www.ipietoon.com' rel='bookmark' title=''><img alt='' src='http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/ Da1niOQL0Uw/s1600/advertise%2B125x125.png'/></a></li>

<li><a href='http://www.ipietoon.com' rel='bookmark' title=''><img alt='' src='http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/ Da1niOQL0Uw/s1600/advertise%2B125x125.png'/></a></li>

<li><a href='http://www.ipietoon.com' rel='bookmark' title=''><img alt='' src='http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/ Da1niOQL0Uw/s1600/advertise%2B125x125.png'/></a></li>

</ul></div><div class='clear'/></div>


Keterangan :
Untuk tulisan yang warna Merah ganti dengan link/alamat dari banner kamu
Untuk tulisan yang warna Hijau ganti dengan link gambar banner yang ingin kamu tampilkan.
Kode di atas cuma untuk 4 buah banner saja, kalau ingin menambahkan lebih banyak lagi, tingak kopi paste aja kode di bawah ini di antara kode <div id='topsidebar-wrapper'><div class='banner'><ul> dengan kode </ul></div><div class='clear'/></div>


<li><a href='http://www.ipietoon.com' rel='bookmark' title=''><img alt='' src='http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/ Da1niOQL0Uw/s1600/advertise%2B125x125.png'/></a></li>


Oya, sampai lupa, kalau mau merubah ukurannya tinggal rubah aja angka 125 menjadi angka sesuai keinginan kamu.
Semoga Bisa di mengerti dan bermamfaat...

Cara Membuat text di area yang berwarna

0

Posted by ronald | Posted on 03.17 | Posted in , ,

Tutorial yg berikut ini adalah tetang bagaimana cara membuat tulisan seperti dibawah ini :


Tulisan Seperti Ini dalam area yg berwarna INI





Tulisan Seperti Ini dalam area yg berwarna INI





Tulisan Seperti Ini dalam area yg berwarna INI





Tulisan Seperti Ini dalam area yg berwarna INI





Dan Seperti INI



Caranya seperti berikut:
Pertama Log In seperti biasa pilih tataletak>edit HTML
Kemudian copy kode di bawah ini dan paste tepat di atas kode ]]</b:skin>



#rec { margin:20px;padding:20px;}
.hint {
border: 1px solid #4AB7FF;
font-size: 11px;
color: #191919;
background: #BFE5FF url(http://i280.photobucket.com/albums/kk162/mochal_nl_2008/info.gif) no-repeat 5px center;
font-family: Verdana, sans-serif, "Courier New";
line-height: 125%;
margin: 5px 0px 0px;
padding: 12px 12px 12px 40px;
display: block;
font-weight: 400;
width: 85%;
}
.warning {
border: 1px solid #FF8888;
font-size: 11px;
color: #191919;
font-family: Verdana, sans-serif, "Courier New";
line-height: 125%;
background: #FFBFBF url(http://i280.photobucket.com/albums/kk162/mochal_nl_2008/warning.gif) no-repeat 5px center;
display: block;
margin: 5px 0px 0px;
padding: 12px 12px 12px 40px;
font-weight: 400;
width: 85%;
}
.download {
border: 1px solid #C2E069;
font-size: 11px;
color: #191919;
font-family: Verdana, sans-serif, "Courier New";
line-height: 125%;
background: #E5F2BF url(http://i280.photobucket.com/albums/kk162/mochal_nl_2008/download.gif) no-repeat 5px center;
display: block;
margin: 5px 0px 0px;
padding: 12px 12px 12px 40px;
font-weight: 400;
width: 85%;
}
.alert {
border: 1px solid #FFC875;
font-size: 11px;
color: #191919;
line-height: 125%;
background: #FFE5BF url(http://i280.photobucket.com/albums/kk162/mochal_nl_2008/alert.gif) no-repeat 5px 5px;
font-family: Verdana, sans-serif, "Courier New";
display: block;
margin: 5px 0px 0px;
padding: 12px 12px 12px 40px;
font-weight: 400;
width: 85%;
}
.note {
border: 1px solid #FFE375;
font-size: 11px;
color: #191919;
font-family: Verdana, "Times New Roman", Times, Georgia, serif;
line-height: 125%;
background: #FFF2BF url(http://i280.photobucket.com/albums/kk162/mochal_nl_2008/note.gif) no-repeat 5px center;
display: block;
margin: 5px 0px 0px;
padding: 12px 12px 12px 40px;
font-weight: 400;
width: 85%;
}



Setelah itu jangan lupa SIMPAN

Untuk menampilkan tulisan/text di area yang berbeda tinggal ganti aja kodenya seperti di bawah ini :


<div class="note">
Text
</div>


<div class="alert">
Text
</div>


<div class="hint">
Text
</div>


<div class="download">
Text
</div>


<div class="warning">
Text
</div>



Semoga bermamfaat
Di kutip dari : http://subagya.blogspot.com

Cara menampilkan kode HTML/Javascript yang di postingan

0

Posted by ronald | Posted on 02.36 | Posted in ,

Setelah Posting cara menampilkan code html sebelumnya sekarang saya nemu cara yang lebih praktis, setelah googling akhirnya saya temukan juga. Dikutip dari http://subagya.blogspot.com dan langsung saya praktekkan. Dan hasilnya seperti dibawah ini :

Langkah awalnya log in ke blogspot trus masuk ke Tata letak dan pilih Edit HTML dan masukkan kode javasript dibawah ini persis di atas kode ]]</b:skin>



.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i280.photobucket.com/albums/kk162/mochal_nl_2008/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}



Setelah itu Simpan


Untuk Menampilkannya di postingan jangan lupa tulis kan kode di bawah ini setiap memasukkan kode html/javasript di postingan.



<div class="codeview">

Taruh kode HTML, css, Javascript code

</div>




Selamat Mencoba dan semoga Bermamfaat

Cara membuat tampilan form berlangganan feedburner

0

Posted by ronald | Posted on 03.28 | Posted in ,

Bagaimana cara membuat form berlangganan artikel seperti yang ada di blog ini?? Maksudnya seperti dibawah tiap-tiap artikel. Mungkin ada yang bertanya seperti itu.
Berikut caranya

Pertama
Kode yang ditambahkan pada tag body di template (pada mode edit template), saya meletakkannya di bawah kode <p><data:post.body/></p>.

<!-- Start Berlangganan Artikel-->
<div class='kotakRSS1'>
<div class='RssAlbri'>
Artikel disini berguna bagi anda?, Silahkan <a href='http://feeds.feedburner.com/kapurix' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis. Atau berlangganan via email, dengan begitu anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#009900'>http://k14nk.blogspot.com</font>
<div class='albriIlang'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://www.feedburner.com/fb/a/emailverify' method='post' onsubmit='window.open(&apos;http://www.feedburner.com/fb/a/emailverifySubmit?feedId=i7b925q65utsht0hdoqis3s3e4&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='padding:0px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssAlbri' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Silahkan ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Silahkan ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Silahkan ketikkan email anda disini'/>
<input name='url' type='hidden' value='http://feeds.feedburner.com/~e?ffid=i7b925q65utsht0hdoqis3s3e4'/>
<input name='title' type='hidden' value='http://k14nk.blogspot.com'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssAlbri' type='submit' value='Berlangganan'/></div>
</form></td>
<td align='left' style='padding:4px 0 0 0;' valign='top' width='35%'><a href="http://feeds2.feedburner.com/blogspot/DPcw"><img src="http://feeds2.feedburner.com/~fc/blogspot/DPcw?bg=99CCFF&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a>;</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Berlangganan Artikel-->


Kode berwarna merah ganti dengan kode feedburner anda sendiri dan kode warna hijau juga ganti dengan kode anda yang bagian gambar. Gambar maksudnya gambar seperti dibawah ini:

Untuk kode lainnya silahkan anda berexperiment.

Kedua
Kode yang ditambahkan pada deretan CSS, letakkan saja diatas kode ]]></b:skin>

.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .RssAlbri { background: url('http://i416.photobucket.com/albums/pp245/ateonsoft/LogoRSSalbri.jpg') no-repeat bottom right; } .RssAlbri a { background: none;} .inpRssAlbri { border: 1px solid #B9C1C6; width: 170px; background: rgb(255, 255, 255) url('http://i416.photobucket.com/albums/pp245/ateonsoft/rssform.png') no-repeat 2px 2px; font-size: 11px; padding:3px 4px 4px 20px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; } .sbmtRssAlbri { padding:2px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; } .albriIlang table {border-collapse: inherit; border: none;} .albriIlang tr { border:0;} .albriIlang td { border:0;} .albriIlang th { border:0;} .clear { clear: both; }


Untuk mengganti background-image ganti warna merah dengan URL gambar kesukaan anda. Kalau sudah simpan template.

dikutip dari : http://www.ateonsoft.com

Anti Virus Buat Symbian OS

3

Posted by ronald | Posted on 22.34 | Posted in


Mungkin Hp kamu sering atau pernah kemasukan Virus. Tanda-tandanya bisa jadi seperti :

Tanda-tanda HP terjangkit Virus
Aplikasi yang ada di handphone tiba-tiba lelet, tidak bisa ngirim sms, tidak bisa menjalankan aplikasi tertentu dan banyak lagi yang lainnya yang terasa janggal tidak seperti HP biasanya


Cara menghindari biar hp ngak kena virus
Jangan aktifkan Bluetooth, apalagi di keramaian
Hati-hati sama pesan masuk yang mencurigakan yang tidak anda kenal, jangan di terima.
Hati-hati kalau mendowload aplikasi atau game untuk hp anda, pastikan sumbernya tidak terdapat virus.
Pakai anti virus di HP kamu


Untuk mendapatkan anti virus bisa di download dibawah ini :


Anti virus ini tidak bisa hp java sony/os40/os30

kaspersky v6080 s60 os6.1 kracked

Nokia 3600
Nokia 3620
Nokia 3650
Nokia 3660
Nokia 7650
Nokia N-Gage
Nokia N-Gage QD
Siemens SX1
Sendo X

http://www.4shared.com/file/51530465...ified=95eea853


kaspersky v6.0.80 s60 os7x8x kracked
Nokia 3230
Nokia 6260
Nokia 6600
Nokia 6620
Nokia 6630
Nokia 6670
Nokia 6680
Nokia 6681
Nokia 6682
Nokia 7610
Nokia N70
Nokia N90
Lenovo P930
Panasonic x700
Panasonic x800
Samsung SGH D720
Samsung SGH D730
http://www.ziddu.com/download/205805...60.v2.zip.html


kaspersky v70.32 s60 v3rd kracked

N95,N71,N82,N91
dll phone s60 3rd
http://www.ziddu.com/download/182382...rsky_s60v3.rar


Avira 2008 os60 kracked
http://www.4shared.com/file/49607022...ified=95eea853

Bitdefender s60 v2 kracked by illusion
http://www.ziddu.com/download/205797...60.v2.zip.html

Fonoinfo.Commander s60 kracked
http://www.4shared.com/account/file/...SymbianOS.html

Jiangmin anvir beta s60 v2
http://www.4shared.com/file/49607249...ified=95eea853

Mcafee antivirus s60 v2 kracked
http://www.4shared.com/file/51209962...ified=95eea853

Netqin beta v2.17 s60 v2
http://www.4shared.com/file/50050442/5c910f95/NetQinMobileAntiVirusv2017BetaS60SymbianOS70.html?dirPwdVerified=95eea853

Panda security s60 v2
http://www.4shared.com/account/file/...-A6D2DGVW.html

Simwork s60 kracked
http://www.4shared.com/file/49976480...ified=95eea853

Symantec s60 kracked
http://www.4shared.com/account/file/...y_v40_s60.html

Avira s80
http://www.4shared.com/account/file/...le_S80_en.html

Bullguard windows mobile& os60
http://www.bullguard.com/try/bullgua...antivirus.aspx

Airscanner windows mobile
http://airscanner.com/downloads/av/av.html

Mpulze s60
http://www.mpulze.com/antivirus.php?...e2eef12e7d4739

Trend micro s60 3 anti virus keygen
http://www.4shared.com/file/52285382...ified=95eea853

F-secure s60,v2,v3,uiq,pocket pc,windows mobile
http://mobile.f-secure.com/downloads/trial/index.html


Semoga Bermanfaat.

Cara Menulis Kode HTML Java Script di Posting

0

Posted by ronald | Posted on 16.35 | Posted in ,

Kalangan blogger pemula yang sudah pernah mencoba menulis kode html / javascript di posting dan ingin kode tersebut tampil seperti waktu ditulis mungkin merasa heran karena setelah dipublish jadi berbeda. Contoh, umpamanya Anda menulis kode <> dan ingin tampil persis seperti itu diposting Anda, kenyataannya kode tersebut malah hilang. Ikuti tutorial praktis berikut, oh ya tip ini berlaku baik di posting wordpress atau blogger / blogspot.


Konversi Online

1. Kunjungi Encode Decode HTML Converter di sini atau di sini.

2. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode”

3. Copy dan paste hasil encode yang ada dalam kotak ke posting Anda. Selesai.

Catatan: Jangan lupa klik menu “HTML” di kotak posting atas-kanan sebelum memasukkan kode html yang sudah di-encode tadi.


Cara Membuat “Read More…” atau “Baca Selengkapnya..” di Blogger Baru

1

Posted by ronald | Posted on 15.55 | Posted in ,

Setelah mencoba beberapa cara membuat Reat more di postingan blog, akhirnya saya menemukan yang cocok buat template saya, sebelumnya tapil seh..tapi tulisan di posting tidak ter potong atau tampil penuh.

tutorial ini saya kutip dari http://www.isnaini.com
Berikut ini tutorialnya :

Sebelumnya untuk template yang klasik silahkan search di google..

Caranya:

* Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
* Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
* Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin>seperti ini:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

* Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

* Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menambahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose(tulis)

Contoh penulisan posting:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost">Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik</span>


Hasil akhir postingan akan seperti ini:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.Read more..



Selamat Mencoba!

NB: kalau javascriptnya tidak muncul paca hasil postingan, baca tutorial berikutnya
Langganan: Postingan (Atom)