iFrame “Auto Height” dengan Jquery

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div style="text-align: justify;"><br />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. </div><br /><br /><br />Caranya : <br /><br />- masukkan jQuery library, terserah pakai yang versi keberapa<br /><br /><b><script type="text/javascript" src="jquery-1.6.2.js"></script></b><br /><br /><br /><br />- masukkan jQuery buat auto height iframe<br /><br /><b><script type="text/javascript" src="https://raw.github.com/house9/jquery-iframe-auto-height/master/release/jquery.iframe-auto-height.js"></script></b><br /><br /><br /><br />- masukkan script iframe, untuk jQuery ini akan otomatis mendeteksi semua iframe menjadi auto height<br /><br /><b><iframe src="iframe.html" width="100%" scrolling="no" frameborder="0"></iframe> </b><br /><br /><br /><br /><br /><br />- masukkan fungsi javascript iframe autoheight<br /><br /><b><script type="text/javascript"><br /> jQuery('iframe').iframeAutoHeight();<br /></script></b><br /><br /><br /><br />- Simpan dan lihat hasilnya <br /><br /><br /><br /><a href="https://www.dropbox.com/s/f6hkh5p7gvvnqrc/jQuery%20iFrame%20autoheight.rar">Download Script Lengkap</a> <br /><br /><br /><br />Source Script : <a href="https://github.com/house9/jquery-iframe-auto-height">https://github.com/house9/jquery-iframe-auto-height</a><br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=1e59e869-d6dc-4918-9ea6-c0f9350940c2" style="border: none; float: right;" /></div><br /></div><br />

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

Read more »

