Kali ini akan saya kasih tau cara menambahkan yahoo smiley emoticon pada artikel blog,biarpun mungkin ini bukan trik baru tetapi banyak kok yang belum tau,jadi saya tulis aja dech..Ok caranya..

Menambahkan emoticon waktu kita mengisi kotak komentar mungkin adalah sesuatu yang menarik,apabila anda merasa demikian begitu juga yang dirasakan pengunjung blog,menjadikan komentar dari para pengunjung lebih menarik apabila ditambah dengan emoticon,maka kali ini saya beritahu cara menambahkan yahoo smiley emoticon diatas kotak komentar pada blogger,langsung saja langkah-langkahnya yaitu:



#Step 1

- Login ke blogger.
- Lalu ke Layout kemudian EDIT HTML.

* Kemudian temukan kode berikut :

Blogger mania semuanya pasti sering melakukan pengeditan atau coba-coba ber-exsperimen dengan template,Soalnya kalau baru ganti template biasanya fasilitas yang disediakan template itu sangatlah sedikit dan sederhana. Tetapi walaupun begitu blogger memiliki kelebihan dalam bidang Pengelolaan template, diblogger kita dapat melakukan pengeditan dan modifikasi template semau kita dengan gratis nggak seperti di wordpress yang kalau mau memodifikasi template harus bayar dulu, emangnya kita punya banyak duit apa ?


Nah sobat blogger semua diluar semua itu dalam melakukan pengeditan atau modifikasi template kan nggak selalu lancar terkadang pengeditan itu malah membuat masalah yang bikin template kita jadi rusak, apalagi kalau sebelumnya kita belum memback up dulu. Maka pada postingan saya kali ini saya ingin berbagi saran bagi sobat blogger senua untuk dapat melakukan pem-back upan template dulu sebelum meng-edit di bagian edit html.saya yakin pasti sudah banyak yang tahu caranya, tetapi bagi yang masih belum tahu caranya lebih baik membaca tutorial saya yang ini dulu biar ngerti.

Langkahnya yaitu :

Saya yakin banyak pengguna blogger tidak menginginkan munculnya "navigasi bar" yang terpampang diatas header blog,maka kalli ini saya menulis satu trik lagi untuk anda yaitu bagaimana menghilangkan navbar padablogger,sangat mudah sebenarnya,hanya&dengan menambahkan kode pada CSS template caranya yaitu :

Step 1: Login ke blogger >>masuk ke  "tata letak" >>"edit HTML".
Step 2: Temukan kode berwarna biru seperti di bawah :

Step 3: Tempatkn kode merah dan lakukan seperti gambar di atas :

Kode :

#navbar-iframe {

display: none !important;
}

Selamat mencoba...,apabila ada kegagalan silahkan tinggalkan komentar..

Wah..waktu sudah menunjukan pukul 01.15 tapi mata saya belum terasa ngantuk sekali,sebelum saya tidur nanti sebelumnya akan saya bagi satu tips tentang blogger yaitu cara menambah satu lagi sidebar di blog anda,mungkin ada sebagian dari anda tidak menginginkannya,tetapi pasti akan ada pula yang menganggap ini sangat berguna.

Selain untuk meletakan konten yang lebih banyak, tambahan sidebar juga akan menambah kesan blog anda serasa terawat karena banyaknya konten yang ada,inilah sekilas gambarannya :

Mari kita mulai,kita harus meng-edit kode template maka :

Step 1 : Masuk ke >> TATA LETAK >>EDIT HTML.

Step 2 : Temukan kode berikut :

Lihat hanya pada kode yang saya tandai "merah" kode yang lain adalah kode widget didalamnya.

Step 3 :  Temukan juga kode berikut :

Step 4 : Copy & paste kode dari step#2,letakan kode tersebut diatas kode step#3 maka akan telihat seperti ini :

Step 5 : Kali ini kita butuh meng-edit kode CSS pada template :

 

Kode yang saya warnai "biru" mungkin saja berbeda dengan template anda,selanjutnya ganti kode yang berwarna "merah" dari $endSide dengan $startSide.

