Sabtu, 08 September 2012

cara mengganti closer

Filled under:

Blog walking ke blog teman memang selalu ada manfaatnya. Makanya saya bilang Blog Walking itu Cantik. Benar khan? Mungkin anda pernah blog walking ke blog teman dan melihat ketika mouse digerakkan kursor atau pointer tampil beda dengan yang lain. Ya seperti di blog kesayangan saya ini. He he he. Ada perubahan nggak di komputer sobat? Itu hasil praktek ilmu yang telah saya peroleh dari blog teman kita mas Debby http://mas-debby.blogspot.com/2011/02/cara-merubah-cursor-pada-blog.html. Jadi sanalah saya memproleh cara merubah tampilan kursor di sebuah blog. Tips ini ternyata bisa juga diterapkan ke blogspot atau ke blog WordPress. Yang jelas tidak akan memberatkan blog anda kok. Cara meletakkannyapun mudah. Bisa di side bar kanan, kiri atau footer. Yang tayang nanti tidak di side bar tersebut. Oke langsung ke pokok masalah yaitu Merubah Cursor pada blog. Berikut caranya :
1. Login ke blogger.com
2. Klik Rancangan pada blog yang akan anda rubah kursornya
3. Klik Elemen Laman/Tata Letak/Design.
4. Klik Tambah Gedget/add gadget.
5. Pilih HTML/Javascript.
6. Copy dan pastekan script dibawah ini ke content HTML/Javascript.
<style type=”text/css”>
body {
cursor:url(“http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png“)
,default}
</style>
7. Terakhir klik Save atau Simpan
Cara di atas adalah khusus untuk blogspot. Bagaimana kalau untuk blog WordPress. Kurang lebih sama kok.
1. Login ke blog WordPress anda
2. Klik Appearance lalu Widget
3. Tambahkan Gadget Text, Arbitary tezt or HTML
4. Masukkan kode di atas tadi.
5. Klik Save untuk menyimpan
Tampilan kursor blog bisa anda ganti dengan beberapa image berikut ini. Ganti http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png pada kode di atas dengan kode berikut ini :
http://i771.photobucket.com/albums/xx357/cebol_01/Kursor.png
http://i886.photobucket.com/albums/ac63/AdiSangPemimpi/kursor.png
http://i34.photobucket.com/albums/d132/JuL14_ok/pinkbutterflies.gif
http://i40.photobucket.com/albums/e230/dh34sy/flame.gif
http://i425.photobucket.com/albums/pp332/hippmibjkt/sym455.jpg
http://i340.photobucket.com/albums/o350/tomrat2212/emon.gif
http://i872.photobucket.com/albums/ab288/bebe_munya/kursor1.gif
http://i872.photobucket.com/albums/ab288/bebe_munya/kursor2.gif
Anda bisa juga berkreasi mengganti tampilan kursor dengan buatan anda sendiri.  Semoga berhasil

Posted By RONI RUSMANA17.14

Pasang Social Network di Blog Dengan Icon Menarik

Filled under:


Dalam hal melengkapi konten blog agar tidak terkesan hambar dan tentunya bukan hanya hiasan saja tapi memiliki fungsi yang benar-benar dibutuhkan pengunjung blog seperti dipasangnya google translate, tombol back to top, link social network. Selanjutnya dari segi design agar sedikit menarik dan mempunyai nilai lebih layaknya blog berbayar, google translate, tombol back to top, link social network, coba kita terapkan dengan memakai Icon yang kita buat sendiri menggunakan program Pengolah Gambar Adobe Photoshop, CorelDRAW. Dengan dipasangnya social network seperti : My Space, Facebook, Twitter, Flickr, Youtube, dan lain-lain, selain mempercantik tampilan blog, juga sangat berguna untuk memudahkan pengunjung blog jika ingin mengenal lebih jauh lagi tentang pemilik blog apalagi blog tersebut sudah lumayan terkenal keberadaannya.
Lalu bagaimana Cara Pasang Social Network di Blog Dengan Icon Menarik ? Sebetulnya cara ini tidak jauh berbeda dengan cara memasang google translate dan tombol back to top yang pernah saya tulis pada artikel terdahulu. Yang berbeda hanya link yang dituju serta gambar iconnya saja. Untuk scriptnya kira-kira seperti ini :
Untuk ditempatkan pada sidebar
<a href="URL yang dituju"><img title="Judul Gambar/Icon" src="URL berkas Gambar/Icon" alt="Nama Icon" /></a>

Contoh

<a href="http://www.facebook.com/aarian82"><img title="Facebook" src="http://onesetia82.files.wordpress.com/2012/02/facebook-64x64.png" alt="Facebook" /></a>

Gambar Icon seakan-akan melayang (Fixed)

<div style="display:scroll;position:fixed;Posisi Gambar/Icon;">
[script Gambar/Icon]
</div>

Contoh

