Blogumulus Journal: Java Script

Klik Kanan-View Page Source

Kalo Lela sich.., suka ‘amal’ di di blog yang Lela krasanin atau Lela dapetin hal penting atau apa aja yang Lela mauin. Amalnya ya dengan klik iklannya barang satu-dua gitu, biar ada input buat pemilik blog. Apa sich ruginya beramal gitu aja?! So, makasih.., buat temen-temen Lela yang ‘amal’ di blog Lela, dengan klik iklan yang Lela pasang.

Emm.., balik lagi ke maksud-tujuan disable klik kanan. Itu juga berguna banget buat orang yang pengen nglindungi image atau lokasi image (foto). Jadi ga’ bisa di view image. Kan kalo bisa digituin (di-view image) gampang di-save as ‘n diambil orang. Na, dengan disable klik kanan jadi aman. Tapi dengan satu syarat, image-nya mesti dipasang link. Ya link kemana aja lah yang dimauin. B’coz, kalo ga’ ngelink, klik kiri image aja udah munchul tuh gambarnya ‘n langsung bisa di-save as.

Safe 100 perjuta sich ngga’, setidaknya orang masih akan kerepotan nyari-nyari file dengan buka-buka page-source. Dan.., cuma itu jalan satu-satunya. Link-marquee yang Lela pasang di sini, langsung copy dari view-page source blog Pak guru Jaka Banda. G’ pake ribet nelatenin bikin satu-satu, uhh. Cape dunk..

Itulah yang Lela mauin dengan disable klik kanan di blog Lela. Bukan buat ngrepotin visitor yang tertarik copy artikel atau copy kode link-exchange yang Lela sediain. Karena kalo copy artikel atau kode dalam text-area tuh kan tinggal di-highlight (block) aja yang kita mau, trus pencet keyboard control+c. Beres, tinggal paste (control+v) di manapun. Atau buka menu bar, pilih edit ->copy. Selesai..[.]

Filosofi Disable Klik-Kanan

Dari kecil Lela kudu pake penutup kepala (jilbab), ga’ boleh pake celana (kulot, training dsc), kaos oblong atau busana yang kurang nutupin tubuh lah. Maklum keluarga Lela fanatik! Mungkin karena di lingkungan pendidikan, sampe busanapun mesti diukur dengan label ‘etis’. Na, pas baru kuliah, Lela dibeliin jaket kulit komplit dengan celananya. “Eh, Abah udah berubah haluan ne”, batin Lela.

Taunya ga’ juga, ketika itu Abah bilang biar ga’ kedinginan dan ga’ gampang masuk angin. Coz, Lela kerap pulang malem kalo gi ada tugas kuliah. Pas nonton teve bareng (ada liputan macem-macem kriminalitas, pemerkosaan dll), Abah Lela nyeletuk, “Resiko pakean minim”. Lela jadi mikir..

Oh, ternyata itu tujuan aslinya Abah. Lela jadi ngebayangin orang yang pake busana rapet kayak jaket kulit atau Levis dsc. Pasti orang-orang jahat mikir belipet-lipet mo gangguin. Repot kan dengan pengaman berlapi-lapis. Ada ‘cd’, ruisleting dan kancing baju-celana yang seret, dirantai, pake gembok lagi. Uh..!

Trus, Lela juga suka baca novel. Pernah Lela baca sebuah dialog kira-kira gini, “Gue ga’ suka yang terlalu mudah didapetin, apalagi yang diobral seribu tiga di jalanan!” Rupanya, cowo’ tuh suka tantangan ‘n ngrasa puas kalo suxes dengan jerih payah. Ga’ enjoy dengan yang disamper sekenanya aja dah klepek-klepek bertekuk lutut.

Mungkin kayak gitu tuh perlu juga, itung-itung: UJIAN KESUNGGUHAN. Cuman dengan klik kanan leha-leha kena? Njatuhin martabat, yeach. Na.., pikiran kayak gitu tuh kebawa di blog Lela. Moga aja ga’ ada yang misunderstanding soal ini. Ntar kirain Lela sombong ato kena ‘label’ negatif lainnya. Dan.., terpenting doain Lela selamat ‘n suxes ujian. Makasih..