Selamat mencoba jangan lupa tinggalkan komentar..

Trik kali ini adalah menambahkan daftar posting artikel pada blogger/blogspot anda,sebagai contoh dapat anda lihat recent post/articles pada blog ini,nanti hasilnya akan sama persis seperti itu.

Caranya adalah sebagai berikut :

• Download kode berikut.
• Login ke blogger lalu masuk ke TATA LETAK dan tambahkan satu widget Java script/HTML baru.
• Copy & paste kode ke widget.
• Klik SIMPAN.
• Lalu lihat hasilnya dengan lihat blog.

Selamat mancoba...

Seperti pada judul,trik kali ini adalah menambahkan navigasi Next page pada halaman blogger/blogspot anda dengan cara instan ini adalah alternatif apabila pada post anda gagal menambahkan widget ini,cara ini lebih mudah tanpa harus "menjelajahi" kode theme anda,anda lihat pada halaman bawah blog ini?

Nah nati hasilnya akan sama persis seperti itu,caranya adalah :

• Download kode java script berikut.
• Seperti biasa,Login ke blogger lalu masuk ke Tata letak dan tambahkan widget Java sript/HTML baru .
• Copy & paste kode.
• lalu lihat blog.

Temukan trik-trik lain dengan rutin mengunjungi Blog ini,selamat menncoba dan "HAPPY BLOGGING !!"

Satu trik lagi buat anda..kali ini tentang trik me-nonaktifkan klik kanan pada page/halaman blog anda,ini bertujuan tak lain untuk mencegah tindakan "copas" yang jelas merugikan anda sebagai pemilik blog,contoh seandainya anda sedang asyik browsing tiba-tiba melihat konten artikel blog yang anda kunjungi sama persis dengan artikel blog anda,anda bertanya-tanya "kenapa artikel saya bisa "nongkrong disini?".

anda baru sadar orang lain telah menjiplak hasil karya anda tanpa seizin anda,mungkin seseorang bisa  mengatakan anda "pelit" akan tetapi apabila anda merasa hasil karya anda berharga dan sayang akan hasil karya anda pastilah anda berpikir sama dengan saya,yaitu melindungi halaman blog dari tindakan "copas" mungkin ini bukan termasuk perlindungan yang mutlak tapi paling tidak cara ini sangat membantu.

Nah langkah-langkah menerapkan trik ini adalah :

• Download Kode berikut.
• Login ke blogger lalu masuk ke Tata letak dan tambah widget Java script/HTML.
• Copy kode lalu paste ke dalam kolom HTML text pada widget.
• Klik simpan.
• Lihat hasilnya dengan "log out" lalu buka blog.

Anda dapat menghilangkan fitur ini dengan menghapus kode java script tersebut.
Selamat mencoba...

Apakah anda telah tahu kalau pada blogger juga dapat ditambahkan widget recent comment?atau mungkin anda telah jauh hari mendengar tetapi tidak tahu bagaimana cara mendapatkan widget recent comment tersebut pada blog anda.

Recent comment adalah widget yang berfungsi untuk menunjukkan siapa saja seseorang yang memberikan komentar saat berkunjung di blog,Pada blog yang mempunyai hosting sendiri,Recent comment dapat berjalan karena sistem didukung "MYSQL" pada web hosting,tetapi dengan blogger kita bisa mendapatkanhanya hanya dengan cara mudah tanpa harus setup "MYSQL" yaitu hanya dengan mendaftarkan blog anda ke situs penyedia widget tersebut,langlkah-langkahnya adalah :

• Klik link ini.
• Maka anda akan di arahkan ke halaman situs&pada halaman akan terpampang formulir yang harus anda isi seperti di bawah ini :

• 
  
  Setelah itu anda akan di arahkan ke halaman konfirmasi pada blogger anda,dengan demikian anda tinggal meng-klik tombol "add widget" saja.
  
• 
  
  Maka otomatis widget akan terpasang .
  

Selamat mencoba..

Lihat pula :