<div style="display:scroll;position:fixed;top:100px;left:10px;">
<a href="http://www.facebook.com/aarian82"><img title="Facebook" src="http://onesetia82.files.wordpress.com/2012/02/facebook-64x64.png" alt="Facebook" /></a>
</div>

Khusus untuk script melayang/fixed pada Posisi Gambar/Icon dapat anda tentukan sendiri sesuai kebutuhan dan selera, disini saya memberi contoh gambar/icon diletakkan di sebelah atas-kiri (seperti social icon yang dipasang di blog saya) maka scriptnya top:100px;left:10px dan untuk ukurannya gunakan satuan pixel saja. Selanjutnya tempatkan script tersebut pada widget text lalu klik simpan, lihat contoh disini. Lalu bagaimana jika gambar/icon dari masing social network tersebut tampilannya supaya berurutan kebawah tidak ke samping …. ? Itu sangat mudah, setiap anda selesai mencantumkan script social network, sebagai pemotong/pemisahnya memakai kode
lihat contoh :

<div style="display:scroll;position:fixed;top:100px;left:10px;">
<a href="http://www.facebook.com/aarian82"><img title="Facebook" src="http://onesetia82.files.wordpress.com/2012/02/facebook-64x64.png" alt="Facebook" /></a>
<br>
<a href="http://twitter.com/aa_rian82"><img title="Twitter" src="http://onesetia82.files.wordpress.com/2012/02/twitter-64x64.png" alt="Twitter" /></a>
</div>

Semoga bermanfaat untuk icon….
nah sekarang gimana cara buat icon nya kalo soalitu ane juga ngak jago kalo itu tanya ama sumbernya
disini

Posted By RONI RUSMANA15.27

Tutorial Cara Pasang Energy Saving Mode pada Blogger

Filled under:

Pada kesempatan kali ini, mari kita belajar tentang cara memasang “Energy Saving Mode” pada blogger. Kalo sobat masih asing dengan hal ini, bisa sobat coba pada blog saya ini. Jika blog ini sedang idle (tidak melakukan aktivitas apapun), maka kemudian akan muncul halaman baru (semacam screensaver) yang berwarna gelap dan bertuliskan “Energy saving mode”. Untuk lebih jelasnya penampakannya dibawah ini:
image

Tertarik untuk mencobanya? Langsung saja langkah-langkahnya sebagai berikut:
1. Login ke akun blogger sobat.

2. Klik “Design”
image

3. Kemudian klik “Edit HTML”
image

4. Jangan lupa centang “Expand Widget Template”
clip_image002

5. Temukan kode </head> (bisa memanfaatkan ctrl+f)

6. Letakkan script berikut diatas kode </head>

<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
<!-- save your energy end -->
7. Simpan template sobat.

8. Lihat perbedaannya sekarang.

Posted By RONI RUSMANA15.07

embuat Spoiler | Cara Membuat sepoiler pada Blog | Fungsi spoiler Pada Blog

Filled under:


Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar. Oke langsung Saja


"Letakan script dibawah ini pada postingan sobat"




=======================================




<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55pxfont-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">




Letakkan kode script, HTML dan teks anda disini






<br>
</div>
</div>
</div>




=====================================




Keterangan :


1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat.

Posted By RONI RUSMANA15.04

Jumat, 07 September 2012

Cara memasang Iklan melayang layang di Blog

Filled under:



