Roni Bercerita

cara mengganti closer

noreply@blogger.com (RONI RUSMANA) — Sat, 08 Sep 2012 10:14:00 +0000

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

Pasang Social Network di Blog Dengan Icon Menarik

noreply@blogger.com (RONI RUSMANA) — Sat, 08 Sep 2012 08:27:00 +0000

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

Tutorial Cara Pasang Energy Saving Mode pada Blogger

noreply@blogger.com (RONI RUSMANA) — Sat, 08 Sep 2012 08:07:00 +0000

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:

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

2. Klik “Design”

3. Kemudian klik “Edit HTML”

4. Jangan lupa centang “Expand Widget Template”

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

6. Letakkan script berikut diatas kode </head>

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>

7. Simpan template sobat.

8. Lihat perbedaannya sekarang.

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

noreply@blogger.com (RONI RUSMANA) — Sat, 08 Sep 2012 08:04:00 +0000

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: 55px; font-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.

Cara memasang Iklan melayang layang di Blog

noreply@blogger.com (RONI RUSMANA) — Fri, 07 Sep 2012 12:39:00 +0000

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.

——————————————————————————————————

#topbar{

position:absolute;

padding-left:1px;

background-color: transparancy;

width: 160px;

visibility: hidden;

z-index: 100;

}

</style>

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>

</div>

</center>

</div>

Cara memasang Iklan melayang layang di Blog

noreply@blogger.com (RONI RUSMANA) — Fri, 07 Sep 2012 11:31:00 +0000

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.

Jika Anda tertarik untuk menyimpan iklan melayang di blog Anda silahkan copy script di bawah ini.

——————————————————————————————————

#topbar{

position:absolute;

padding-left:1px;

background-color: transparancy;

width: 160px;

visibility: hidden;

z-index: 100;

}

</style>

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>

</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.

Tata cara membuat Label melayang layang di blog

noreply@blogger.com (RONI RUSMANA) — Fri, 07 Sep 2012 11:21:00 +0000

Salam blogger,selamat pagi sahabat ku semua....Saya dari komunitas kediri akan berbagi ilmu tentang blog,kali ini saya akan mengajarkan cara membuat label berputar-putar di blog,sebener nya sudah banyak sih blog blog yang mempostingan tentang ini,tapi gak papa,siapa tau kalau ada orang yang belum mengerti cara nya membuat label berputar putar di blog,oke sekarang langsung saja kita praktekkan langkah langkah nya.....pertama tama seperti biasa login terlebih dahulu di akun blog kalian.Pilih rancangan/desing dan klik edit HTML lalu lanjut.

Centang Expand Template Widged,untuk menghindari apa bila terjadi ke salahan.

lalu cari kode tersebut:

Untuk Template lama cari kode ini : <b:section class='sidebar' id='sidebar' preferred='yes'>

Untuk Template baru Cari Kode ini: <b:section-contents id='sidebar-right-1'>

Kalau sobat sudah menemukan kode di atas tadi,letakkan kode di bawah ini tepat di bawah kode yg tadi:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a>and<a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Kode yang berwarna hijau adalah lebar widget,sobat bisa menggantinya menurut selera.

Kode yang berwarna Merah adalah tinggi widget.sobat juga bisa menggantinya.

Lalu Klik Save atau Simpan kalau kurang yakin sobat bisa mempratinjau terlebih dahulu.

sekian pembahasan kali ini semoga postingan saya ini bermanfaat buat sobat sobat semua pengunjung blog saya.salam komunitas kediri.

Cara Pasang Anti Klik Kanan di Blog

noreply@blogger.com (RONI RUSMANA) — Fri, 07 Sep 2012 11:19:00 +0000

Sobat, jumpa lagi dengan saya dalam postingan kali ini yang ingin memberikan informasi tentang cara memasang anti klik kanan pada blog. Anti klik kanan ini sangat berguna bagi para sobat yang tidak ingin postingannnya di copas sama orang lain.
Untuk cara pemasangannya di blog sobat, simak dan praktekkan cara di bawah......

1. Log in ke blogger sobat
2. Pergi ke Rancangan>Elemen Laman. Di sana, klik Tambah Gadget, lalu tambahkan HTML/Java Script.
3. Pada kotak konten masukkan kode di bawah:

