Sabtu

Google trends












http://www.google.com/trends/













Google Trend










Penelusuran TerpopulerSematkan

















Simple menu generator Biru



Simple menu generator








Template #RX020







http://www.dropdownmenugenerator.com/Generator.aspx


Template #B032



Menu blue Simple menu Generator



Simple menu Generator









DTE :]: Jalan Pintas untuk Menangani Perintah-Perintah JQu...


DTE :]: Jalan Pintas untuk Menangani Perintah-Perintah JQu...: Dalam sebuah forum Saya pernah sekali diajari mengenai cara tersingkat untuk menangani perintah-perintah JQuery di dalam peraturan kondisi y...






Hosting File dengan Google Code dan TortoiseSVN



Selama ini kita biasa menggunakan Google Code untuk menyimpan maksimal hanya tiga jenis berkas/file saja. Yaitu JavaScript, ZIP dan gambar. Selain itu tidak pernah. Alasannya, saat file selain JavaScript, ZIP dan gambar yang tersimpan di Google Code dibuka maka akan gagal bekerja. Misalnya file CSS atau HTML. Saat dibuka malah hanya muncul sebagai teks biasa dan tidak bisa digunakan sebagaimana file CSS dan HTML pada normalnya.



Biasanya kita mengunggah file melalui situs Google Code secara langsung, atau bisa juga melalui aplikasi subversi seperti TortoiseSVN. Kabar baiknya, dengan cara mengatur MIME yang beragam pada aplikasi tersebut, maka itu akan memungkinkan kita untuk mengunggah berbagai file dengan format yang berbeda-beda. Sehingga direktori Google Code tidak lagi tampak sebagai ruang penyimpanan file berupa kode saja, tetapi juga bisa kita gunakan untuk menyimpan berbagai macam file seperti halnya situs-situs penyedia layanan hosting file pada umumnya.



Saya masih belum begitu berani untuk mengungkapkan apa itu pengertian MIME. Tapi kalau kamu ingin mencari tahu lebih jauh, kamu bisa membacanya di Wikipedia - MIME



Dengan mendefinisikan properti otomatis pada aplikasi, maka kita bisa mengunggah beberapa file yang bisa dibilang sama sekali tidak ada hubungannya dengan kode seperti PDF, DOC, SWF (Flash), WAV dan lain-lain.



Untuk mengubah masukan berkas Google Code menjadi lebih luas, maka ada dua buah pekerjaan yang harus kita lakukan. Pertama adalah menginstal aplikasi TortoiseSVN dan ke dua adalah membuat sebuah halaman proyek baru.





Pekerjaan I: Menginstal TortoiseSVN



Kunjungi situs ini ⇒ http://tortoisesvn.net/downloads.html. Unduh aplikasi tersebut lalu instal. Setelah terinstal, komputer harus di-restart karena aplikasi ini akan terintegrasi dengan menu konteks/menu klik kanan (shell command).



Setelah itu klik kanan pada desktop. Pilih menu TortoiseSVN » Settings:







 


 TortoiseSVN » Settings













Akan muncul kotak dialog seperti ini. Klik General dan klik tombol Edit:





 


Pengaturan TortoiseSVN



Setelah file config terbuka, salin kode ini dan letakkan di bawah komentar # Makefile = svn:eol-style=native


[miscellany]
enable-auto-props = yes

[auto-props]
# Scriptish formats
*.bat = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.bsh = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-beanshell
*.cgi = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.cmd = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.js = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/javascript
*.php = svn:eol-style=native; svn:keywords=Id Rev Date; svn:mime-type=text/x-php
*.pl = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl; svn:executable
*.pm = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl
*.py = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-python; svn:executable
*.sh = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-sh; svn:executable

# Image formats
*.bmp = svn:mime-type=image/bmp
*.gif = svn:mime-type=image/gif
*.ico = svn:mime-type=image/ico
*.jpeg = svn:mime-type=image/jpeg
*.jpg = svn:mime-type=image/jpeg
*.png = svn:mime-type=image/png
*.tif = svn:mime-type=image/tiff
*.tiff = svn:mime-type=image/tiff

# Data formats
*.pdf = svn:mime-type=application/pdf
*.avi = svn:mime-type=video/avi
*.doc = svn:mime-type=application/msword
*.eps = svn:mime-type=application/postscript
*.gz = svn:mime-type=application/gzip
*.mov = svn:mime-type=video/quicktime
*.mp3 = svn:mime-type=audio/mpeg
*.ppt = svn:mime-type=application/vnd.ms-powerpoint
*.ps = svn:mime-type=application/postscript
*.psd = svn:mime-type=application/photoshop
*.rtf = svn:mime-type=text/rtf
*.swf = svn:mime-type=application/x-shockwave-flash
*.tgz = svn:mime-type=application/gzip
*.wav = svn:mime-type=audio/wav
*.xls = svn:mime-type=application/vnd.ms-excel
*.zip = svn:mime-type=application/zip