Saya berpikir sepertinya menarik juga kalau saya buat iklan melayan di blog.
Ide ini saya dapatkan setelah mendapat rekomendasi dari teman. Untuk meningkatkan klik iklan yang dipasang di blog, kita bisa pasang Iklan melayang (istilah lainnya katanya floating ads).
Kenapa harus membuat iklan melayang di blog? Tujuannya agar tampak mencolok dan berharap pengunjung mau klik iklan kita.
Tapi ada negatifnya juga dengan membuat iklan melayang di blog karena menghalangi artikel, sehingga kalau orang yang gampang pusing begitu melihat ada iklan menghalangi langsung mereka menutup blog kita. Dan ada juga iklan PPC yang tidak memperbolehkan menggunakan floating ads misalnya google adsense.
Makanya untuk menyiasatinya kita bisa pasang iklan melayang letaknya di samping atau di sidebar, jadi iklan tidak menutupi artikel. Tapi itu juga tergantung monitor yang dipake pengunjung, kalau monitornya ukuran 15” ke bawah kadang iklan di sidebar juga tetap menghalangi artikel. Dan untuk menyiasatinya harus dipasang icon close untuk menutup.
Jika Anda tertarik untuk menyimpan iklan melayang di blog Anda silahkan copy script di bawah ini.
——————————————————————————————————
<style type=”text/css”>
#topbar{
position:absolute;
padding-left:1px;
background-color: transparancy;
width: 160px;
visibility: hidden;
z-index: 100;
}
</style>
<script type=”text/javascript”>
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos=”fromtop” //enter “fromtop” or “frombottom”
function iecompattest(){
return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + “=”
var returnvalue = “”;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(“;”, offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie=”remainclosed=1″
document.getElementById(“topbar”).style.visibility=”hidden”
}
function staticbar(){
barheight=document.getElementById(“topbar”).offsetHeight
var ns = (navigator.appName.indexOf(“Netscape”) != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie(“remainclosed”)==”")
el.style.visibility=”visible”
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+”px”;this.style.top=y+”px”;};
el.x = startX;
if (verticalpos==”fromtop”)
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos==”fromtop”){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY – ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight – barheight: iecompattest().scrollTop + iecompattest().clientHeight – barheight;
ftlObj.y += (pY – startY – ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout(“stayTopLeft()”, 10);
}
ftlObj = ml(“topbar”);
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener(“load”, staticbar, false)
else if (window.attachEvent)
window.attachEvent(“onload”, staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class=”clear”>
</div>
<div id=”topbar”>
<div style=”text-align: left;”>
<a href=”"onclick=”closebar(); return false”><img src=”http://bisnishana.com/wp-content/uploads/2012/04/iklan-melayang.png” /></a></div>
<center>
<div style=”background: #;”>
 <a href=”http://www.tekanini.com/hanakres”><img src=”http://www.blakblakan.com/banners/150x150_v6_animasi.gif” alt=”peluang usaha” border=”0″></a>
</div>
</center>
</div>

Posted By RONI RUSMANA19.39

Cara memasang Iklan melayang layang di Blog

Filled under:

Saya berpikir sepertinya menarik juga kalau saya buat iklan melayan di blog.
Ide ini saya dapatkan setelah mendapat rekomendasi dari teman. Untuk meningkatkan klik iklan yang dipasang di blog, kita bisa pasang Iklan melayang (istilah lainnya katanya floating ads).
Kenapa harus membuat iklan melayang di blog? Tujuannya agar tampak mencolok dan berharap pengunjung mau klik iklan kita.
Tapi ada negatifnya juga dengan membuat iklan melayang di blog karena menghalangi artikel, sehingga kalau orang yang gampang pusing begitu melihat ada iklan menghalangi langsung mereka menutup blog kita. Dan ada juga iklan PPC yang tidak memperbolehkan menggunakan floating ads misalnya google adsense.
Makanya untuk menyiasatinya kita bisa pasang iklan melayang letaknya di samping atau di sidebar, jadi iklan tidak menutupi artikel. Tapi itu juga tergantung monitor yang dipake pengunjung, kalau monitornya ukuran 15” ke bawah kadang iklan di sidebar juga tetap menghalangi artikel. Dan untuk menyiasatinya harus dipasang icon close untuk menutup.
Jika Anda tertarik untuk menyimpan iklan melayang di blog Anda silahkan copy script di bawah ini.
——————————————————————————————————
<style type=”text/css”>
#topbar{
position:absolute;
padding-left:1px;
background-color: transparancy;
width: 160px;
visibility: hidden;
z-index: 100;
}
</style>
<script type=”text/javascript”>
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos=”fromtop” //enter “fromtop” or “frombottom”
function iecompattest(){
return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + “=”
var returnvalue = “”;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(“;”, offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie=”remainclosed=1″
document.getElementById(“topbar”).style.visibility=”hidden”
}
function staticbar(){
barheight=document.getElementById(“topbar”).offsetHeight
var ns = (navigator.appName.indexOf(“Netscape”) != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie(“remainclosed”)==”")
el.style.visibility=”visible”
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+”px”;this.style.top=y+”px”;};
el.x = startX;
if (verticalpos==”fromtop”)
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos==”fromtop”){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY – ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight – barheight: iecompattest().scrollTop + iecompattest().clientHeight – barheight;
ftlObj.y += (pY – startY – ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout(“stayTopLeft()”, 10);
}
ftlObj = ml(“topbar”);
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener(“load”, staticbar, false)
else if (window.attachEvent)
window.attachEvent(“onload”, staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class=”clear”>
</div>
<div id=”topbar”>
<div style=”text-align: left;”>
<a href=”"onclick=”closebar(); return false”><img src=”http://bisnishana.com/wp-content/uploads/2012/04/iklan-melayang.png” /></a></div>
<center>
<div style=”background: #;”>
 <a href=”http://www.tekanini.com/hanakres”><img src=”http://www.blakblakan.com/banners/150x150_v6_animasi.gif” alt=”peluang usaha” border=”0″></a>
</div>
</center>
</div>
——————————————————————————————————
Catatan: Ganti teks warna merah dengan kode iklan Anda. Sebetulnya script di atas bukan hanya untuk iklan PPC, tapi bisa digunakan untuk iklan banner atau fans page facebook Anda, dll.

Posted By RONI RUSMANA18.31