NB:
Disable Klik-Kanan, pasang kode ini di gadget HTML

Kalo script di atas ga’ mempan (ga’ fungsi), coba di-encode. Ganti tiap kode < dengan & l t ; (tanpa spasi), ganti kode > dengan & g t ; (tanpa spasi). Yang praktis, copy di notepad ‘n replace all. Trus pasang hasil yang udah di-encode tuh. Insyaallah manjur.[]

Print this post
Sincerely,
Padhang Bulan

Biar Lela Ga' Lupa

(Apresiasi Buat Para Suhu dan Master Blog)

Tidak seperti para blogger senior dengan segala keahliannya, Lela cuma "bloggirl" penggemar mereka. Catatan ini Lela buat agar Lela ga’ lupa dan sekaligus sebagai apresiasi tertinggi Lela buat mereka. Lela juga hormat pada seluruh teman2 blogger. Lela pasti "munchul" nemuin siapapun yang berkunjung di sini, walau sebentar. Abis nemuin balik ke dapur, bikin minuman. Kakak Lela galak, Abah Lela fanatik, maunya Lela dibungkus plastik..!(?)

Ah, ga' juga sih, mereka cuma perhatian penuh, khawatir Lela kena "bahaya". Jadi, teman-teman cowo' yang dolan ke rumah Lela pasti konkow-nya bareng kakak atau Abah. Kalau cewe' bebas. Di dunia fantasi kaya' gini juga bebas, siapapun Lela temuin. Bahkan Lela baru bikin status indikator Yahoo. Biar teman-teman yang mau ngajarin Lela apa aja bisa tahu, gi online ato offline. Dengan chatting kan enak, komunikasi langsung dengan teman di belahan bumi manapun!

Emm.., status indikatornya pake gambar sendiri, bukan dari Yahoo. Tuh, di bawah kalau yang nungguin kuching, berarti Lela offline. Kalo yang nungguin orang ngadepin komputer, berarti Lela online.

Teman-teman yang pengen kreatif niru Lela, boleh buat 3 gambar beda-beda;
1. buat status online
2. buat status offline
3. buat unknown status
Simpan di googlepages.com atau apalah. Tapi googlepages sekarang ga' bisa, makanya Lela nebeng di punyaan kakak Lela. Na, setelah itu catat url images masing-masing gambarnya. Terus bawa ke OSI.TECHNO. Ato.., langsung aja replace 3 url images PadhangBulan dengan url Anda, ga' usah ke Osi.Techno lagi, praktis. Replace juga ID Yahoo-nya, beres dech.

Get HTML Status Indicator Yahoo
---------------------
Ne, kode ID PadhangBulan:



<A HREF="ymsgr:sendIM?padhangbulan">
<IMG SRC="http://osi.techno-st.net:8000/yahoo/padhangbulan/onurl=shodiqiel.googlepages.com/StatusOn.jpg/offurl=shodiqiel.googlepages.com/StatusOff.JPG/unknownurl=i465.photobucket.com/albums/rr20/jakabanda/PBMuter.gif"
align="absmiddle" border="0" ALT="Yahoo Online Status Indicator"
onerror="this.onerror=null;this.src='http://i465.photobucket.com/albums/rr20/jakabanda/PBMuter.gif';"></A>

*** * ***

Disable Klik Kanan
---------------------
Berikut ne kode diletakin di bawah <head> atau.., mau cari tahu dulu buat apa sich repot-repot disable klik-kanan? Cari tahu ah..[sini]

<script language=JavaScript>

</script>

*** * ***

Kode Related Posts
------------------
(Menampilkan judul-judul posting yang berkaitan dalam tag/kategori. Gunanya buat memudahkan pembaca menemukan informasi dalam tema yang sama atau berhubungan.)
Sumber: Ocehan Muslim
Letak kode: di bawah <p><data:post.body/></p>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>





<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<div id='Scrapur'>
Widget by <u><a href='http://scrapur.com'>Scrapur</a></u>
</div>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

