Cara Membuat Hidden ShoutBox

Terima kasih sobat, Karena soabat request ingin widget shoutbox seperti punya saya, maka kali ini saya akan menerangkan cara membuat hidden shoutmix atau shoutbox versi 1, kenapa versi 1?? karena masih ada shoutmix yang lebih canggih, kalu tidak salah nama lainnya hidden shoutghost sebab jika di klik maka akan muncul perlahan-lahan, namun kali ini saya akan menerangkan mengenai hidden shoutmix versi 1, langsung saja


1. Login ke Blogger seperti biasanya
2. Klik Tata Letak dan Pilih Tambah Gadget
3. Pilih html/javascript dan Copy Paste kode di bawah ini

<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:5px; -webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:5px;background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent">

-----TARUH KODE SHOUTMIX ATAU SHOUTBOX SOBAT DISINI-----

<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

CATATAN :

• Untuk mengganti posisi shoutbox menjadi di sebelah kiri ganti left menjadi right
• Untuk kode yang berwarna merah berfungsi sebagai warna border
• Untuk kode yang berwarna hijau berfungsi sebagai background shoutbox
• Untuk kode yang berwarna kuning berfungsi untuk mengatur ketinggian widget
• Sedangkan yang berwarna biru berfungsi sebagai url gambar sobat bisa menggantinya sesuai keinginan

4. Simpan dan Selesai

Semoga Berhasil dan Bermanfaat :D

>> Read More Cara Membuat Hidden ShoutBox

Cara Membuat Head Line News

Nah kali ini saya juga akan menerangkan atau memberikan cara bagaimana cara membuat teks berjalan seperti yang beerada pada bagian bawah blog ini atau mereka sering menyebutnya head line news. Dulu memang sempat saya mencari-cari dari mana dan akhirnya ketemu, karena sobat merequest langsung saya posting saja hehe sekalian berbagi, mungkin dengan berbagi kita bisa tambah ilmu hehe... langsung saja berikut cara membuat head line news :

1. Login ke Blogger
2. klik Menu Edit Html kemudian cari kode ]]></b:skin>. Gunakanlah fasilitas search untuk memudahkan mencarinya dengan menekan CTRL+F.
Copy scipt dibawah ini, lalu paste diatas code ]]></b:skin> yang tadi.

#anima_sudut {
position:fixed;_position:relative;bottom:5px; right:0px;
clip:inherit;
_bottom:expression(document.documentElement.scrollbottom+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#anima_sudut a:link {
color:#000000;}
#anima_sudut a:visited {
color: #FFFFFF;
text-decoration:none;}
#anima_sudut a:hover {
color: #000000;}

CATATAN :

• Untuk menuntukan posisinya, sobat bisa merubah top:10px; left:10px; .( top=atas, bottom=bawah, right=kanan, left=kiri)

• Untuk kode yang berwarna merah berfungsi sebagai atau untuk membuat link berwarna

• Untuk kode yang berwarna hijau berfungsi sebagai atau untuk membuat text berubah warna ketika link yang berada pada head line news disorot mouse

• Kalau sobat sudah punya script( #anima_sudut) di html blog sobat, tambahkan angka dibelakangnya atau semacamnya untuk membedakan nya.

Contoh : #anima_sudutcr7, #anima_suduti, #anima_sudut2, atau yang lain pokoknya tidak sama

Kemudian copy-paste code dibawah ini diatas code </body>.

<div id="anima_sudut">
&lt;font COLOR="#000000"&gt;
&lt;B&gt;&lt;MARQUEE onmouseover="this.stop()" onmouseout="this.start()" direction="left" BGCOLOR="#80ff00" width= 100%px scrollamount="3"&gt;
WELCOME TO PORTABLECTECH | SILAHKAN GANTI DENGAN TEXT ANDA
&lt;/MARQUEE&gt;&lt;/b&gt;&lt;/font&gt;
</div>

CATATAN :

• Jangan lupa samakan variabel script di atas dengan yang dibawah.
  Misalnya, yang diatas menggunakan nama #anima_sudut2 maka yang di bawah otomatis harus disamakan juga menjadi anima_sudut2.
  Jangan lupa ganti height dan width nya sesuai dengan ukuran blog anda. tidak diganti juga tidak apa-apa hehe...

• Untuk kode yang berwarna biru berfungsi sebagai warna teks pada head line news

• Untuk kode yang berwarna kuning berfungsi sebagai background head line news

Semoga bermanfaat dan sukses selalu :)

>> Read More Cara Membuat Head Line News

Download Sofware Pembuat Portable

Untuk memenuhi request sobat blogger, kali ini saya akan ngeshare mengenai software pembuat software portable, hehe software pembuat sofware portable???? Tau maksudnya kan?? Kalau sudah tahu saya akan menjelaskan mengenai software ini yakni ThinApp. ThinApp adalah sebuah aplikasi yang dapat digunakan untuk membuat beberapa aplikasi portabel untuk pengguna. Tapi sobat harus membuat prosedur ini hanya dengan aplikasi yang belum terinstal di komputer sobat. Nah kurang lebih seperti itu untuk penjelasannya, tidak usah panjang lebar. Langsung saja begini caranya :

Step 1: Go to theStart button and select All Programs , and then choose VMWARE before going on the "ThinApp Setup Capture" shortcut.



Step 2: When the ThinApp Setup Capture window pops up, click on"Next".



Step 3: Close all the applications that can halt the process as well as the application that you want to make portable. When done, click Next.



Step 4: The application will scan for the files required and may take some time. Do not touch anything while this process has started, it will let you know automatically when done.



Step 5: When it has finished, minimize the ThinApp window as indicated on the screen.



Step 6: You can now install the application that you want to make portable (for this example we have used Tune Up Utilities, available through the link: http://en.kioskea.net/telecharger/telecharger 1448 tuneup utilities )




Step 7: if the application requires the serial number in order to run, enter it to validate the software. Do not forget to configure the software before proceeding to the next step.



Step 8: When the installation is done maximize the ThinApp window and click on Next to analyse once more your system.



Compilation
The analysis of the system will determine which folders and files are needed for the installation of the software to be able to create a portable version of it.
Step 9: When the User-accessible entry points window pop ups, check the software that need to be made portable and when this is done, you can now click Next



Step 10: You can now choose the flash disk device where you want the application to run in and click Next when done.



Step 11: Leave the Merged isolation mode checked and click Next .



Step 12: Choose the Fast Compression option to get the maximum space that will be required on the flash disk. Click on Next.



Step 13: The folders that will be needed by the application will hence be located in the same directory.



Step 14: When the previous step is over, you can now click on Build Now to make a whole folder on the file contents needed to execute the portable application.



Step 15: You must now choose the Browse Project option to get hold of the folder made specially for the portable software.



Step 16: Browse for the Bin folder and double click on its icon to open it.



Step 17: The last step left is to copy the executable application on your flash disk and you are done!


Download

Download Sofware Pembuat Portable

>> Read More Download Sofware Pembuat Portable