<script language="JavaScript1.2"> var msgpopup="Blog gue anti klik kanan bro......"; function pmb(){ if(alertVis == "1") alert(message); if(closeWin == "1") self.close(); return false; } function IE() { if (event.button == "2" || event.button == "3"){pmb();} } function NS(e) { if (document.layers || (document.getElementById && !document.all)){ if (e.which == "2" || e.which == "3"){ pmb();} } } document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("alert(msgpopup);return false") </script>

Pada kode berwarna hijau ganti dengan kata-kata sobat sendiri. Tulisan tersebut yang akan muncul ketika ada yang mengklik kanan blog sobat..

4. Klik simpan, dan lihat hasilnya....

Cara Merubah Ukuran Halaman Blog, Blogspot

noreply@blogger.com (RONI RUSMANA) — Wed, 05 Sep 2012 12:27:00 +0000

Umumnya template default yang disediakan blogger, tidak memiliki lebar halaman yang penuh. Jika anda ingin memperlebar ataupun mempersempit halaman posting, sidebar, dll-nya anda tinggal edit kode HTML Silakan bisa anda praktekkan jika anda ingin memperlebar / mempersempit halaman :

Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
Pilih ‘TATA LETAK’
Klik "Edit HTML"
Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas
(gunakan Ctrl + F) Cari kode Yang mirip dibawah ini :

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Silakan edit keterangan ukuran dibawah ini, sesuaikan dengan keinginan anda :

#outer-wrapper --> kode untuk lebar halaman blog.
#main-wrapper --> kode untuk lebar postingan blog
#sidebar-wrapper --> kode untuk lebar sidebar blog.

Semoga Bermanfaat

Cara Pasang Kotak Pencarian / Search pada Blog

noreply@blogger.com (RONI RUSMANA) — Wed, 05 Sep 2012 12:25:00 +0000

otak Pencarian / Search ini mempunyai fungsi supaya pengunjung blog kita lebih mudah memperoleh artikel yang inign dibaca. Mereka hanya mengetikkan kata kunci (keyword) artikel yang dimaksud, dan hasilnya akan ditampilkan artikel-artikel dalam blog kita yang memuat kata kunci yang dicari.

Kotak pencarian ini bisa anda letakkan dimana anda suka misalnya pada sidebar dan lainnya.
Contoh di bawah ini adalah kotak pencarian yang dimaksud :

Langkah-langkah memasang kotak pencarian :

Login ke blog Anda
Pilih Layout/Tata Letak, Elemen Halaman, Add Gadget/Tambah Gadget
Pilih HTML/Javascript
Copy kode di bawah ini, dan paste ke dalam kotak yang disediakan !

<form action="http://xxxxxxxxxxxx.blogspot.com/search" method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti yang berwarna pink dengan alamat url blog anda !
Simpan!, Selesai

Cara Merubah Cursor Blog Blogger

noreply@blogger.com (RONI RUSMANA) — Wed, 05 Sep 2012 12:19:00 +0000

tutorial ini saya bagi menjadi 2, yaitu untuk blogger baru dan lama.

Tutorial Mudah Merubah Cursor Untuk Blogspot Baru

1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode nya yang sudah saya sertakan di bawah
5. Simpan

Tutorial Mudah Merubah Cursor Untuk Blogspot Lama

1. Klik Menu Rancangan / Design

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode yang sudah saya sertakan di bawah
5. Simpan

Kode Cursor Untuk Blogger Yang Harus Di Pasang

Silakan copy dan paste kode berikut:

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJGz1jbtxBuLAlGrb7GNsK7ukffGHm2pxTSpQ9FXTeCtY06Pej97MC4IQ31Sm7C_iLMttA2vFUe-xSGp5i_FsdQjoRDWT84599mX05jLUwtHBbcx03jl2nbBbSO2dhKUq7Ei4oW4WCjaW/s1600/jasablogsitus-web-id.gif"), auto;}
</style>

Catatan:
Silakan rubah tulisan yang saya beri warna Merah dengan url gambar cursor yang kamu suka.
Jika kamu menggunakan semua kode yang saya tuliskan di sini (tanpa mengganti bagian yang saya beri warna Merah) maka cursornya terlihat seperti ini

Update !!!

Agar corsornya berubah secara permanen walaupun diarahkan kelink silakan gunakan kode seperti ini:

