Jumat

iFrame “Auto Height” dengan Jquery



Dalam tag tidak berlaku untuk elemen style=”height:100%” melainkan yang bisa berlaku hanya style=”width:100%”. Untuk membuatnya menjadi auto height 100% bisa menggunakan jQuery Jadi berapapun ukuran iframe akan tetap menyesuaikan secara otomatis, sehingga seolah-seolah tidak memakai iframe.



Caranya :

- masukkan jQuery library, terserah pakai yang versi keberapa

<script type="text/javascript" src="jquery-1.6.2.js"></script>



- masukkan jQuery buat auto height iframe

<script type="text/javascript" src="https://raw.github.com/house9/jquery-iframe-auto-height/master/release/jquery.iframe-auto-height.js"></script>



- masukkan script iframe, untuk jQuery ini akan otomatis mendeteksi semua iframe menjadi auto height

<iframe src="iframe.html" width="100%" scrolling="no" frameborder="0"></iframe>





- masukkan fungsi javascript iframe autoheight

<script type="text/javascript">
jQuery('iframe').iframeAutoHeight();
</script>




- Simpan dan lihat hasilnya



Download Script Lengkap



Source Script : https://github.com/house9/jquery-iframe-auto-height






ninjawords.com





Ninja Word
















NinjaWord 


Word_BlogNinja






XAMPP | Free Development software downloads at SourceForge.net



XAMPP is a very easy to install Apache Distribution for Linux,
Solaris, Windows and Mac OS X. The package includes the Apache web
server, MySQL, PHP, Perl, a FTP server and phpMyAdmin. >>XAMPP Web Site <<










 Features

Apache

MySQL

PHP

Perl

and many more...



Additional Details

Last Updated 2013-08-29

Registered 2002-09-04

Maintainers bitnami , koswalds , kvogelgesang

License GNU General Public License version 2.0 (GPLv2)

Categories Database Engines/Servers, Dynamic Content, HTTP Servers, Site Management

User Interface Non-interactive (Daemon), Web-based, Win32 (MS Windows)

Languages English, German

Intended Audience Developers, Education, Information Technology, System Administrators

Programming Language PHP, Perl








Files

























































































Name Modified Size Downloads Status
Totals: 9 Items




XAMPP Windows
2013-07-18

 51,325,221 downloads



XAMPP Mac OS X
2013-07-18

 1,830,480 downloads



XAMPP Linux
2013-07-18

 5,156,788 downloads



BETAS
2013-06-11

 1,282,033 downloads



XAMPP Solaris
2011-09-20

 91,751 downloads



Windows add-ons
2009-08-10

 1,652,038 downloads



Linux add-ons
2003-08-08

 24,683 downloads



LAMPP
2003-07-11

 78,753 downloads



WAMPP
2003-06-06
 78,753 downloads









JS Quicktags : alexking.org


JS Quicktags


I’ve released the JavaScript Quicktags used in Tasks Pro™, Tasks and WordPress under the LGPL license.

This is a set of buttons that allow you to insert HTML tags into a content area. The tags are cursor aware – placed around a selection or at the cursor position. This is also an example of how to get the cursor position with JavaScript.


Example Page


A sample insertAtCursor function:


function insertAtCursor(myField, myValue) {
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
} else {
myField.value += myValue;
}
}

// calling the function

insertAtCursor(document.formName.fieldName, 'this value');









JS Quicktags : alexking.org: JS Quicktags






Online HTML Editor Simple




Online HTML Editor: Real time online with preview



















Credits


Thanks to Alex King for making JS Quicktags and releasing it under LGPL and thanks to Jesse Ruderman for having made the javascript for live edits.



Jim Westergren made this web site, primary for use with Clesto.com.








Online HTML Editor

Here you can write and see HTML in action.

Start your own web site in 5 minutes at www.n.nu.

N.nu Logo
Make your own website:
https://.n.nu











Kamis