# Text formats
.htaccess = svn:mime-type=text/plain
*.css = svn:mime-type=text/css
*.dtd = svn:mime-type=text/xml
*.html = svn:mime-type=text/html
*.ini = svn:mime-type=text/plain
*.sql = svn:mime-type=text/x-sql
*.txt = svn:mime-type=text/plain
*.xhtml = svn:mime-type=text/xhtml+xml
*.xml = svn:mime-type=text/xml
*.xsd = svn:mime-type=text/xml
*.xsl = svn:mime-type=text/xml
*.xslt = svn:mime-type=text/xml
*.xul = svn:mime-type=text/xul
*.yml = svn:mime-type=text/plain
CHANGES = svn:mime-type=text/plain
COPYING = svn:mime-type=text/plain
INSTALL = svn:mime-type=text/plain
Makefile* = svn:mime-type=text/plain
README = svn:mime-type=text/plain
TODO = svn:mime-type=text/plain

# Code formats
*.c = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.cpp = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.h = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.java = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.as = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.mxml = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain

# Webfonts
*.eot = svn:mime-type=application/vnd.ms-fontobject
*.woff = svn:mime-type=application/x-font-woff
*.ttf = svn:mime-type=application/x-font-truetype
*.svg = svn:mime-type=image/svg+xml



Simpan perubahan yang kamu lakukan. Biarkan sampai di sini dulu.



Pekerjaan II: Membuat Halaman Proyek Baru



Jika belum punya akun Google, buat terlebih dahulu agar bisa mendapatkan akses ke Google Code. Kunjungi http://code.google.com, lalu klik Create A New Project:







Buat proyek baru.



Isi formulirnya, atur pilihan version control system ke Subversion, lalu pilih lisensi yang kamu kehendaki untuk

file-file yang diunggah di situ:







Mengisi formulir.



Klik Create Project. Kamu akan dibawa menuju halaman dasbor proyek barumu jika sudah berhasil. Klik tab Source lalu klik tautan googlecode.com password untuk membuat password. Ini digunakan untuk menghubungkan aplikasi dengan proyek Google kamu:







Mengenerasikan password Google Code.



Catat password yang tampil:







Password —dan alamat email— sudah digenerasikan.





Mulai Mengunggah



Buka aplikasi TortoiseSVN dengan cara mengeklik kanan pada desktop lalu pilih TortoiseSVN » Repo Browser:







Repo browser.



Akan muncul kotak dialog untuk memasukkan URL proyek:







Memasukkan URL proyek.



Pola URL selalu berbentuk seperti ini:https://nama_proyek.googlecode.com/svn/trunk/







Yang harus diingat dan yang paling sering membuat gagal dalam pengunggahan file: Saat menuliskan URL proyek di aplikasi, gunakan https, tapi saat ingin melihat hasilnya atau mengakses hasil kerjanya secara online, gunakan http



Klik OK. Tunggu sampai proses memuat selesai.



Buka folder dimana terdapat file yang ingin diunggah. Seret file yang diinginkan ke area daftar file unggahan:







Mengunggah file.



Tunggu beberapa saat, maka kamu akan diminta untuk mengautentikasikan akun Google Code kamu seperti

ini:





Autentikasi akun Google Code.



Isi alamat email dan password yang sebelumnya sudah kamu catat. Centang Save authentication agar kita tidak perlu berkali-kali login pada saat pengunggahan file di masa mendatang.



Dengan menggunakan aplikasi subversi, selain bisa mengunggah berbagai file yang tidak biasa, kita juga bisa mengedit file yang sudah kita unggah. Sehingga kita tidak perlu menghapus file lama dan mengunggah file yang baru berulang kali seperti saat menggunakan akun Google Code pada umumnya.



Untuk memeriksa hasil kerja satu per satu secara online, akses pola URL ini:



http://nama_proyek.googlecode.com/svn/trunk/



Kita juga bisa mengedit (hanya mengedit) file melalui situs Google Code secara langsung (jika kita memberikan izin pada pengaturan pengeditan secara online). Kunjungi pola URL ini:



http://code.google.com/p/nama_proyek/source/browse/trunk/



Thanks to Taufik Nurrohman for great Article : Hosting File dengan Google Code dan TortoiseSVN






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.












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