body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJGz1jbtxBuLAlGrb7GNsK7ukffGHm2pxTSpQ9FXTeCtY06Pej97MC4IQ31Sm7C_iLMttA2vFUe-xSGp5i_FsdQjoRDWT84599mX05jLUwtHBbcx03jl2nbBbSO2dhKUq7Ei4oW4WCjaW/s1600/jasablogsitus-web-id.gif"), auto;}

body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJGz1jbtxBuLAlGrb7GNsK7ukffGHm2pxTSpQ9FXTeCtY06Pej97MC4IQ31Sm7C_iLMttA2vFUe-xSGp5i_FsdQjoRDWT84599mX05jLUwtHBbcx03jl2nbBbSO2dhKUq7Ei4oW4WCjaW/s1600/jasablogsitus-web-id.gif"), auto;}

</style>

Catatan : Yang harus dirubah sama dengan yang sudah saya tuliskan di atas
Selamat mencoba, dan semoga ini bisa mempermudah teman dalam mengganti cursor blog bloggernya.

Jangan Lupa Klik Tombol Like dan Shareya ... :-)

sumber : http://blog.ahmadrifai.net

CARA MEMBUAT TULISAN BERGERAK DI BLOG

noreply@blogger.com (RONI RUSMANA) — Wed, 05 Sep 2012 12:15:00 +0000

kepingin buat tulisan seperti ini untuk memeprindah dan mempercantik postingannya atau di salah satu bagian halaman blog atau webnya?

TULISAN BOLAK BALIK KIRI KANANTULISAN KANAN KE KIRI

atau variasi lainnya?

Mudah kok sob tongkrongin aja tutorial ini, nih saya kasih script / kodenya.

Untuk Tulisan bolak balik kirikanan seperti diatas pakai ini :

<font face='Arial' color='#000000'><marquee behavior="alternate">TEXT</font></marquee>

Kanan Ke Kiri :
<font face='Arial' color='#000000'><marquee>TEXT</font></marquee>

Kiri Ke Kanan :
<font face='Arial' color='#000000'><marquee direction="right">TEXT</font></marquee>

Ke Atas :
<center><font face='Arial' color='#000000'><marquee direction="up">TEXT</font></marquee></center>

Ke Bawah :
<center><font face='Arial' color='#000000'><marquee direction="down">TEXT</font></marquee></center>

Ke Atas Bawah Atas Bawah :
<center><font face='Arial' color='#000000'><marquee direction="up" behavior="alternate">TEXT</font></marquee></center>

ZigZag :
<font face='Arial' color='#000000'><marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</font></marquee></marquee>

kiri kanan Zigzag :
<font face='Arial' color='#000000'><marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</font></marquee></marquee>

Catatan :

- Arial adalah Jenis huruf, bisa sob ganti dengan yang lain seperti time news roman, monotype corsive, dll

- TEXT bisa diganti dengan kata atau kalimat yang ingin kamu tulis warna dan bergerak tersebut.

- #000000 adalah contoh warna tulisan hitam, jika ingin mengganti silahkan pilih warna seperti yang saya sediakan di bawah. Misal untuk membuat tulisannya berwarna biru, #000000 diganti dengan kode #0000ff

pilihan warna :
-----------------merah : ff0000kuning : ffff00hijau : 00cc00ungu : ff00ffbiru : 0000fforange : ff6600biru muda : 3399ffpink : ff66ff

sumber : http://jackcrausher.blogspot.com

cara membuat widget melayang di blog

noreply@blogger.com (RONI RUSMANA) — Wed, 05 Sep 2012 12:11:00 +0000

Cara membuat widget / gambar bergerak di pojok sangat mudah
Berikut Caranya :

Login blog anda
Masuk ke rancangan
Edit HTML jangan lupa centang expand template widget
Cari kode ]]></b:skin>
Lalu copy kode di bawah ini dan letakkan diatas kode ]]></b:skin>

#melayang {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Tulisan yang berwarna merah dan tebal diatas itu adalah posisi widgetnyabottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganting dengan right

Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum Code </body>

Teks warna biru bisa anda ganti dengan link di bawah ini

http://i548.photobucket.com/albums/ii321/ayasofia/MariposaanimadoT68i.gif

http://i548.photobucket.com/albums/ii321/ayasofia/cat_5.gif