CARA MUDAH BANGKITKAN KHODAM DALAM DIRI KITA

Ini adalah cara yang praktis untuk membangkitkan khodam dalam diri kita, kalo sudah berhasil bisa berguna untuk kehidupan kita sesama umat manusia.

Caranya : Silahkan 
  • Puasa 1 hari dihari kamis tapi pada waktu bukanya jangan makan yg bernyawa seperti Ikan, Daging dan telor Dll.
  • Niat puasanya : Nawaitu shoma ghodin liqodoi hajati sunatan lillahi ta’ala
  • setelah puasa pada malam jumatnya jam 12 malemnya mandi besar, trus 
  • pake wangi-wangian yg non alkohol. 
  • Menyepi disebuah ruanagn yang sunyi dan tidak ada orang lain serta suara gaduh disana.
Dalam Kamar tersebut kerjakan sholat hajat 2 rakaat, selesai solat duduk bersila, Hadiahkan Surat Alfatihah ke nabi muhammad SAW, 4 malaikat, 4 sahabat nabi, & syeh abdul qodir al jaelani.

Selanjutnya Baca :
ASSALAMMUALAIKUM YA KHODAMUL MINAL BADANI 21X
( hadir – hadir – hadir ) sambil memukul lantai.
Baca : Yaa bathin 1000x (dibaca pelan dan dalam hati aja)
Kalo memang berhasil ditubuh kita ada khodamnya nanti dia akan datang, kalo sudah datang kita ucapin salam. Terus komunikasi, jangan lupa tanyain cara pemanggilan cepat.

kalo misalkan tidak muncul juga baca :
SYAMHAHIRIN SYAMKHOHIRIN 1000X
kalo sudah datang jangan lupa salam sama tanya cara pemanggilan cepat.

Ini harus dilakukan ditempat yg gelap jadi kamar kita tidk boleh ada cahaya yg masuk.
oya sebelum sholat kita pager diri dulu bacain ayat kursi sambil tahan nafas “ditembakin” ke kiri, kanan, depan, belakang, jadi lo 4x baca ayat kursinya, masing-masing arah 1x. Semoga berguna @@@ 
Ki Syarkowi  syarkowi@gmail.com

AJIAN SENGGORO MACAN

Ini adalah ajian pelengkap berbagai ajian kesaktian yang dimiliki oleh kalangan pendekar. Ajian ini tidak akan dikeluarkan bila kita tidak terdesak dan tidak dalam kondisi sangat terpaksa.
Sebab bila ajian ini dikeluarkan, maka dengan sekali gertakan maka nyali lawan akan langsung ciut, bertekuk lutut tidak berdaya. Apapun yang kita perintahkan padanya akan menurut seperti kerbau yang sudah dicocok hidungnya.

Mantranya sebagai berikut:

ONO KEDHAWANG MIBER ING TAWANG AWANG AWANG, MACAN SEWU ING MRIPATKU, MACAN PUTIH ING DHADHAKU, GELAP NGAMPAR SUWARAKU, DURGO MENDHAK KOLO MENDHAK TEKO KEDHEP TEKO WEDI, TEKO ASIH MUNGSUHKU, KODHENG MADHEP MANUT SAKAREPKU, SOKO KERSANING ALLAH.

Syarat Laku:
Untuk memiliki ajian ini, syaratnya adalah 
-Puasa mutih 3 hari 3 malam dan 
-Patigeni semalam. 
-Puasa dimulai pada hari Jum’at Pahing. 
Untuk matek aji caranya mudah: baca mantra tersebut diucapkan dalam hati. 

@wongalus,2009

Minggu

Add Facemoods Emoticons To Your Blogger Comments


Here are some amazingly funny emoticons compatible with your Blogger
comments - also with threaded commenting system! If you want to know how
to add them, just follow the next steps:






emoticons, smileys, blogger, tricks




Step 1.



Go to Dashboard - Template - Edit HTML - Proceed