• 
  
  Cara membuat favicon
  
• 
  
  Perkecil ukuran file EXE
  
• 
  
  Agar novel,artikel dapat dibaca di HP
  

Banyak yang mengatakan next page link hanya muncul pada wordpress tetapi kali ini akan saya beritahukan cara agar link next-prev dapat terpampang di bagian bawah halaman,yaitu dengan menambah beberapa code javascript pada template anda,lihat pada sreenshot :

Langsung saja dech..langkah-langkahnya adalah :

• Login ke blogger dan akses ke "Layout" lalu ke "edit HTML".
• Temukan code :
• 
  
   Lalu tambahkan kode di bawah ini tepat diatasnya :
  
  
  

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;<br /> }<br /> <br /> .showpageArea a {border: 1px solid #505050;<br /> color: #000000;font-weight:normal;<br /> padding: 3px 6px !important;<br /> padding: 1px 4px ;margin:0px 4px;<br /> text-decoration: none;<br /> }<br /> .showpageArea a:hover {<br /> font-size:11px;<br /> border: 1px solid #333;<br /> color: #000000;<br /> background-color: #FFFFFF;<br /> }<br /> <br /> .showpageNum a {border: 1px solid #505050;<br /> color: #000000;font-weight:normal;<br /> padding: 3px 6px !important;<br /> padding: 1px 4px ;margin:0px 4px;<br /> text-decoration: none;<br /> <br /> }<br /> .showpageNum a:hover {<br /> font-size:11px;<br /> border: 1px solid #333;<br /> color: #000000;<br /> background-color: #FFFFFF;<br /> <br /> }<br /> .showpagePoint {font-size:11px;<br /> padding: 2px 4px 2px 4px;<br /> margin: 2px;<br /> font-weight: bold;<br /> border: 1px solid #333;<br /> color: #fff;<br /> background-color: #000000;<br /> <br /> }<br /> <br /> .showpage a:hover {font-size:11px;<br /> border: 1px solid #333;<br /> color: #000000;<br /> background-color: #FFFFFF;<br /> <br /> }<br /> .showpageNum a:link,.showpage a:link {<br /> font-size:11px;<br /> padding: 2px 4px 2px 4px;<br /> margin: 2px;<br /> text-decoration: none;<br /> border: 1px solid #0066cc;<br /> color: #0066cc;<br /> background-color: #FFFFFF;}<br /> <br /> .showpageNum a:hover {font-size:11px;<br /> border: 1px solid #333;<br /> color: #000000;<br /> background-color: #FFFFFF;<br /> }<br />

Maka akan terlihat seperti ini :

Lalu temukan juga :

Nah sekarang tambahkan kode di bawah ini tepat di bawah

<script type="text/javascript"><br /> <br /> function showpageCount(json) {<br /> var thisUrl = location.href;<br /> var htmlMap = new Array();<br /> var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";<br /> var isLablePage = thisUrl.indexOf("/search/label/")!=-1;<br /> var isPage = thisUrl.indexOf("/search?updated")!=-1;<br /> var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";<br /> thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;<br /> var thisNum = 1;<br /> var postNum=1;<br /> var itemCount = 0;<br /> var fFlag = 0;<br /> var eFlag = 0;<br /> var html= '';<br /> var upPageHtml ='';<br /> var downPageHtml ='';<br /> <br /> var pageCount=5;<br /> var displayPageNum=3;<br /> var firstPageWord = 'First';<br /> var endPageWord = 'Last';<br /> var upPageWord ='Previous';<br /> var downPageWord ='Next';<br /> <br /> var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';<br /> <br /> for(var i=0, post; post = json.feed.entry[i]; i++) {<br /> var timestamp = post.published.$t.substr(0,10);<br /> var title = post.title.$t;<br /> if(isLablePage){<br /> if(title!=''){<br /> if(post.category){<br /> for(var c=0, post_category; post_category = post.category[c]; c++) {<br /> if(encodeURIComponent(post_category.term)==thisLable){<br /> if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){<br /> if(thisUrl.indexOf(timestamp)!=-1 ){<br /> thisNum = postNum;<br /> }<br /> <br /> postNum++;<br /> htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br /> }<br /> }<br /> }<br /> }//end if(post.category){<br /> <br /> itemCount++;<br /> }<br /> <br /> }else{<br /> if(title!=''){<br /> if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){<br /> if(thisUrl.indexOf(timestamp)!=-1 ){<br /> thisNum = postNum;<br /> }<br /> <br /> if(title!='') postNum++;<br /> htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br /> }<br /> }<br /> itemCount++;<br /> }<br /> }<br /> <br /> for(var p =0;p< htmlMap.length;p++){<br /> if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){<br /> if(fFlag ==0 && p == thisNum-2){<br /> if(thisNum==2){<br /> if(isLablePage){<br /> upPageHtml = labelHtml + upPageWord +'</a></span>';<br /> }else{<br /> upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';<br /> }<br /> }else{<br /> upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';<br /> }<br /> <br /> fFlag++;<br /> }<br /> <br /> if(p==(thisNum-1)){<br /> html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';<br /> }else{<br /> if(p==0){<br /> if(isLablePage){<br /> html = labelHtml+'1</a></span>';<br /> }else{<br /> html += '<span class="showpageNum"><a href="/">1</a></span>';<br /> }<br /> }else{<br /> html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span><br /> <br /> ';<br /> }<br /> }<br /> <br /> if(eFlag ==0 && p == thisNum){<br /> downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';<br /> eFlag++;<br /> }<br /> }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){<br /> }//end for(var p =0;p< htmlMap.length;p++){<br /> <br /> if(thisNum>1){<br /> if(!isLablePage){<br /> html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';<br /> }else{<br /> html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';<br /> }<br /> }<br /> <br /> html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;<br /> <br /> if(thisNum<(postNum-1)){<br /> html += downPageHtml;<br /> html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';<br /> }<br /> <br /> if(postNum==1) postNum++;<br /> html += '</div>';<br /> <br /> if(isPage isFirstPage isLablePage){<br /> var pageArea = document.getElementsByName("pageArea");<br /> var blogPager = document.getElementById("blog-pager");<br /> <br /> if(postNum <= 2){<br /> html ='';<br /> }<br /> <br /> for(var p =0;p< pageArea.length;p++){<br /> pageArea[p].innerHTML = html;<br /> }<br /> <br /> if(pageArea&&pageArea.length>0){<br /> html ='';<br /> }<br /> <br /> if(blogPager){<br /> blogPager.innerHTML = html;<br /> }<br /> }<br /> <br /> }<br /> </script><br /> <br /> <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><br /> <br /> <div style=’text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;’><a href=’http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.html’>Grab this Widget ~ Techie Blogger</a></div>