http://i548.photobucket.com/albums/ii321/ayasofia/silahkan.gif

http://i548.photobucket.com/albums/ii321/ayasofia/DRUIDD.gif

http://i548.photobucket.com/albums/ii321/ayasofia/vf.gif

http://i996.photobucket.com/albums/af83/uzumaki_sanras/naruto_vs_sasuke.gif

http://i892.photobucket.com/albums/ac124/puppygirl277/naruto-vs-sasuke.gif

sumber : jackcrausher.blogspot.com

Cara mengubah Newer Post/Older Post menjadi halaman angka

noreply@blogger.com (RONI RUSMANA) — Wed, 05 Sep 2012 12:07:00 +0000

Caranya :
1. Login ke Bloggermu
2. Klik Rancangan > Edit HTML
3. Cari kode ]]></b:skin> Kemudian Copy dan paste kode CSS berikut tepat diatas kode ]]></b:skin>

/* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}

4. Cari kode </body> kemudian Copy dan paste kode dibawah ini tepat diatas kode </body>

<script type='text/javascript'>

var pageCount=4;

var displayPageNum=4;

var upPageWord ='« ';
var downPageWord =' »';
</script>
<script src='http://u-sup.googlecode.com/files/page_num.js' type='text/javascript'/>


Catatan :

Perhatikan bahwa pada kode yang ditulis warna merah itu dapat anda sesuaikan dengan keingin anda. Kode tersebut yang menentukan berapa jumlah posting yang akan ditampilkan pada setiap halamannya, contoh saya akan menampilkan 10 Posting dan 5 tombol angka navigasi berarti kode saya sebagai berikut :

var pageCount=10;

var displayPageNum=5;

Dan untuk merubah Tampilan silahkan rubah kode CSSnya sesuai dengan selera anda, jikamerasa tampilannya kurang cantik menurut anda!

Cara Membuat Read More Otomatis

noreply@blogger.com (RONI RUSMANA) — Wed, 05 Sep 2012 12:06:00 +0000

Cara Membuat Readmore Otomatis. Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik.

Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

KEDUA, cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template
Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

Cara Memasang MP3 di Blog

noreply@blogger.com (RONI RUSMANA) — Wed, 05 Sep 2012 11:57:00 +0000

Beberapa waktu lalu iseng-iseng nempatin player MP3 di blog, jadi begitu blog dibuka sama pengunjung lagu MP3 yang dipasang langsung kedengeran. Sebenarnya banyak cara buat memasang MP3 di blog misalnya dengan menginstallkan plugins wordpress, namun cara ini kurang efesien karena bisa membebani space hosting blog.Tapi nggak usah kuatir kita bisa tetap memasang MP3 di blog tampa harus membebani space hosting yang tersedia, caranya dengan menggunakan Dropbox dan Boomp3. Langkah-langkah yang harus dilakukan untuk memasang MP3 di blog adalah :

Daftar dan upload MP3 File di Dropbox

Buka web Dropbox dan daftarkan account Anda disana, untuk yang belum tahu gimana cara buat account baru di Dropbox silahkan lihat postingan saya sebelumnya
Setelah memiliki account di Dropbox selanjutnya login ke account Dropbox Anda
Klik tab Files pada account Dropbox Anda, lalu klik folder Public

Klik Upload untuk mengupload file MP3 yang ingin anda pasang di blog Anda
Klik Choose File lalu cari file yang ingin di upload ke Public folder Dropbox dan klik Open

Sebagai contoh saya ingin memasang lagunya Padi – Kasih tak sampai di Blog saya

Klik Start upload dan tunggu proses upload berjalan hingga selesai

Klik panah dropdown dari file MP3 yang sudah diupload dan klik Copy public link

Klik Copy to clipboard

Membuat Player dan Link MP3 di Boomp3

Buka Boomp3

Klik Login with Facebook

Lalu isikan email dan password account facebook Anda

Klik Log In
Muncul tampilan berikut dan pastekan link file MP3 yang sudah anda upload di Public folder Dropbox sebelumnya

Klik Save
Klik di kolom Embed in your blog, selanjutnya cek list Autoplay (gunanya agar MP3 otomatis dimainkan ketika pengunjung membuka blog Anda) dan ceklist Loop (gunanya agar MP3 secara otomatis akan diputar ulang begitu selesai dimainkan)

Copykan Embed yang sudah dibuat Boomp3 sebagai contoh punya saya

“<object style=”vertical-align: middle;” valign=”middle” width=”200″ height=”20″><param name=”movie” value=”http://static.boomp3.com/player2.swf?id=4yduxv0yvtg&loop=1&autoplay=1&title=padi+-+Kasih+tak+sampai”></param><param name=”allowFullScreen” value=”false”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://static.boomp3.com/player2.swf?id=4yduxv0yvtg&loop=1&autoplay=1&title=padi+-+Kasih+tak+sampai” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”false” width=”200″ height=”20″ wmode=”transparent”></embed></object>”

Menambahkan Widget Pemutar MP3 di Blog

Login ke WordPress account Anda
Klik Appearance dan klik Widdgets

Akan muncul tampilan Widget WordPress blog Anda

Klik dan drag widget text ke sidebar blog Anda

Copykan Embed code Boomp3 ke widget text tersebut

Klik Save
Anda dapat menyesuaikan lebar dan tinggi playernya sesuai dengan lebar dari sidebar dari theme blog yang Anda pakai, caranya dengan merubah Width dan Heightnya, selain itu jika Anda tidak ingin playernya memainkan lagu berulang-ulang makan pada loop anda dapat rubah menjadi angkanya dari 1 ke 0

Untuk melihat hasilnya silahkan preview blog Anda

Mudahkan…………. blog lebih ciamik dengan pemutar musik didalamnya …….
Oh ya jangan lupa untuk logout dari Account Dropbox dan Boomp3 Anda

Trik di atas sudah saya coba di blog saya kupihitam.com dan berhasil sedangkan untuk blog yang belom berdomain dan beli hosting trik di atas belom dapat di implementasikan. Buat sobat yang blognya masih ada embel-embel wordpress.com diujungnya lakukan trik berikut untuk menambah MP3 di blog :

Setelah mengupload File MP3 di Dropbox kemudian copy linknya sebagai contoh punya saya “http://dl.dropbox.com/u/44453670/padi%20-%20Kasih%20tak%20sampai.mp3“
Login ke account WordPress Anda
Klik Appearance dan klik Widdgets
Klik dan drag widget text ke sidebar blog Anda
Lalu ketikkan kode berikut, untuk width dapat dirubah sesuai dengan lebar theme yang digunakan sedangkan loop dapat diganti dengan yes jika ingin otomatis memutar ulang MP3nya dan untuk animation bisa diganti yes jika tidak ingin player audionya tetap terbuka.

Klik Save

Cara membuat kategori (label) pada blog

noreply@blogger.com (RONI RUSMANA) — Wed, 05 Sep 2012 11:27:00 +0000

Menanggapi beberapa pertanyaan dari para sobat yang di ajukan baik melalui shoutbox, kotak komentar dan bahkan ada yang melalui yahoo messenger menyoal tentang bagaimana cara membuat kategori dari artiekl-artikel yang telah di posting. Memang betul, tentu dengan adanya pengkategorian atau pengelompokan artikel yang telah di posting oleh pemilik blog dapat lebih mempermudah bagi para pembaca untuk memilih artikel mana yang ingin dibaca.

Di blogger.com fasilitas ini sebenarnya sudah di sediakan, akan tetapi walaupun fasilitas tersebut telah tersedia tentu saja jika kita tidak mengetahui cara menggunakannya akan menjadi tidak berguna. Untuk membuat kategori, di blogger.com di kenal dengan istilah Label. Dengan adanya fasilitas ini kita sebagai pemilik blog hanya tinggal mengisi kotak label yang di sedikan pada setiap posting artikel, sangat simpel dan sederhana.

Agar tidak membingungkan, silahkan sobat lihat pada akhir postingan artikel ini. Disana ada tulisan seperti ini : Labels : Blog tutorial, membuat label. Nah berarti postingan ini termasuk ke dalam dua kategori, yaitu kategori Blog tutorial dan kategori membuat label. Untuk melihat fungsi dari label ini silahkan sobat klik label yang bertuliskan Blog tutorial, maka secara otomatis seluruh postingan yang saya beri label Blog tutorial akan di tampilkan dan siap untuk di baca oleh pengunjung.

Bagaimana cara membuat label?

Untuk membuat sebuah kategori atau label, sobat hanya tinggal mengisi kotak kosong di samping tulisan Label untuk postingan ini : (karena sekarang blogger sudah ada yang berbahasa indonesia) yang berada di bawah kotak tempat membuat artikel. Isi kotak tersebut dengan kategori yang kira-kiracocok untuk postingan yang kita buat. Contoh : liburan musim dingin. Satu postingan tidak hanya terpatok hanya pada satu kategori saja, akan tetapi satu postingan bisa mempunyai beberapa kategori. untuk membuatnya tinggal di pisahkan dengan tanda koma ( , )saja, misal untuk postingan artikel blog ini ada yang ber label Blog tutorial, blog tools, aksesori blog, karena postingan tersebut memang cocok dan masuk kedalam ketiga kategori tersebut.

Apakah kategori (label) bisa di tampilkan di sidebar?

Untuk sobat para pengguna template baru, Label (kategori) bisa di tampilkan di sidebar, dan biasanya element label ini sudah tersedia ketika baru memasang template. Jika element label belum tersidia, sobat bisa membuatnya sendiri, silahkan ikuti langkah - langkah berikut ini :

Sig in di blogger dengan id sobat
Klik menu Layout
Klik menu Elemen Halaman
Klik tulisan Tambahkan sebuah Elemen Halaman
Klik tombol yang bertuliskan TAMBAHKAN KE BLOG yang berada di bawah tulisan Label
Tulisan Labels di samping tulisan Judul bisa sobat rubah menjadi Kategori jika sobat mau merubahnya
Pilih radio button yang sobat inginkan di samping tulisan Menyortir, Alfabetik : jika kategori ingin di tampilkan sesuai dengan abjad alfabetik ( dari A --> Z ), Berdasarkan Frekuensi : jika kategori ingin ditampilkan sesuai dengan banyaknya label (kategori)
Klik tombol yang bertuliskan SIMPAN PERUBAHAN
Selesai.

Sangat mudah bukan?

Sedikit pengumumam, karena blogger sekarang sudah ada yang berbahasa indonesia, maka mulai sekarang dalam memandu mengikuti dengan memakai yang berbahasa indonesia.

Selamat mencoba !

Cara Memberi Efek Suara di Blog

noreply@blogger.com (RONI RUSMANA) — Wed, 05 Sep 2012 10:35:00 +0000

Kali ini Hengki sharing tentang cara memberikan sound efek atau efek suara pada blog, tentunya ini akan memberi ciri khas tersendiri pada blog kita. untuk masalah loading anda jangan takut.menurut saya ini tidak berpangaruh besar pada blog kita.

Untuk memberi efek suara di blog caranya cukup mudah ikuti langkah-langkah Klik di bawah ini

Membuat judul posting berkedip

noreply@blogger.com (RONI RUSMANA) — Tue, 04 Sep 2012 10:18:00 +0000

Membuat judul posting berkedip >> Membuat Judul Post Berkedip, meskipun tutorial ini sudah termasuk informasi lama namun cukup bermanfaat untuk pengoptimalan tampilan blog sobat. Mengapa demikian ? Ya, sebab dengan menampilkan judul post yang berkedip sudah tentu akan menarik perhatian pengunjung blog sobat serta memberikan sedikit warna seni yang berbeda pada tempate sobat. Mungkin diantara sobat lainnya ada juga yang sudah lebih dahulu lebih tahu tentang membuat Link teks berkedip ini.

Jika diantara sobat masih ada yang belum tahu tentang cara membuat Link teks berkedip ini, caranya seperti contoh dibawah:

<blink> LINK SOBAT </blink>
Contoh seperti :
<blink><a href="http:URL SOBAT.com/">NAMA LINK</a></blink>

OK, selanjutnya postingan ini akan berisikan artikel tentag Cara Pasang Judul Post Berkedip.

Caranya seperti berikut:
1. Login ke blog sobat
2. Kemudian Pilih Rancangan
3. Klik Edit HTML
4. Download Template (backup selalu template sobat)
5. Kemudian Centangkan "(Expand Widget)"
6. Cari kode seperti berikut::

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

7. Kemudian ganti dengan Kode di bawah ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><blink><data:post.title/></blink></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

8. Klik Simpan Template
9. Selesai.

Selamat ngeblog sobat !

Tulisan Berjalan Di Buku Tamu CBOX

noreply@blogger.com (RONI RUSMANA) — Tue, 04 Sep 2012 10:15:00 +0000

Sedikit berbagi pengalaman pribadi lagi nih sob,, heheheheee,,,

pada saat melihat teman-teman blogger menulis di biku tamu CBOX saya kok bisa bergerak-gerak,, sedikit rasa penasaran dan mencoba dengan kode HTML,, tapi ternyata salah,, hehehe,, jadi malu nih sob,, maklumlah masih pemula,, dan akhirnya saya cari di mbah google dan akhinya ketemu juga nih,, setelah saya coba ternyata berhasil juga,, belajar dari kesalahan memang sangat bermanfaat walaupun agak malu juga ya sob,,

Nah bagi sobat yang belum tahu bagaimana caranya biar tidak salah kayak saya disini saya berbagi sedikit ilmu. Diantaranya membuat tulisan berjalan, Berwarna, bergaris bawah, tebal dan lain sebagainya.

Nah langsung saja kita bahas, untuk membuat tulisan pada CBOX lebih terlihat menarik silahkan ikuti langkah langkah berikut :

1. Membuat Teks Berjalan di CBOX
   Apit kata-kata yang ingin dibuat berjalan dengan [scroll] dan [/scroll]
   Contoh: [scroll] Salam kenal [/scroll] hasilnya

Salam kenal

2. Membuat Teks Berukuran Besar
   Apit kata-kata yang ingin dicetak besar dengan [big] dan [/big]
   Contoh: [big] Salam kenal [/big] hasilnya adalah Salam kenal

3. Membuat Teks Miring
   Apit kata-kata yang ingin dicetak miring dengan [i] dan [/i]
   Contoh: [i] Salam kenal [/i] hasilnya Salam kenal

4. Membuat Teks Tebal
   Apit kata-kata yang ingin dicetak tebal dengan [b] dan [/b]
   Contoh: [b] Salam kenal [/b] hasilnya adalah Salam kenal

5. Membuat Teks Bergaris Bawah
   Apit kata-kata yang ingin digaris bawah dengan [u] dan [/u]
   Contoh: [u ]Salam kenal [/u] hasilnya adalah Salam kenal

6. Membuat Teks Bergaris Tengah
   Apit kata-kata yang ingin di garis tengah atau dicoret dengan [s] dan [/s]
   Contoh: [s] Salam kenal [/s] hasilnya adalah ~~Salam kenal~~

7. Membuat Tulisan Berukuran Kecil
   Apit kata-kata yang ingin dicetak kecil dengan [small] dan [/small]
   Contoh: [small] Salam kenal [/small] dan hasilnya adalah Salam kenal

8. Cara Membuat Tulisan Rata Tengah (Center)
   Apit kata-kata yang ingin dibuat rata tengah dengan [center] dan [/center]
   Contoh: [center] Salam kenal [/center]

9. Membuat Tulisan Berwarna
   Apit kata-kata yang ingin diberi warna dengan [color=warna] dan [/color]
   Contoh: [color=red] Salam kenal [/color] maka hasilnya adalah Salam kenal

10. Cara Membuat Teks yang Ber Link
   Apit kata-kata yang ingin diberi link dengan [url=alamaURL] dan [/url]
   Contoh: [url=http://zuazz.blogspot.com/] Zuaz'Z [/url] maka hasilnya adalah Zuaz'Z

Selamat mencoba ya sob,,

Cara Membuat Efek Lipatan Kertas Blog

noreply@blogger.com (RONI RUSMANA) — Tue, 04 Sep 2012 10:08:00 +0000

Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah pemula,, heheheheee,,,,

Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,, ]

bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:

1. Silahkan Login ke akun blogger sobat.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget

4. Kemudian cari kode berikut </body>

5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode </body>

<script type='text/javascript'>var tujuan ='http://Alamat Url Feeds Sobat'</script>

<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

Keterangan:

Kode warna hijau: ganti dengan URL Feeds sobat
Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.

Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.

1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.

2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:

http://petir-project.googlecode.com/files/fedkcl.png

(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)

3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:

http://petir-project.googlecode.com/files/feed.png

4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.

Selamat mencoba ya sobat,,