...and select Expand Widget Template (don't forget to make a backup)





Step 2. Search (using CTRL + F) for this code:




  • For previous commenting system: 



<h4 id='comment-post-message'><data:postCommentMsg/></h4>


  • For threaded comments:



<div class='post-footer-line post-footer-line-3'>



Step 3. Add the below code just above it



(for threaded comments, add the code after):




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

<div style=' width: 450px; text-align: left; border: 1px dashed
#0084ce; background: transparent; padding: 10px; color:#000000;
font-weight:bold; '>

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkA0MwWddTTRdT0A5VJkAmIv9dTj0agaX_VWI4PBY3-lJanHTg1SqzDG-K51sAvoChOxv0RIm-QS8IuoiTdhA4-krrc2bswTKlun-Jfaws7wMWdYHeuA1h1izbK5X5VX2_9MyqT_qD4H04/s1600/helplogger.blogspot.com(1).gif'/>
:a

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxxDhizRNrVX_KpzHx7QXNa84at1woqNhh89yf8zNKPbd78rKqDyEW6Omk6fcgOXiuE8v0wDH7Lp6mU9BnCNW6X8dj1y8u3Ni_CcWDZ7-cZR-VudPQkwfX-MmssrbdOSOGae_d1fnpPCnW/s1600/helplogger.blogspot.com+(2).gif'/>
:b

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG3_TgIOtFjNQEbrcasVFQnUtQbq9VHa2jxViNIDSP8KrNQwNdPA7Y5HjoINvagj-_p7A-1js28btDwI6zGTOvM9nnvHxu7ml-xsDtFsrkmHB2CBALL_2p0oiKkofriJXhqji6cEm2EarT/s1600/helplogger.blogspot.com(3).gif'/>
:c

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbbxwx-iZiYtyXIOrdcX56RAPbgz4w9-Jwiky5GQyFRL9QFULYp7NAtbVPSzxN5UhUAazn3wYyeQvnM18af3ZjUGPpsyrtc7sBgXZCGG7aYAY846J_yLfX0RQa1hVnNw0LhGUBwIyZG2l5/s1600/helplogger.blogspot.com(4).gif'/>
:d

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXyVCnwnhZcgmLbCPfhs3hzPP4LdPaDiVu-lI54wBEY_-q_D-_eRZa9xIAOnuhW4D_eTPoYYjUM9jhn8U-hBq2FL5Fh4sAldR_uBmXlDeH4fUgvq5BCYCzzkRRDX3UOaFkVMnVks7VfNjw/s1600/helplogger.blogspot.com(5).gif'/>
:e

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioEtVe2PsUtyFbw5gCfS6FyVcF-TA_Fn4FOfsrCuzAeLPZCj3uBiK8Kt8zImgH4lG-yfFjowLFepuekC7eyCq84rflymfZH51rtOPVdLwkuobHg4-C3MjVZO3EdNmmB7aOHMfNSvxIMXoN/s1600/helplogger.blogspot.com(6).gif'/>
:f

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeS9KJtoqsShlGboxe7teI_5GOSroI-G6dlt36r_hYFybSDUhyphenhyphendEFo633RGu-rny1rnEw4kZsILjGkhq0XmnTqQIiCD3CPvMqka_xa-mSHHK90J8pB2uJ6uMh6jpC7N3KKnKLQn31mn0So/s1600/helplogger.blogspot.com(7).gif'/>
:g

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUSn5W_SUnjv5HQwkyHSHCYSkyonjE5Lx07p7r7-b3fDkkJ_ebgRdLqClajaPXr2vEz0gzGc7WEGS6Tlug_jl-uviLQzaRkYb71bUKGCKTt_-Hoyk6npQsHNNduTzMU7x1MzjYzXmY2fn/s1600/helplogger.blogspot.com(8).gif'/>
:h

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjieaJcdn6u-46ppZow0MAcppfo8XNf9RFN0mD6fiYPwSbnazOXR0SXIzEv8R_zwr4nIMTghE210FuAZsig0MlAKwA9uZpdSb4sx2bGRCm7MJydTa9IqA4Z3Opu65b28z3zNfIaHHmWAzC8/s1600/helplogger.blogspot.com(9).gif'/>
:i

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRVuIDnxoBV6pyydhCV698oH76oLDcwzRWKUkoDsPrA9kUVzf1zdgy-hRmLOeNvDdkAUsQy0aDhcQ7yK0NZciqHXiKEoos5L8jRIKpJdg1O7tzdMiyplPUvJdEeV97NsJ36HhdPlHIwW5h/s1600/helplogger.blogspot.com(10).gif'/>
:j

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3kfSmp8v6ex9r7KUoF1QMj-ajqN5wlzJeUwHE27UqqjZDna47L73qYzBhxWhF6PMEScKOkX7Rm6eGa4d25qykuoTKGYoNsnNHFn365jnDjNHBrusKq8TaL8lT4sq1HjodEQu-LaVP0UIu/s1600/helplogger.blogspot.com(11).gif'/>
:k

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyQr2lOmQtixAcVNvQDlA8_AKdAU1pCao6Ad8Kv2ymk3Ms8TeVC34xWy0EyQ6iBWnVKsOfyvr1zZkR35tvTk04roc4bXf93mir3WSpzV616BqbLrr4k0tu3dsAdnZ7MFI5ccSYF0uizLbd/s1600/helplogger.blogspot.com(12).gif'/>
:l

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3nLfMxr7HV-ZU7tIrf0wV-VXKk7jLJwbhK1-3qeFm9YDXutm9j_uaIB_98t1ohXgIcdC1rSayRSgzhs61BSzTR72cODLYDYInTI4kOi92b6LhjcBhjk1c1E-1eCAP7ngQdiOZPj9pHXT1/s1600/helplogger.blogspot.com(13).gif'/>
:m

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyiFjZfo6ozejTJ6Fc4CaHiuImm6Nx-5COWPyhygmMeCEiwgVeouox8k3Q3pM5sq97X_CRhtMDJq8xkFVdC_A4rHNWKmHyIEz3sG9ti-yFBBB6zBW5p935vhzfLUInK4fZd9Ra12j8f5VE/s1600/helplogger.blogspot.com(15).gif'/>
:n

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcN6xUU-V_zYxaVn0SSowvQokr7HDFcSHMSskl3xLhT_mn6GbgeiCbAGbmMNh48qXf0Tt4olVFvaPf_QQAdTcXaunpSkgyuZ3bxrZ5hPqjBDasWbMDhPliNZhWz96RnE6g_dm4KfRp3hb/s1600/helplogger.blogspot.com(16).gif'/>
:o

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgspnGUc_3i7yJEGbe8pTGxl4PbXI3FSV8TxB4ERiabQXj9ADqk1qRP7E2o8ajEohyFpBFoOX0FlNQomME_G_eXLicO_ENYZn4JijUp08M9C5zC1Evw8VDOI26vY6vhjo_oJnzKX9y59aTH/s1600/helplogger.blogspot.com(14).gif'/>
:p

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hIQiCdL-SmBNZYzjQJC_D3eWDCQJQ2S-ugAx8nCDXOW-Geh-ytuanHEktOrdKJdXyqsnxWW8Q4pBmKfeAxes-iFmp3Fq3wJPDrU_OD6bSD_ZFIU6W8_oD59sL1Ju98y3fUrr79dxo1tH/s1600/helplogger.blogspot.com(17).gif'/>
:q

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglTmBJhOS_-bkLmWALvxyie5lfKf0_-tzdkYZMctA9JMVPtSJ8NMyqmMp-EDGGqwbAHBPid2DpZodBaqZkZJ2wjf_6WvUn7uXadRNQwNCGlyRSjz6vvEsxPUQCJEdM7WTr4wGLQqIZ5uAc/s1600/helplogger.blogspot.com(18).gif'/>
:r

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH6n0se-cxP9CEUBCESdstUf3_g0y9fyHFV18z0A4mHme5Bez8C6YS_KFgjE3qgu5fDDPT6D-8VPme8k4n1BzU4SToDb9c-3fO5jyVqcAAkssyFbKV2h_pDmXU2Hixk8G_sw8HJkhhYbXI/s1600/helplogger.blogspot.com(19).gif'/>
:s

&#160;

<img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicmHxVL9G3hCtSIgQBeo7EQ2rJ70ygGj930AEz5SiRmyGVOgNiC-Dno7GGZ0Jv8bjv4FG-RquJFzX_c8MPcF5-jcGjVKs5jz-FsugRX8W6heNhufUBtLQ0VhfNHYbPLykmnTDoSOiCfTGJ/s1600/helplogger.blogspot.com(20).gif'/>
:t   <a
href='http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html'
style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to
Blogger + </a>

</div></b:if>



Step 4. Now search for this piece of code:




</body>



Step 5. And add the following code immediately above it:




  • For previous commenting system:



<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js"/>


  • For threaded comments: 



<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/>



Step 6. Save the Template. Now, enjoy your comments!




Recent Posts Widget with Thumbnails for Blogger/Blogspot


A few days ago, I've posted a tutorial about How To Add A Simple Recent Posts Widget
but today I want to present to you a very nice Recent Posts widget that
comes along with posts thumbnails and post summary as well. If you want
to know how to add this Recent Posts widget/gadget to your Blogger
blog, then follow the steps below:




recent posts, blogger widgets



How to Add the Recent Posts Widget to Blogger



Step 1. Go To Blogger > Layout and click on "Add a Gadget" link







Step 2. From the pop-up window, scroll down and choose HTML/JavaScript







Step 3. Paste inside the empty box, the following code:




<div class="eggTray">

<script
src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"YOUR-BLOG/SITE-URL/feeds/posts/default"},