ninjawords.com

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div class="" style="text-align: left;"><br /></div><br /><div style="text-align: center;"><br />Ninja Word<br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class=""><br /><script src="http://code.jquery.com/jquery-1.10.1.min.js"></script><br /><script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script><br /><script type="text/javascript"><br />/*jslint white: true, indent: 2, onevar: false, browser: true, undef: true, nomen: false, eqeqeq: true, plusplus: false, bitwise: true, regexp: true, strict: false, newcap: true, immed: true */<br />/*global window, console, jQuery, setTimeout */<br /><br />/*<br /> Plugin: iframe autoheight jQuery Plugin<br /> Version: 1.9.3<br /> Author and Contributors<br /> ========================================<br /> NATHAN SMITH (http://sonspring.com/)<br /> Jesse House (https://github.com/house9)<br /> aaron manela (https://github.com/aaronmanela)<br /> Hideki Abe (https://github.com/hideki-a)<br /> Patrick Clark (https://github.com/hellopat)<br /> ChristineP2 (https://github.com/ChristineP2)<br /> Mmjavellana (https://github.com/Mmjavellana)<br /> yiqing-95 (https://github.com/yiqing-95)<br /> jcaspian (https://github.com/jcaspian)<br /> adamjgray (https://github.com/adamjgray)<br /> Jens Bissinger (https://github.com/dpree)<br /><br /> File: jquery.iframe-auto-height.plugin.js<br /> Remarks: original code from http://sonspring.com/journal/jquery-iframe-sizing<br /> Description: when the page loads set the height of an iframe based on the height of its contents<br /> see README: http://github.com/house9/jquery-iframe-auto-height<br /><br />*/<br />(function ($) {<br /> $.fn.iframeAutoHeight = function (spec) {<br /><br /> var undef;<br /> if ($.browser === undef) {<br /> var message = [];<br /> message.push("WARNING: you appear to be using a newer version of jquery which does not support the $.browser variable.");<br /> message.push("The jQuery iframe auto height plugin relies heavly on the $.browser features.");<br /> message.push("Install jquery-browser: https://raw.github.com/house9/jquery-iframe-auto-height/master/release/jquery.browser.js");<br /> alert(message.join("\n"));<br /> return $;<br /> }<br /><br /> // set default option values<br /> var options = $.extend({<br /> heightOffset: 0,<br /> minHeight: 0,<br /> callback: function (newHeight) {},<br /> animate: false,<br /> debug: false,<br /> diagnostics: false, // used for development only<br /> resetToMinHeight: false,<br /> triggerFunctions: [],<br /> heightCalculationOverrides: []<br /> }, spec);<br /><br /> // logging<br /> function debug(message) {<br /> if (options.debug && options.debug === true && window.console) {<br /> console.log(message);<br /> }<br /> }<br /><br /> // not used by production code<br /> function showDiagnostics(iframe, calledFrom) {<br /> debug("Diagnostics from '" + calledFrom + "'");<br /> try {<br /> debug(" " + $(iframe, window.top.document).contents().find('body')[0].scrollHeight + " for ...find('body')[0].scrollHeight");<br /> debug(" " + $(iframe.contentWindow.document).height() + " for ...contentWindow.document).height()");<br /> debug(" " + $(iframe.contentWindow.document.body).height() + " for ...contentWindow.document.body).height()");<br /> } catch (ex) {<br /> // ie fails when called during for each, ok later on<br /> // probably not an issue if called in a document ready block<br /> debug(" unable to check in this state");<br /> }<br /> debug("End diagnostics -> results vary by browser and when diagnostics are requested");<br /> }<br /><br /> // show all option values<br /> debug(options);<br /><br /> // ******************************************************<br /> // iterate over the matched elements passed to the plugin ; return will make it chainable<br /> return this.each(function () {<br /><br /> // ******************************************************<br /> // http://api.jquery.com/jQuery.browser/<br /> var strategyKeys = ['webkit', 'mozilla', 'msie', 'opera'];<br /> var strategies = [];<br /> strategies['default'] = function (iframe, $iframeBody, options, browser) {<br /> // NOTE: this is how the plugin determines the iframe height, override if you need custom<br /> return $iframeBody[0].scrollHeight + options.heightOffset;<br /> };<br /><br /> jQuery.each(strategyKeys, function (index, value) {<br /> // use the default strategy for all browsers, can be overridden if desired<br /> strategies[value] = strategies['default'];<br /> });<br /><br /> // override strategies if registered in options<br /> jQuery.each(options.heightCalculationOverrides, function (index, value) {<br /> strategies[value.browser] = value.calculation;<br /> });<br /><br /> function findStrategy(browser) {<br /> var strategy = null;<br /><br /> jQuery.each(strategyKeys, function (index, value) {<br /> if (browser[value]) {<br /> strategy = strategies[value];<br /> return false;<br /> }<br /> });<br /><br /> if (strategy === null) {<br /> strategy = strategies['default'];<br /> }<br /><br /> return strategy;<br /> }<br /> // ******************************************************<br /><br /> // for use by webkit only<br /> var loadCounter = 0;<br /><br /> // resizeHeight<br /> function resizeHeight(iframe) {<br /> if (options.diagnostics) {<br /> showDiagnostics(iframe, "resizeHeight");<br /> }<br /><br /> // set the iframe size to minHeight so it'll get smaller on resizes in FF and IE<br /> if (options.resetToMinHeight && options.resetToMinHeight === true) {<br /> iframe.style.height = options.minHeight + 'px';<br /> }<br /><br /> // get the iframe body height and set inline style to that plus a little<br /> var $body = $(iframe, window.top.document).contents().find('body');<br /> var strategy = findStrategy($.browser);<br /> var newHeight = strategy(iframe, $body, options, $.browser);<br /> debug(newHeight);<br /><br /> if (newHeight < options.minHeight) {<br /> debug("new height is less than minHeight");<br /> newHeight = options.minHeight + options.heightOffset;<br /> }<br /><br /> debug("New Height: " + newHeight);<br /> if (options.animate) {<br /> $(iframe).animate({height: newHeight + 'px'}, {duration: 500});<br /> } else {<br /> iframe.style.height = newHeight + 'px';<br /> }<br /><br /> options.callback.apply($(iframe), [{newFrameHeight: newHeight}]);<br /> } // END resizeHeight<br /><br /> // debug me<br /> debug(this);<br /> if (options.diagnostics) {<br /> showDiagnostics(this, "each iframe");<br /> }<br /><br /> // if trigger functions are registered, invoke them<br /> if (options.triggerFunctions.length > 0) {<br /> debug(options.triggerFunctions.length + " trigger Functions");<br /> for (var i = 0; i < options.triggerFunctions.length; i++) {<br /> options.triggerFunctions[i](resizeHeight, this);<br /> }<br /> }<br /><br /> // Check if browser is Webkit (Safari/Chrome) or Opera<br /> if ($.browser.webkit || $.browser.opera) {<br /> debug("browser is webkit or opera");<br /><br /> // Start timer when loaded.<br /> $(this).load(function () {<br /> var delay = 0;<br /> var iframe = this;<br /><br /> var delayedResize = function () {<br /> resizeHeight(iframe);<br /> };<br /><br /> if (loadCounter === 0) {<br /> // delay the first one<br /> delay = 500;<br /> } else {<br /> // Reset iframe height to 0 to force new frame size to fit window properly<br /> // this is only an issue when going from large to small iframe, not executed on page load<br /> iframe.style.height = options.minHeight + 'px';<br /> }<br /><br /> debug("load delay: " + delay);<br /> setTimeout(delayedResize, delay);<br /> loadCounter++;<br /> });<br /><br /> // Safari and Opera need a kick-start.<br /> var source = $(this).attr('src');<br /> $(this).attr('src', '');<br /> $(this).attr('src', source);<br /> } else {<br /> // For other browsers.<br /> $(this).load(function () {<br /> resizeHeight(this);<br /> });<br /> } // if browser<br /><br /> }); // $(this).each(function () {<br /> }; // $.fn.iframeAutoHeight = function (options) {<br />}(jQuery)); // (function ($) {<br /></script><br /><iframe frameborder="0" height="300px" scrolling="no" src="http://ninjawords.com" width="100%"></iframe><br /> <script type="text/javascript"> jQuery('iframe').iframeAutoHeight(); </script><br /><br /></div><br /><div style="text-align: center;"><br />NinjaWord </div><br /><div class="separator zemanta-img" style="clear: both; text-align: center;"><br /><a href="http://www.flickr.com/photos/43666171@N07/6499940113" style="margin-left: 1em; margin-right: 1em;"><img alt="Word_BlogNinja" border="0" class="zemanta-img-inserted" height="240" src="http://farm8.static.flickr.com/7001/6499940113_b40f1ca3f8_m.jpg" style="border: medium none; font-size: 0.8em;" width="195" /></a></div><br /><div class="" style="text-align: center;"><br /> </div><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

ninjawords.com

Ninja Word NinjaWord 

Read more »

XAMPP | Free Development software downloads at SourceForge.net

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div id="project-description" itemprop="description" style="display: block;"><br />XAMPP is a very easy to install Apache Distribution for Linux, <br />Solaris, Windows and Mac OS X. The package includes the Apache web <br />server, MySQL, PHP, Perl, a FTP server and phpMyAdmin. >><a href="http://www.apachefriends.org/xampp-en.html">XAMPP Web Site</a> <<</div><br /><div id="project-description" itemprop="description" style="display: block;"><br /><br /></div><br /><br /><br /><a href="https://a.fsdn.com/con/app/proj/xampp/screenshots/6462.jpg"> <img src="https://a.fsdn.com/con/app/proj/xampp/screenshots/6462.jpg/182/137" /> </a> <a href="https://a.fsdn.com/con/app/proj/xampp/screenshots/6468.jpg"> <img src="https://a.fsdn.com/con/app/proj/xampp/screenshots/6468.jpg/182/137" /> </a> <a href="https://a.fsdn.com/con/app/proj/xampp/screenshots/6470.jpg"> <img src="https://a.fsdn.com/con/app/proj/xampp/screenshots/6470.jpg/182/137" /> </a> <a href="https://a.fsdn.com/con/app/proj/xampp/screenshots/6466.jpg"> <img src="https://a.fsdn.com/con/app/proj/xampp/screenshots/6466.jpg/182/137" /> </a> <img src="https://a.fsdn.com/con/app/proj/xampp/screenshots/6472.jpg/182/137" /><br /><br /><br /><br /> <b>Features </b><br /><br />Apache<br /><br />MySQL<br /><br />PHP<br /><br />Perl<br /><br />and many more...<br /><br /><br /><br /><b> Additional Details </b><br /><br />Last Updated 2013-08-29 <br /><br />Registered 2002-09-04 <br /><br />Maintainers <a href="https://sourceforge.net/users/bitnami">bitnami</a> , <a href="https://sourceforge.net/users/koswalds">koswalds</a> , <a href="https://sourceforge.net/users/kvogelgesang">kvogelgesang</a> <br /><br />License <a href="https://sourceforge.net/directory/license:gpl/">GNU General Public License version 2.0 (GPLv2)</a> <br /><br />Categories <a href="https://sourceforge.net/directory/development/engines/">Database Engines/Servers</a>, <a href="https://sourceforge.net/directory/internet/www/dynamic/">Dynamic Content</a>, <a href="https://sourceforge.net/directory/internet/www/httpservers/">HTTP Servers</a>, <a href="https://sourceforge.net/directory/internet/www/sitemanagement/">Site Management</a> <br /><br />User Interface <a href="https://sourceforge.net/directory/environment:daemon/">Non-interactive (Daemon)</a>, <a href="https://sourceforge.net/directory/environment:web/">Web-based</a>, <a href="https://sourceforge.net/directory/environment:win32/">Win32 (MS Windows)</a> <br /><br />Languages <a href="https://sourceforge.net/directory/natlanguage:english/">English</a>, <a href="https://sourceforge.net/directory/natlanguage:german/">German</a> <br /><br />Intended Audience <a href="https://sourceforge.net/directory/audience:developers/">Developers</a>, <a href="https://sourceforge.net/directory/audience:education/">Education</a>, <a href="https://sourceforge.net/directory/audience:informationtechnology/">Information Technology</a>, <a href="https://sourceforge.net/directory/audience:sysadmins/">System Administrators</a> <br /><br />Programming Language <a href="https://sourceforge.net/directory/language:php/">PHP</a>, <a href="https://sourceforge.net/directory/language:perl/">Perl</a> <br /><br /><br /><br /><br /><br /><br /><br /><div class="files-breadcrumb"><br /><b>Files</b><br /> <br /> <br /> </div><br /><table id="files_list" title="This is a list of the files for this project"><colgroup><col class="name-column"></col><br /> <col class="date-column"></col><br /> <col class="size-column"></col><br /> <col class="downloads-column"></col><br /> <col class="status-column"></col><br /> </colgroup><thead><br /><tr><br /> <th class="first header usersortable" id="files_name_h" title="The file or folder's name">Name<span class="ui-icon fs-toggle"></span></th><br /> <th class="opt header usersortable" id="files_date_h" title="The file or folder's last modified date">Modified<span class="ui-icon fs-toggle"></span></th><br /> <th class="opt header usersortable" id="files_size_h" title="The file size">Size<span class="ui-icon fs-toggle"></span></th><br /> <th class="opt header usersortable" id="files_downloads_h" title="The weekly download count">Downloads<span class="ui-icon fs-toggle"></span></th><br /> <th class="typesort header" id="files_status_h" title="A snapshot of the file or folder's status">Status</th><br /> </tr><br /></thead><br /> <tfoot><br /><tr><br /> <td id="totals"><span class="label">Totals: </span>9 Items</td><br /> <td class="opt"></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td headers="files_status_h"></td><br /> </tr><br /></tfoot><br /> <tbody><br /><tr class="folder odd" title="XAMPP Windows"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/" title="Click to enter XAMPP Windows"><br /> XAMPP Windows</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2013-07-18 18:32:08 WIT">2013-07-18</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/stats/timeline"><img alt="51,325,221 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:18411,18082,32799,29629,25959,24599,10477&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:18411,18082,32799,29629,25959,24599,10477&chds=0,32799" title="51,325,221 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder even" title="XAMPP Mac OS X"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/" title="Click to enter XAMPP Mac OS X"><br /> XAMPP Mac OS X</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2013-07-18 18:16:36 WIT">2013-07-18</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/stats/timeline"><img alt="1,830,480 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:1234,1329,1597,1784,1750,1403,653&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:1234,1329,1597,1784,1750,1403,653&chds=0,32799" title="1,830,480 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder odd" title="XAMPP Linux"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Linux/" title="Click to enter XAMPP Linux"><br /> XAMPP Linux</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2013-07-18 18:15:53 WIT">2013-07-18</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Linux/stats/timeline"><img alt="5,156,788 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:2900,2239,2776,3483,3010,2892,1242&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:2900,2239,2776,3483,3010,2892,1242&chds=0,32799" title="5,156,788 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder even" title="BETAS"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/BETAS/" title="Click to enter BETAS"><br /> BETAS</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2013-06-11 22:21:18 WIT">2013-06-11</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/BETAS/stats/timeline"><img alt="1,282,033 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:75,39,72,78,62,70,30&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:75,39,72,78,62,70,30&chds=0,32799" title="1,282,033 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder odd" title="XAMPP Solaris"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Solaris/" title="Click to enter XAMPP Solaris"><br /> XAMPP Solaris</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2011-09-20 16:01:11 WIT">2011-09-20</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/XAMPP%20Solaris/stats/timeline"><img alt="91,751 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:12,3,15,9,5,8,2&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:12,3,15,9,5,8,2&chds=0,32799" title="91,751 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder even" title="Windows add-ons"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/Windows%20add-ons/" title="Click to enter Windows add-ons"><br /> Windows add-ons</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2009-08-10 20:22:38 WIT">2009-08-10</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/Windows%20add-ons/stats/timeline"><img alt="1,652,038 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:41,39,107,50,67,57,9&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:41,39,107,50,67,57,9&chds=0,32799" title="1,652,038 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder odd" title="Linux add-ons"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/Linux%20add-ons/" title="Click to enter Linux add-ons"><br /> Linux add-ons</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2003-08-08 16:22:29 WIT">2003-08-08</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/Linux%20add-ons/stats/timeline"><img alt="24,683 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:8,3,11,1,8,3,5&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:8,3,11,1,8,3,5&chds=0,32799" title="24,683 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder even" title="LAMPP"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/LAMPP/" title="Click to enter LAMPP"><br /> LAMPP</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2003-07-11 16:15:19 WIT">2003-07-11</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"><br /></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/LAMPP/stats/timeline"><img alt="78,753 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:7,2,4,11,5,3,4&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:7,2,4,11,5,3,4&chds=0,32799" title="78,753 downloads" width="20" /></a></td><br /> </tr><br /><tr class="folder odd" title="WAMPP"><br /> <th headers="files_name_h" scope="row"><span class="ico ico-folder" data-icon="o"></span><br /> <br /> <a class="name" href="https://sourceforge.net/projects/xampp/files/WAMPP/" title="Click to enter WAMPP"><br /> WAMPP</a></th><br /> <td class="opt" headers="files_date_h"><abbr title="2003-06-06 18:14:20 WIT">2003-06-06</abbr></td><br /> <td class="opt" headers="files_size_h"><br /></td><br /> <td class="opt" headers="files_downloads_h"></td><br /> <td class="status folder" headers="files_status_h"><span class="ico spacer"> </span><a class="fs-stats ui-corner-all folder" href="https://sourceforge.net/projects/xampp/files/LAMPP/stats/timeline"><img alt="78,753 downloads" class="fs-sparklines folder" data-src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:7,2,4,11,5,3,4&chds=0,32799" height="16" src="https://sourceforge.net/downloads/_googlechartapi/chart?cht=ls&chs=20x16&chco=0685c6&chm=B,0685c6,0,0,0&chd=t:7,2,4,11,5,3,4&chds=0,32799" title="78,753 downloads" width="20" /></a></td><td class="status folder" headers="files_status_h"><br /></td></tr><br /></tbody></table><br /><br /><br /><br /><br /><div id="project-header"><br /><div class="content-group"><br /><div class="group"><br /><br /><br /><br /><br /><br /><br /><nav id="breadcrumbs"><br /> <br /> </nav><br /> </div><br /><div class="noneditable" id="project-icon"><br /></div><br /><h1 class="project-name" itemprop="name"><br /> <a href="https://c.fsdn.com/allura/p/xampp/icon" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="XAMPP Icon" border="0" height="48" itemprop="image" itemscope="" itemtype="http://schema.org/ImageObject" src="https://c.fsdn.com/allura/p/xampp/icon" width="48" /></a><a href="https://sourceforge.net/projects/xampp/">XAMPP</a> </h1><br /></div><br /><div class="content-group"><br /><div class="group" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer"><br /><a class="download-button" href="https://sourceforge.net/projects/xampp/files/latest/download"><br /> <span class="icon">SF</span><br /> <span class="text">Download</span><br /> </a><br /> <br /> <link href="http://schema.org/InStock" itemprop="availability"></link><br /> <br /> <br /> <a class="download-stats" href="https://sourceforge.net/projects/xampp/files/stats/timeline"><br /> <span class="data">190,620</span><br /> <span class="label">Downloads <span class="this-week">(This Week)</span></span><br /> </a><br /> </div><br /></div><br /></div><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

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, My...

Read more »

JS Quicktags : alexking.org

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><b>JS Quicktags</b><br /><br /><div class="page-content"><br />I’ve released the JavaScript Quicktags used in <a href="http://alexking.org/projects/tasks-pro">Tasks Pro™</a>, <a href="http://alexking.org/projects/tasks">Tasks</a> and <a href="http://alexking.org/projects/wordpress">WordPress</a> under the LGPL license.<br /><br />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 <a href="http://alexking.org/blog/2003/06/02/inserting-at-the-cursor-using-javascript">how to get the cursor position with JavaScript</a>.<br /><br /><h3 style="text-align: left;"><br /><a href="http://alexking.org/projects/js-quicktags/demo/index.html" target="_blank">Example Page</a></h3><br />A sample insertAtCursor function:<br /><br /><div class="code"><br /><pre>function insertAtCursor(myField, myValue) {<br /> //IE support<br /> if (document.selection) {<br /> myField.focus();<br /> sel = document.selection.createRange();<br /> sel.text = myValue;<br /> }<br /> //MOZILLA/NETSCAPE support<br /> else if (myField.selectionStart || myField.selectionStart == '0') {<br /> var startPos = myField.selectionStart;<br /> var endPos = myField.selectionEnd;<br /> myField.value = myField.value.substring(0, startPos)<br /> + myValue <br /> + myField.value.substring(endPos, myField.value.length);<br /> } else {<br /> myField.value += myValue;<br /> }<br />}<br /><br />// calling the function<br /><br />insertAtCursor(document.formName.fieldName, 'this value');<br /></pre><br /></div><br /></div><br /><br /><br /><br /><br /><br /><br /><a href="http://alexking.org/projects/js-quicktags">JS Quicktags : alexking.org</a>: JS Quicktags<br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

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

Read more »

Online HTML Editor Simple

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><html><!-- Credits: http://ajabingung.blogspot.com/ --><head><br /> <br /> <title>Online HTML Editor: Real time online with preview</title><br /> <script src="http://ajabingung.googlecode.com/svn/js_quicktags.js" type="text/javascript"></script><br /> <link href="http://ajabingung.googlecode.com/svn/style.css" media="screen" rel="stylesheet" type="text/css" width="100%"></link><br /><br /><script type="text/javascript"><br />var old = '';<br />function update()<br />{<br /> var textarea = document.f.ta;<br /> var d = parent.dynamicframe.document; <br /> if (old != textarea.value)<br /> {<br /> old = textarea.value;<br /> d.open();<br /> d.write(old);<br /> d.close();<br /> }<br /> window.setTimeout(update, 150);<br />}<br /></script><br /></head><br /><br /><body onload="update(); document.f.ta.select();"><br /><br /><br /><form method="post" name="f" target="dynamicframe"><br /><!-- deleted --><br /><br /><script type="text/javascript">edToolbar('canvas');</script><br /><textarea cols="140" id="canvas" name="ta" rows="10" style="height: 200px; width: 100%;"><br /><h2><br />Welcome to the HTML editor!</h2><br /><p><br />Just type the HTML and it will be shown below.</p><br /><p><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum neque id magna. Mauris sollicitudin nisi sit amet sem. Etiam sit amet lectus a velit interdum facilisis. Vestibulum ante ipsum primis in faucibus orci <strong>luctus et ultrices posuere</strong> cubilia Curae; In tincidunt eleifend neque. Maecenas interdum, neque in fringilla pellentesque, lacus massa eleifend elit, nec scelerisque nulla orci a nunc. Quisque sollicitudin. Sed pulvinar lacus id lacus. Vestibulum imperdiet tellus eget risus. Quisque libero nisl, feugiat eu, euismod at, elementum eget, tellus. <a href="http://www.clesto.com">Clesto.com</a></p><br /><img src="http://www.google.se/images/google_80wht.gif" alt="Google logo"><br /><br /><h2><br />Heading in h2, som more sample text</h2><br /><p><br />Phasellus sem odio, varius quis, cursus at, ullamcorper eget, turpis. Maecenas a mi. Mauris dignissim lectus malesuada odio. Duis elit arcu, lobortis ut, porta ac, venenatis ornare, odio. Pellentesque scelerisque. Ut elementum laoreet massa. Suspendisse hendrerit odio eget turpis. Cras tellus dui, malesuada id, adipiscing ut, laoreet sed, magna. Phasellus scelerisque aliquet ligula. Quisque vitae elit sit amet enim suscipit interdum. Curabitur laoreet, mauris sit amet aliquet interdum, pede sapien malesuada metus, in tincidunt turpis justo id arcu. Donec gravida odio ac lectus. Nam rutrum ante in nisi laoreet aliquet. Sed at ante.</p><br /><h3><br />Heading in h3, som more sample text</h3><br /><p><br />Nulla facilisi. Nullam cursus scelerisque erat. Praesent convallis rhoncus dui. In hac habitasse platea dictumst. Nullam pellentesque. Mauris ac orci. Donec dictum. Etiam purus tortor, elementum a, posuere nec, pulvinar id, ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vel justo. Nullam posuere purus sed arcu.</p><br /><ul><br /><li>Nulla facilisi.</li><br /><li>Pellentesque habitant morbi</li><br /><li>Quisque vel justo.</li><br /><li>Nullam posuere purus sed arcu.</li><br /></ul><br />

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.

Make your own website:

https://.n.nu

CARA MUDAH BANGKITKAN KHODAM DALAM DIRI KITA

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-align: justify;"> Ini adalah cara yang praktis untuk membangkitkan khodam dalam diri kita, kalo sudah berhasil bisa berguna untuk kehidupan kita sesama umat manusia. <br /><br /><b>Caranya </b>: Silahkan </div> <ul style="text-align: left;"> <li><b>Puasa </b>1 hari dihari kamis tapi pada waktu bukanya jangan makan yg bernyawa seperti Ikan, Daging dan telor Dll.</li> <li><b>Niat </b>puasanya : Nawaitu shoma ghodin liqodoi hajati sunatan lillahi ta’ala</li> <li>setelah puasa pada malam jumatnya jam 12 malemnya <b>mandi besar</b>, trus </li> <li>pake <b>wangi</b>-wangian yg non alkohol. </li> <li><b>Menyepi </b>disebuah ruanagn yang sunyi dan tidak ada orang lain serta suara gaduh disana.</li> </ul> <div style="text-align: justify;"> 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. <br /><br />Selanjutnya Baca :<br /><b> ASSALAMMUALAIKUM YA KHODAMUL MINAL BADANI 21X</b><br /> ( hadir – hadir – hadir ) sambil memukul lantai. <br />Baca : <b>Yaa bathin 1000x</b> (dibaca pelan dan dalam hati aja) <br />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. <br /><br />kalo misalkan tidak muncul juga baca :<br /><b> SYAMHAHIRIN SYAMKHOHIRIN 1000X </b><br />kalo sudah datang jangan lupa salam sama tanya cara pemanggilan cepat. <br /><br />Ini harus dilakukan ditempat yg gelap jadi kamar kita tidk boleh ada cahaya yg masuk.<br /> 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 @@@ </div> <div style="text-align: justify;"> Ki Syarkowi  syarkowi@gmail.com </div> </div>

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

Read more »

AJIAN SENGGORO MACAN

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-align: justify;"> 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. <br /> 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. <br /> <br /> Mantranya sebagai berikut:<br /> <br /> <div style="text-align: center;"> <blink><b>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. </b></blink> </div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Syarat Laku:</div> <div style="text-align: justify;"> Untuk memiliki ajian ini, syaratnya adalah </div> <div style="text-align: justify;"> -Puasa mutih 3 hari 3 malam dan </div> <div style="text-align: justify;"> -Patigeni semalam. </div> <div style="text-align: justify;"> -Puasa dimulai pada hari Jum’at Pahing. </div> <div style="text-align: justify;"> </div> <div style="text-align: justify;"> </div> <div style="text-align: center;"> Untuk matek aji caranya mudah: baca mantra tersebut diucapkan dalam hati.  </div> <div style="text-align: justify;"> <br /> @wongalus,2009</div> </div> </div>

AJIAN SENGGORO MACAN

Ini adalah ajian pelengkap berbagai ajian kesaktian yang dimiliki oleh kalangan pendekar. Ajian ini tidak akan dikeluarkan bila kita tidak...

Read more »

Add Facemoods Emoticons To Your Blogger Comments

<div dir="ltr" style="text-align: left;" trbidi="on"><br />Here are some amazingly funny emoticons compatible with your <a class="zem_slink" href="http://blogger.com/" rel="homepage" title="Blogger">Blogger</a> <br />comments - also with threaded commenting system! If you want to know how<br /> to add them, just follow the next steps:<br /><br /><br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5yKcyMMbfPdSliSm4VihmWzeBn3Znb6mo8Lk9ELLvhOJPZ_vEEvp1DHr31aCKAMw6AFQcwAiHfttFTv774XQbULLwGbcvZzBT3sYxEAzZiwRYLyG9IfS7nHeB1NICBK_FwUDWYi4iTNGD/s1600/add+facemood+smileys+emoticons+to+blogger+comments.png" style="margin-left: 1em; margin-right: 1em;"><img alt="emoticons, smileys, blogger, tricks" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5yKcyMMbfPdSliSm4VihmWzeBn3Znb6mo8Lk9ELLvhOJPZ_vEEvp1DHr31aCKAMw6AFQcwAiHfttFTv774XQbULLwGbcvZzBT3sYxEAzZiwRYLyG9IfS7nHeB1NICBK_FwUDWYi4iTNGD/s400/add+facemood+smileys+emoticons+to+blogger+comments.png" title="facemoods emoticons for blogger blogspot comments" width="400" /></a></div><br /><div style="color: #0b5394; text-align: center;"><br /><span style="font-size: medium;"><b><a href="http://facemoods-emoticons.blogspot.com/2012/05/lorem-ipsum.html#comment-form" rel="nofollow" target="_blank">DEMO</a></b></span></div><br /><br /><br /><b><a class="zem_slink" href="http://en.wikipedia.org/wiki/USMLE_Step_1" rel="wikipedia" title="USMLE Step 1">Step 1</a>.</b><br /><br /><br /><br />Go to <a class="zem_slink" href="http://www.apple.com/downloads/dashboard/" rel="homepage" title="Dashboard (Mac OS)">Dashboard</a> - Template - Edit <a class="zem_slink" href="http://en.wikipedia.org/wiki/HTML" rel="wikipedia" title="HTML">HTML</a> - Proceed<br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJokTjvkSpUqz9grYDGBorTqIwMpIYH6HxgsShVYXX6CMk7BFHdQXWBfX2a3weJmzql3hQgx09gLlYmgfv8C2DMnlfbVAyYIkiIPn6JBmt3TZ6-22U8P8Kdu7drHsvkM-ZnmUJMX5FkGlt/s1600/remove-blogger-labels.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJokTjvkSpUqz9grYDGBorTqIwMpIYH6HxgsShVYXX6CMk7BFHdQXWBfX2a3weJmzql3hQgx09gLlYmgfv8C2DMnlfbVAyYIkiIPn6JBmt3TZ6-22U8P8Kdu7drHsvkM-ZnmUJMX5FkGlt/s1600/remove-blogger-labels.png" width="320" /></a></div><br /><br /><br />...and select Expand Widget Template (don't forget to make a backup)<br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2N1J5HSVk4p8Jve_RgNTvjvOZazbQQba9-MlccSnKBj0tr8kGj9Iii5kcheQlVIGEWVf0noFEO48qhRjQjIePlnptO277jhUMMBRDisAed5BsUoT6mj00WU60Z-blH7KyWOlWwYTRoumE/s1600/blogger-expand-widget-templates.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2N1J5HSVk4p8Jve_RgNTvjvOZazbQQba9-MlccSnKBj0tr8kGj9Iii5kcheQlVIGEWVf0noFEO48qhRjQjIePlnptO277jhUMMBRDisAed5BsUoT6mj00WU60Z-blH7KyWOlWwYTRoumE/s1600/blogger-expand-widget-templates.png" width="320" /></a></div><br /><b><br /><br /></b> <b>Step 2.</b> Search (using <a class="zem_slink" href="http://en.wikipedia.org/wiki/Table_of_keyboard_shortcuts" rel="wikipedia" title="Table of keyboard shortcuts">CTRL + F</a>) for this <a class="zem_slink" href="http://en.wikipedia.org/wiki/Code" rel="wikipedia" title="Code">code</a>:<br /><br /><br /><br /><ul><br /><li><b><span style="color: #0b5394;">For previous commenting system: </span></b></li><br /></ul><br /><blockquote class="tr_bq"><br /><h4 id='comment-post-message'><data:postCommentMsg/></h4></blockquote><br /><ul><br /><li><b><span style="color: #0b5394;">For threaded comments:</span></b></li><br /></ul><br /><blockquote class="tr_bq"><br /><div class='post-footer-line post-footer-line-3'> </blockquote><br /><br /><br /><b>Step 3.</b> Add the below code just above it<br /><br /><br /><br />(for threaded comments, add the code <u>after</u>):<br /><br /><br /><br /><blockquote class="tr_bq"><br /><b:if cond='data:blog.pageType == "item"'><br /><br /><div style=' width: 450px; text-align: left; border: 1px dashed <br />#0084ce; background: transparent; padding: 10px; color:#000000; <br />font-weight:bold; '><br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkA0MwWddTTRdT0A5VJkAmIv9dTj0agaX_VWI4PBY3-lJanHTg1SqzDG-K51sAvoChOxv0RIm-QS8IuoiTdhA4-krrc2bswTKlun-Jfaws7wMWdYHeuA1h1izbK5X5VX2_9MyqT_qD4H04/s1600/helplogger.blogspot.com(1).gif'/><br /> :a<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxxDhizRNrVX_KpzHx7QXNa84at1woqNhh89yf8zNKPbd78rKqDyEW6Omk6fcgOXiuE8v0wDH7Lp6mU9BnCNW6X8dj1y8u3Ni_CcWDZ7-cZR-VudPQkwfX-MmssrbdOSOGae_d1fnpPCnW/s1600/helplogger.blogspot.com+(2).gif'/><br /> :b<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG3_TgIOtFjNQEbrcasVFQnUtQbq9VHa2jxViNIDSP8KrNQwNdPA7Y5HjoINvagj-_p7A-1js28btDwI6zGTOvM9nnvHxu7ml-xsDtFsrkmHB2CBALL_2p0oiKkofriJXhqji6cEm2EarT/s1600/helplogger.blogspot.com(3).gif'/><br /> :c<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbbxwx-iZiYtyXIOrdcX56RAPbgz4w9-Jwiky5GQyFRL9QFULYp7NAtbVPSzxN5UhUAazn3wYyeQvnM18af3ZjUGPpsyrtc7sBgXZCGG7aYAY846J_yLfX0RQa1hVnNw0LhGUBwIyZG2l5/s1600/helplogger.blogspot.com(4).gif'/><br /> :d<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXyVCnwnhZcgmLbCPfhs3hzPP4LdPaDiVu-lI54wBEY_-q_D-_eRZa9xIAOnuhW4D_eTPoYYjUM9jhn8U-hBq2FL5Fh4sAldR_uBmXlDeH4fUgvq5BCYCzzkRRDX3UOaFkVMnVks7VfNjw/s1600/helplogger.blogspot.com(5).gif'/><br /> :e<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioEtVe2PsUtyFbw5gCfS6FyVcF-TA_Fn4FOfsrCuzAeLPZCj3uBiK8Kt8zImgH4lG-yfFjowLFepuekC7eyCq84rflymfZH51rtOPVdLwkuobHg4-C3MjVZO3EdNmmB7aOHMfNSvxIMXoN/s1600/helplogger.blogspot.com(6).gif'/><br /> :f<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeS9KJtoqsShlGboxe7teI_5GOSroI-G6dlt36r_hYFybSDUhyphenhyphendEFo633RGu-rny1rnEw4kZsILjGkhq0XmnTqQIiCD3CPvMqka_xa-mSHHK90J8pB2uJ6uMh6jpC7N3KKnKLQn31mn0So/s1600/helplogger.blogspot.com(7).gif'/><br /> :g<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUSn5W_SUnjv5HQwkyHSHCYSkyonjE5Lx07p7r7-b3fDkkJ_ebgRdLqClajaPXr2vEz0gzGc7WEGS6Tlug_jl-uviLQzaRkYb71bUKGCKTt_-Hoyk6npQsHNNduTzMU7x1MzjYzXmY2fn/s1600/helplogger.blogspot.com(8).gif'/><br /> :h<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjieaJcdn6u-46ppZow0MAcppfo8XNf9RFN0mD6fiYPwSbnazOXR0SXIzEv8R_zwr4nIMTghE210FuAZsig0MlAKwA9uZpdSb4sx2bGRCm7MJydTa9IqA4Z3Opu65b28z3zNfIaHHmWAzC8/s1600/helplogger.blogspot.com(9).gif'/><br /> :i<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRVuIDnxoBV6pyydhCV698oH76oLDcwzRWKUkoDsPrA9kUVzf1zdgy-hRmLOeNvDdkAUsQy0aDhcQ7yK0NZciqHXiKEoos5L8jRIKpJdg1O7tzdMiyplPUvJdEeV97NsJ36HhdPlHIwW5h/s1600/helplogger.blogspot.com(10).gif'/><br /> :j<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3kfSmp8v6ex9r7KUoF1QMj-ajqN5wlzJeUwHE27UqqjZDna47L73qYzBhxWhF6PMEScKOkX7Rm6eGa4d25qykuoTKGYoNsnNHFn365jnDjNHBrusKq8TaL8lT4sq1HjodEQu-LaVP0UIu/s1600/helplogger.blogspot.com(11).gif'/><br /> :k<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyQr2lOmQtixAcVNvQDlA8_AKdAU1pCao6Ad8Kv2ymk3Ms8TeVC34xWy0EyQ6iBWnVKsOfyvr1zZkR35tvTk04roc4bXf93mir3WSpzV616BqbLrr4k0tu3dsAdnZ7MFI5ccSYF0uizLbd/s1600/helplogger.blogspot.com(12).gif'/><br /> :l<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3nLfMxr7HV-ZU7tIrf0wV-VXKk7jLJwbhK1-3qeFm9YDXutm9j_uaIB_98t1ohXgIcdC1rSayRSgzhs61BSzTR72cODLYDYInTI4kOi92b6LhjcBhjk1c1E-1eCAP7ngQdiOZPj9pHXT1/s1600/helplogger.blogspot.com(13).gif'/><br /> :m<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyiFjZfo6ozejTJ6Fc4CaHiuImm6Nx-5COWPyhygmMeCEiwgVeouox8k3Q3pM5sq97X_CRhtMDJq8xkFVdC_A4rHNWKmHyIEz3sG9ti-yFBBB6zBW5p935vhzfLUInK4fZd9Ra12j8f5VE/s1600/helplogger.blogspot.com(15).gif'/><br /> :n<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcN6xUU-V_zYxaVn0SSowvQokr7HDFcSHMSskl3xLhT_mn6GbgeiCbAGbmMNh48qXf0Tt4olVFvaPf_QQAdTcXaunpSkgyuZ3bxrZ5hPqjBDasWbMDhPliNZhWz96RnE6g_dm4KfRp3hb/s1600/helplogger.blogspot.com(16).gif'/><br /> :o<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgspnGUc_3i7yJEGbe8pTGxl4PbXI3FSV8TxB4ERiabQXj9ADqk1qRP7E2o8ajEohyFpBFoOX0FlNQomME_G_eXLicO_ENYZn4JijUp08M9C5zC1Evw8VDOI26vY6vhjo_oJnzKX9y59aTH/s1600/helplogger.blogspot.com(14).gif'/><br /> :p<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hIQiCdL-SmBNZYzjQJC_D3eWDCQJQ2S-ugAx8nCDXOW-Geh-ytuanHEktOrdKJdXyqsnxWW8Q4pBmKfeAxes-iFmp3Fq3wJPDrU_OD6bSD_ZFIU6W8_oD59sL1Ju98y3fUrr79dxo1tH/s1600/helplogger.blogspot.com(17).gif'/><br /> :q<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglTmBJhOS_-bkLmWALvxyie5lfKf0_-tzdkYZMctA9JMVPtSJ8NMyqmMp-EDGGqwbAHBPid2DpZodBaqZkZJ2wjf_6WvUn7uXadRNQwNCGlyRSjz6vvEsxPUQCJEdM7WTr4wGLQqIZ5uAc/s1600/helplogger.blogspot.com(18).gif'/><br /> :r<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH6n0se-cxP9CEUBCESdstUf3_g0y9fyHFV18z0A4mHme5Bez8C6YS_KFgjE3qgu5fDDPT6D-8VPme8k4n1BzU4SToDb9c-3fO5jyVqcAAkssyFbKV2h_pDmXU2Hixk8G_sw8HJkhhYbXI/s1600/helplogger.blogspot.com(19).gif'/><br /> :s<br /><br />&#160; <br /><br /><img border='0' <br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicmHxVL9G3hCtSIgQBeo7EQ2rJ70ygGj930AEz5SiRmyGVOgNiC-Dno7GGZ0Jv8bjv4FG-RquJFzX_c8MPcF5-jcGjVKs5jz-FsugRX8W6heNhufUBtLQ0VhfNHYbPLykmnTDoSOiCfTGJ/s1600/helplogger.blogspot.com(20).gif'/><br /> :t   <a <br />href='http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html'<br /> style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to<br /> Blogger + </a><br /><br /></div></b:if></blockquote><br /><br /><br /><b>Step 4. </b>Now search for this piece of code:<br /><br /><br /><br /><blockquote class="tr_bq"><br /></body></blockquote><br /><b><br /><br /></b> <b>Step 5. </b>And add the following code immediately above it:<br /><br /><br /><br /><ul><br /><li><b><span style="color: #0b5394;">For previous commenting system:</span></b></li><br /></ul><br /><blockquote class="tr_bq"><br /><script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js"/></blockquote><br /><ul><br /><li><b><span style="color: #0b5394;">For threaded comments: </span></b></li><br /></ul><br /><blockquote class="tr_bq"><br /><script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/></blockquote><br /><br /><br /><b>Step 6. </b>Save the Template. Now, enjoy your comments!<br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=0385d58c-c4b5-4fc4-ac42-9b4d1148e48a" style="border: none; float: right;" /></div><br /></div><br />

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

Read more »

Recent Posts Widget with Thumbnails for Blogger/Blogspot

<div dir="ltr" style="text-align: left;" trbidi="on"><br />A few days ago, I've posted a tutorial about How To Add A <a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html"><span style="color: #0b5394;">Simple Recent Posts Widget</span></a><br /> but today I want to present to you a very nice Recent Posts widget that<br /> comes along with posts <a class="zem_slink" href="http://en.wikipedia.org/wiki/Thumbnail" rel="wikipedia" title="Thumbnail">thumbnails</a> and post summary as well. If you want<br /> to know how to add this Recent Posts widget/gadget to your <a class="zem_slink" href="http://blogger.com/" rel="homepage" title="Blogger">Blogger</a> <br />blog, then follow the steps below:<br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOXVIGa_FZTqffXM-VK1xK8HoLw8WoTYx_NxtlolxLq4qH3L2I1xSXaoijFDG1Vop22P7U-Lvl6MiUxBFjUMD-Dz6mcYSF6fS2CvwqME__bHabo-pJFv7XjA-dawozeEernhw2RlazXJuC/s1600/recent+posts+widget+with+thumbnails+for+blogger+blogspot.png" style="margin-left: 1em; margin-right: 1em;"><img alt="recent posts, blogger widgets" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOXVIGa_FZTqffXM-VK1xK8HoLw8WoTYx_NxtlolxLq4qH3L2I1xSXaoijFDG1Vop22P7U-Lvl6MiUxBFjUMD-Dz6mcYSF6fS2CvwqME__bHabo-pJFv7XjA-dawozeEernhw2RlazXJuC/s320/recent+posts+widget+with+thumbnails+for+blogger+blogspot.png" title="Recent Posts Widget With Thumbnails " width="320" /></a></div><br /><br /><br /><b><span style="font-size: medium;">How <span style="font-size: medium;"><span style="font-size: medium;">t</span>o <span style="font-size: medium;">A</span>dd </span>the Recent Posts Widget to Blogger</span></b><br /><br /><br /><br /><span style="color: #0b5394;"><b>Step 1.</b></span> Go To Blogger > Layout and click on "Add a <a class="zem_slink" href="http://en.wikipedia.org/wiki/Gadget" rel="wikipedia" title="Gadget">Gadget</a>" link<br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilmtCMYBZFCm9nawX9YuaOVZzHRxUc8Y5o_DZvnixXIm0iF7QE8GdaETLatBQ4S__jFjnyFPXtxV3emu0ko0CLN2UgODuqS2GaaQjt5uF3PZxebDh66vmFHcBExPMqcwnQt4lnIfBqy5TV/s1600/blogger-layout-add+a+gadget-how-to.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilmtCMYBZFCm9nawX9YuaOVZzHRxUc8Y5o_DZvnixXIm0iF7QE8GdaETLatBQ4S__jFjnyFPXtxV3emu0ko0CLN2UgODuqS2GaaQjt5uF3PZxebDh66vmFHcBExPMqcwnQt4lnIfBqy5TV/s640/blogger-layout-add+a+gadget-how-to.png" width="640" /></a></div><br /><br /><br /><span style="color: #0b5394;"><b>Step 2.</b></span> From the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Pop-up_ad" rel="wikipedia" title="Pop-up ad">pop-up window</a>, scroll down and choose HTML/<a class="zem_slink" href="http://en.wikipedia.org/wiki/JavaScript" rel="wikipedia" title="JavaScript">JavaScript</a><br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI5qpVyiHGElqFVOCLBwbgWa2xcblMQoOEOlxEZMaj_AcTqkf6Zm9Ka7PFfnddVZshQnbE9kbS5Th5RIIvQG99EmVP84aCmZAf8rz-bGMUDid65vfpeqd5mat5I5l9MzvzN3jcPmkkhXHN/s1600/blogger-widgets-gadgets-tutorials-tricks-helplogger-html-javascrip.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI5qpVyiHGElqFVOCLBwbgWa2xcblMQoOEOlxEZMaj_AcTqkf6Zm9Ka7PFfnddVZshQnbE9kbS5Th5RIIvQG99EmVP84aCmZAf8rz-bGMUDid65vfpeqd5mat5I5l9MzvzN3jcPmkkhXHN/s400/blogger-widgets-gadgets-tutorials-tricks-helplogger-html-javascrip.png" width="400" /></a></div><br /><br /><br /><span style="color: #0b5394;"><b>Step 3.</b></span> Paste inside the empty box, the following code:<br /><br /><br /><br /><blockquote class="tr_bq"><br /><div class="eggTray"><br /><br /><script <br />src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",<br /><br />"pipe_params":{"<a class="zem_slink" href="http://en.wikipedia.org/wiki/Uniform_resource_locator" rel="wikipedia" title="Uniform resource locator">URL</a>":"<b>YOUR-BLOG/SITE-URL</b>/feeds/posts/default"},<br /><br />"hideHeader":"false","height":"<b><span style="color: blue;">500</span></b>","count": <b><span style="color: blue;">8</span></b> }</script><br /><br /><div style="font-family: arial, sans-serif; font-size: 9px;" <br />class="ycdr"><a <br />href="http://helplogger.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html"<br /> target="_blank" title="Grab this widget">Recent Posts <br />Thumbnails</a> <a href="http://helplogger.blogspot.com/" <br />target="_blank">Blogger <br />Widget</a></div><noscript>Your browser does not <br />support JavaScript!</noscript></div><br /><br /><style type=text/css><br /><br />.eggTray {margin:10px 0px;<a class="zem_slink" href="http://en.wikipedia.org/wiki/Padding_%28cryptography%29" rel="wikipedia" title="Padding (cryptography)">padding</a>:0px;}<br /><br />.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}<br /><br />.pipesTitle {<b><span style="color: #38761d;">padding-top:0px;</span></b>}<br /><br />.pipesDescription {display:<span style="color: red;"><b>true</b></span>;}<br /><br />.ycdr {background:transparent <br />url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMawMI2YoOJVrEbo_5RhChGOg5je9ecE-XebMLdotRkff_ehLPeZzwBVDKfnah9fngHhiIkbjFT_W_m1IbRexcQhyphenhyphen3zxe0fKDfvcvPN4REmQduQ8F6RPsKy6AYqzINjZi7ppZ9sx6RUWw/s1600/logo.png)<br /> 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px <br />0px 0px 0px;line-height:14px;}<br /><br />.ycdr, .ycdr a {color:#999999;}<br /><br /><a class="zem_slink" href="http://widgets.yahoo.com/" rel="homepage" title="Yahoo! Widgets">.widget</a> .popular-posts ul {padding-left:0;}<br /><br /></style></blockquote><br /><br /><br /><span style="color: #0b5394;"><b>Step 4.</b></span> Change <b>YOUR-BLOG/SITE-URL</b> with the url address of your site/blog (ex: http://helplogger.blogspot.com) and look to have no <a class="zem_slink" href="http://en.wikipedia.org/wiki/Slash_%28punctuation%29" rel="wikipedia" title="Slash (punctuation)">forward slash</a> symbol "<b>/</b>" at the end of your url<br /><br /><br /><br /><b><span style="color: #0b5394;">Note:</span></b><br /><br /><ul><br /><li>To disable the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Scrollbar" rel="wikipedia" title="Scrollbar">scroll bar</a>, remove the number <b><span style="color: blue;">500</span></b></li><br /><li>By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number <b><span style="color: blue;">8</span></b> with the number of posts desired</li><br /><li>if you want only the posts titles to appear, change <b><span style="color: red;">true</span></b> to <b>none</b> and "0" from <b><span style="color: #38761d;">padding-top:0px </span></b>with 10</li><br /></ul><br /><br /><br /><span style="color: #0b5394;"><b>Step 5. </b></span>Save your widget. And you're done!<br /><br /><br /><br />If you need more help, leave your comment below. <br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=0385d58c-c4b5-4fc4-ac42-9b4d1148e48a" style="border: none; float: right;" /></div><br /></div><br />

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

Read more »