Selamat mencoba

Lihat juga part 2

Favicon adalan gambar ikon yang berada di sebelah kiri URL sebuah blog/website,ternyata kok masih banyak yang menanyakan apakah sebenarnya fungsi dari favikon itu sendiri,sebenarnya tidak ada fungsi yang berarti dari sebuah favicon,favicon tak lebih adalah sebuah ikon sebuah blog atau website,dengan adanya favicon tampilan tab menjadi lebih menarik saat user mengakses blog kita.

maka kali ini akan saya jelaskan bagaimana proses pembuatan dan pemasangan sebuah favicon setelah membaca artikel ini ternyata memasang favicon untuk blog sangatlah mudah:
- Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon resolusi yang lebih lebar lebih baik.
- Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com/
- Klik pada tombol Browse...
- Masukan gambar yang tadi dibuat untuk di ubah menjadi format ico.
- Klik pada tombol Generate Favicon.
- Setelah proses selesai, klik pada Click Here to Download your favicon, dan simpan.
- selanjutnya upload gambar favicon.ico ke hosting upload photo ke situs mana saja,asalkan itu situs upload photo.
- lalu copy URL gambar tersebut sebagai contoh saya mengupload favicon ke blog saya maka URLnya dalah :
http://utakatik.isgreat.org/wp-content/uploads/2009/09/favicon.ico
-Maka anda harus mengubah URL tersebut menjadi kode HTML dengan menamah kode :
<link rel="shortcut icon" href="http://utakatik.isgreat.org/wp-content/uploads/2009/09/favicon.ico"/>
-Lalu tempatkan kode tersebut diatas kode </head> kode tersebut ada di file header.php berada hampir paling atas pada skrip yang ada.
- Klik Save
- Dan favicon sudah terpasang...
Selamat mencoba...