"hideHeader":"false","height":"500","count": 8 }</script>

<div style="font-family: arial, sans-serif; font-size: 9px;"
class="ycdr"><a
href="http://helplogger.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html"
target="_blank" title="Grab this widget">Recent Posts
Thumbnails</a> <a href="http://helplogger.blogspot.com/"
target="_blank">Blogger
Widget</a></div><noscript>Your browser does not
support JavaScript!</noscript></div>

<style type=text/css>

.eggTray {margin:10px 0px;padding:0px;}

.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}

.pipesTitle {padding-top:0px;}

.pipesDescription {display:true;}

.ycdr {background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMawMI2YoOJVrEbo_5RhChGOg5je9ecE-XebMLdotRkff_ehLPeZzwBVDKfnah9fngHhiIkbjFT_W_m1IbRexcQhyphenhyphen3zxe0fKDfvcvPN4REmQduQ8F6RPsKy6AYqzINjZi7ppZ9sx6RUWw/s1600/logo.png)
0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px
0px 0px 0px;line-height:14px;}

.ycdr, .ycdr a {color:#999999;}

.widget .popular-posts ul {padding-left:0;}

</style>



Step 4. Change YOUR-BLOG/SITE-URL with the url address of your site/blog (ex: http://helplogger.blogspot.com) and look to have no forward slash symbol "/" at the end of your url



Note:


  • To disable the scroll bar, remove the number 500

  • By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 with the number of posts desired

  • if you want only the posts titles to appear, change true to none and "0" from padding-top:0px with 10




Step 5. Save your widget. And you're done!



If you need more help, leave your comment below.






HAM Pancasila: Jalan Tengah antara Kebebasan dan Tanggung Jawab Sosial

HAM Pancasila: Jalan Tengah antara Kebebasan dan Tanggung Jawab Sosial   I. Pendahuluan: Mengontekstualisasikan Hak Asasi Manusia di Indones...