(Jika, entah kenapa, tuh kode ga' diterima di blog kamu, pake punya kakak Lela di sini)
*** * ***

Kode Print Post
---------------------
(Memudahkan pembaca yang ingin mencetak posting/artikel, tanpa harus copy-paste ke ke MS Word, Notepad atau aplikasi lainnya. Kode ini ga' ditutorkan, tapi saya intip langsung dari View Page Source-nya di: Ocehan Muslim. View Page Source adalah cara mudah untuk ngintip isi blog seseorang, bisa di copy-paste apapun yang menarik minat kita. Para suhu dan master blog, mohon kasih solusi bagaimana cara memprotek blog kita agar ga' bisa dicontek.)

*** * ***

Kode Terjemah Qur'any
---------------------
(Menampilkan terjemahan ayat tertentu, buat tafakur atau apa saja. Atau.., emm.. kalo lagi males ngaji, setidaknya blognya ngaji terus secara online [lho?!])
Sumber: Mahesa Jenar

*** * ***

Link-Accessories Pojok
---------------------
(Membuat link, atau.. sekedar asesoris blog biar elegan. Terutama blog pesolek kayak punyaku ne.. Lela teramat berterima kasih pada Pak Guru Jaka yang ngasih tutorial ini plus buatin logo PB=Padhang Bulan. Pak Guru JakaBanda teramat baik. Cuman.., ruginya ga' tahu ilmunya bikin logo tuh pake apa; Corel, Photoshop atau apa? Na.., makanya ga' boleh keenakan dimanjain, rugi ga' bisa mandiri.)
Sumber: Pak Guru Jaka
Letak kode: di atas ]]></b:skin>

#trik_pojok {
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);}

Trus masukin kode di bawah ne di widget n ganti url blog "PadhangBulan" n url images "PB" dengan milik Anda:

<div id="trik_pojok">
<a href="http://padhangbulan.blogspot.com">
<img border="0" src="http://i465.photobucket.com/albums/rr20/jakabanda/PBMuter.gif"/></a>
</div>
*** * ***

Kode Drop Cap
---------------------
(Bikin hurup buesar di awal post/artikel, biar sedap dipandang mata. Kode di bawah ne saya tambah: margin:0 5px 5px 0; biar ga' nempel di huruf/kalimat lanjutannya. Trus.., background-nya ga' Lela fungsikan, bikin error dengan "//".)
Sumber: Pak Syamsul Bahry dan Info Biznis siapa namanya ya?
Letak kode: di atas ]]></b:skin>

.awal {
float:left;
margin:0 5px 5px 0;
//background:#2500BB;
color: #FF00FB;
line-height:37px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:50px;
}

Kalo posting, yang mau dibesarin hurufnya (misal V) mesti diapit kayak gini:
<span class="awal">V</span>

*** * ***

Tag Cloud Blogumus
---------------------
(Tag cloud yang ini ga' ngabisin ruang. Karena tag/kategori ngrumpel melayang-layang minta disentuh. Duh.., Lela coba berkali-kali pasang kodenya ne, tapi ga' bisa munchul. Lihat tuh kategori Lela berderet vertikal nyita ruangan. Kalo pake tag cloud Blogumus pasti keren. Para suhu, master and siapapun bantuin Lela dunk.. . Kenapa tag itu ga' mau di blog Lela. Apa karena pake Levi's)

Kata Amanda, di bawah kode ini:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Letakkan kode berikut ini:

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "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>

Sumber: Amanda Fazani

*** * ***

Print Halaman Ke PDF
---------------------
(Lela ga' begitu faham buat apa di-PDF-in segala. Lela pasang sekedar lengkap-lengkapin widget blog. Yang ini mesti bikin akun, ngisi data seperlunya.)
Sumber: PDFonline

<center>
<script type="text/javascript">
var authorId = "B960EA4C-99C2-47E9-AC9D-BEAE9C429877";
var pageOrientation = "0";
var topMargin = "0.5";
var bottomMargin = "0.5";
var leftMargin = "0.5";
var rightMargin = "0.5";
</script>
<script src="http://web2.pdfonline.com/pdfonline/pdfonline.js" type="text/javascript">
</script>

<br/>
<a href="http://web2.pdfonline.com/index.asp">Log In</a></center>