Pada sistem operasi Windows, sering kita jumpai file yang berekstensi EXE berukuran besar, bisa berukuran lebih dari 5 MB. Kalau Anda ingin mengirimkannya ke teman Anda lewat e-mail, waktu yang dibutuhkan lama untuk upload bisa lama. Kawan Anda pun butuh waktu yang tidak sebentar untuk men-downloadnya. Ada sebuah aplikasi yang bisa mengompres ukuran file EXE menjadi lebih kecil, tapi bukan aplikasi seperti WinRar atau WinZip. Namanya UPX atau Ultimate Packer for eXecutables. Anda bisa mengunduhnya disini. Ukuran paket programnya boleh dibilang kecil—hanya 284KB. Jadi, hanya dibutuhkan sedikit waktu untuk men-downloadnya.

Selain singkatan dari Ultimate Packer for eXecutables, UPX juga disingkat dari Universal Portable eXtendable. Kata “universal” di situ menandakan bahwa aplikasi ini bersifat umum, bisa digunakan pada 20 format file EXE. Kata “portable” berarti aplikasi ini bisa digunakan tanpa harus diinstal karena ditulis dengan bahasa Portable Endian-Neutral C++. Kata “extendable” berarti mendukung file dengan format EXE dan kompresi algoritma baru.

Kalau Anda sudah mengunduh paket program, ekstrak file tersebut ke sebuah folder. Siapkan file EXE yang ingin dikompres dengan menyalinnya ke folder yang sama dengan aplikasi UPX. Karena aplikasi ini berjalan lewat DOS, jadi Anda harus membuka Command Prompt atau MS-DOS terlebih dahulu.

Caranya klik [Start] > [Run], lalu ketik cmd dan tekan [Enter]. Pada jendela Command Prompt, masuklah ke folder di mana file UPX diekstrak, misalnya folder-nya berada di drive D, ketik d: dan tekan [Enter] kemudian ketik cd diikuti dengan nama folder dan tekan [Enter] lagi. Misalnya cd UPX.


Setelah itu, ketik upx diikuti dengan nama file dan tekan [Enter]. Contoh: upx setup.exe. Tunggu hingga prosesnya selesai. Ketika UPX dicoba mengompres file exe berukuran 8339456KB, hasilnya memuaskan. Hasil kompresi berukuran 3104768 KB—hanya 37,23% dari ukuran file asli.


Kalau Anda ingin mengompres file yang berjumlah lebih dari satu, Anda bisa langsung mengompres semuanya. Caranya ketik upx *.exe atau upx *.dll dan tekan [Enter] untuk memprosesnya. Tapi jangan lupa, letakkan seluruh file yang hendak dikompres di 1 folder, yakni folder UPX.


Tapi, jika file tersebut telah dikompres, akan ada dampak negatif yang dihasilkan, performa file tersebut menjadi berkurang atau menjadi lambat. Untuk menanggulangi masalah tersebut, anda bisa mengestraknya kembali, ketik perintah upx -d diikuti dengan nama file dan tekan [Enter]. Contoh: upx –d setup.exe. Dalam sekejap, file tersebut telah menjadi seperti semula.


Untuk mencegah hal – hal yang tidak diinginkan seperti rusaknya file exe, Anda sebaiknya membuat file backup, caranya ketik upx –k diikuti dengan nama file, kemudian tekan [Enter]. File Anda akan disalin di folder upx dengan ekstensi EX~. Jika Anda ingin menggunakannya lagi, ganti saja ekstensinya menjadi EXE dengan cara rename.