Wednesday, December 18, 2013

PERALATAN DAN INSTALASI

Posted by at 11:49 PM · 0 comments
Sebelum menggunakan software yang dibutuhkan untuk menulis kode program, kita harus menginstalasi JDK (Java Development Kit) -nya terlebih dahulu. Kita bisa memperolehnya di http://www.oracle.com/technetwork/java/javase/downloads/index.html, kemudian pilih bagian download atau langsung menggunakan link yang tersedia di bawah ini (JDK)

JDK 7 untuk Windows 32 bit

JDK 7 untuk Windows 64 bit

JDK 7 untuk Linux 32 bit

JDK 7 untuk Linux 64 bit

dan berikut langkah-langkah menginstal JDK :

Klik Next

Klik Next

Tunggu hingga selesai

Tahap ini untuk mengubah direktori dimana Java akan diinstalasi. Jika ingin mengubahnya, klik Change dan klik Next

Tunggu hingga proses selesai

Klik Close, Selamat! Java berhasil diinstalasi

Setelah menginstalnya, barulah kita memasang tools untuk membuat program Java. Ada berbagai macam tools yang bisa Anda gunakan seperti Netbeans, Eclipse dan BlueJ. Jika Anda ingin membuat program Java secara profesional, maka saya sarankan menggunakan Netbeans atau Eclipse. Tetapi, jika tujuannya adalah untuk pembelajaran, maka BlueJ adalah pilihan yang tepat. Selain untuk menuliskan kode, BlueJ juga memiliki fitur untuk menampilkan susunan atau hirarki kelas-kelas Java yang dibuat. Tentunya, ini akan memudahkan para progamer Java pemula agar lebih memahami tentang bagaimana membuat sebuah program secara sistematis. Untuk mendapatkan BlueJ, Anda bisa men-download-nya di http://www.bluej.org/download/download.html sesuai sistem operasi yang anda gunakan.


Berikut langkah-langkah menginstalasi BlueJ :

Klik Next

Tahap ini untuk memilih BlueJ diinstalasi pada akun ini atau untuk semua akun Windows yang ada. Sebaiknya klik Next saja.

Klik Next

Tahap ini untuk memiliki lokasi dimana BlueJ akan diinstalasi. Klik Change jika ingin mengubah dan klik Next

Klik Install

Tunggu hingga selesai

Selamat! BlueJ telah berhasil diinstalasi

Kita sudah berhasil menginstalasi JDK dan BlueJ. Pada tutorial selanjutnya, kita akan mengkonfigurasi dan belajar menggunakan program tersebut.
Labels: , , , , , , , , , , , ,

Saturday, December 14, 2013

CARA KERJA JAVA

Posted by at 8:29 PM · 0 comments
Halo sobat, kita sudah membahas tentang berbagai kelebihan dan kelemahan Java. Selanjutnya, kita akan masuk pada pembahasan mengenai bagaimana sebuah program Java dapat berjalan. Namun, alangkah baiknya jika mengetahui dahulu perbedaan antara compiler dan interpreter. Compiler menerjemahkan kode program secara keseluruhan, sedangkan interpreter melakukannya baris demi baris. Oleh karena itu, interpreter membutuhkan proses lebih lama dari compiler. Java menerapkan dua sistem terjemahan tersebut.

Agar lebih mudah dipahami, maka cara kerjanya akan dituliskan berdasarkan urutan di bawah ini.

a. Kode program ditulis dan disimpan dalam file berekstensi (tipe dari sebuah file dan biasanya ditulis setelah nama dari file tersebut, penjelasan lebih lanjut bisa dilihat di bagian ‘KAMUS’ di blog ini) .java.

b. Kode kemudian dikompilasi (menggunakan compiler) dan menghasilkan kode objek yang dalam hal ini disebut bytecode. Hasil kompilasi ini akan membut file .class. File ini menyimpan perintah tertentu yang hanya dipahami oleh mesin virtual Java.

c. Selanjutnya, bytecode ini akan diterjemahkan baris demi baris (menggunakan interpreter) yang hanya dilakukan saat program dijalankan atau dieksekusi. Berikut ilustrasi pembentukan program di dalam Java

ilustrasi cara kerja program dalam Java

Begitulah serangkaian kerja Java membentuk program. Selanjutnya kita akan masuk pada persiapan pembuatan program Java. Yey !
Labels: , , , , , , , , , , , , , , ,

KENAPA JAVA ?

Posted by at 12:09 AM · 0 comments
Java memiliki keunggulan yang tidak dipunyai bahasa lain, seperti bersifat multiplatform dan berorientasi pada konsep kelas dan objek murni. Disini akan diungkap mengapa Java dipilih sebagai bahasa pemrograman yang unggul.

a. Berorientasi pada kelas dan objek murni
Java membagi program menjadi kelas-kelas dan dari kelas tersebut kita bisa membuat objek atau instance sebagai sesuatu yang unik untuk digunakan sewaktu-waktu.

b. Bersifat multiplatform dan open-source
Java memang didesain untuk dapat berjalan di berbagai platform yang berbeda. Dengan adanya sifat ini, sebuah program Java dipercayai dapat didistribusi dengan luas tanpa ada masalah pada sistem operasi. Cara kerjanya sangat simpel, saat program Java dikompilasi, ia tidak langsung dijadikan sebagai program yang siap jalan, melainkan ke kode yang disebut bytecode. Pada saat program dijalankan atau dieksekusi, mesin virtual Java atau JVM yang terinstal akan menerjemahkan bytecode tersebut. Karena hal tersebut, beberapa pihak mempunyai anggapan bahwa Java itu lambat. Namun kini, hal tersebut tidaklah benar. Kita akan membahas hal tersebut di bagian selanjutnya.

c. Sederhana dan mudah dimengerti
Bahasa ini sekilas terlihat mirip dengan bahasa leluhurnya seperti C++. Namun, beberapa fiturnya telah diubah untuk memudahkan pemorgraman, seperti pembersihan memori otomatis (garbage collector) dan pengalokasi memori otomatis (memory allocation) dan penghilangan pointer seperti yang ada di C++.

d. Bersifat multithread
Java memiliki kemampuan untuk mengerjakan beberapa proses dalam waktu yang sama.

e. Pembersihan dan pengalokasian memori otomatis
Seperti yang tadi dibahas, Java memiliki fitur pembersihan dan pengalokasian memori secara otomatis, sehingga programer Java tidak perlu khawatir dan bingung dalam mengatur memori bagi suatu aplikasi yang akan dibuat.

Setelah membahas keunggulannya, tentu tidak adil apabila kita tidak membahas kelemahannya juga. Namun, beberapa pihak diantaranya mengungkap kelemahan Java yang sebenarnya tidak benar. Berikut beberapa kelemahan Java dan cara mengatasinya.

a. Java itu lambat untuk aplikasi tingkat tinggi
Java dipercaya sangat lambat untuk aplikasi yang membutuhkan banyak memori atau aplikasi grafis seperti game dan graphics rendering (seperti Photoshop dan Blender) . Namun, hal ini tidaklah benar. Sejak dirilisnya versi 1.4, Java mempunyai kecepatan yang hampir sama dengan C++. Bahkan, Java SE versi 6 lebih cepat sekitar 20 sampai 25 persen dari pendahulunya.

b. Java mempunyai memory leaks
Memori leaks adalah kesalahan yang dibuat sistem karena tidak adanya lagi ruang memori untuk program yang berjalan. Dalam beberapa kasus, program yang dibuat dengan Java mengalami masalah ini. Namun, hal ini bisa diatasi dengan teknik pemrograman yang baik.

c. Java tidak mendukung aplikasi game console
Pernyataan ini kini tidak relevan lagi. Sejak dirilisnya Java SE 6, API (Application Programming Interface) untuk keperluan grafis seperti OpenGL dan DirectX telah didukung. Sebagai buktinya, kini terdapat emulator dan game 3 dimensi yang dibuat dengan Java.

d. Mudah didekompilasi
Program Java dianggap mudah diretas untuk diambil source-code nya (kode atau sintaks yang kita ketik saat programming). Ini dapat diatasi dengan menambahkan proteksi pada program tersebut.

Itulah beberapa kelebihan dan kelemahan Java sebagai bahasa pemrograman. Sebagai programer Java, Anda seharusnya bisa menerima semua hal tersebut. Ini sangatlah penting dalam menentukan tujuan tentang program apa yang ingin Anda buat. Selanjutnya, kita akan memahami bagaimana sebuah program Java bekerja.
Labels: , , , , , , , , , , , , , , ,

Friday, December 13, 2013

SEKILAS TENTANG JAVA

Posted by at 9:41 PM · 0 comments
Java adalah bahasa pemrograman yang berorientasi pada konsep kelas dan objek dan dibuat untuk memenuhi kebutuhan banyak kalangan. Mungkin bagi kalian yang suka memasang aplikasi di handphone, Java tidaklah terdengar asing. Selain itu, ia juga bisa dijalankan di komputer anda dan mendukung banyak sistem operasi seperti Windows, Mac OS, dan Linux.

Bahasa pemrogaman Java banyak memakai kode atau sintaksis yang mirip dengan bahasa leluhurnya, yakni C dan C++ yang sudah disederhanakan. Ia juga sering dikenal dengan julukan WORA (Write Once Run Anywhere) yang berarti setelah sebuah program dibuat dan dibungkus menjadi aplikasi yang siap jalan (di-compile), maka program tersebut tidak perlu di-compile ulang apabila ingin digunakan di sistem operasi yang berbeda. Misalnya, program Java ini dibuat dan di-compile di sistem operasi Windows, maka ia juga bisa langsung dipakai di sistem operasi Mac atau Linux dengan catatan JVM (Java Virtual Machine) telah telah terpasang.

Java lahir dari projek bernama The Green Project sejak Juni 1991 dan sebenarnya didesain untuk teknologi interaksi televisi. Projek tersebut dijalankan oleh 3 orang, yaitu James Gosling, Mike Sheridan, and Patrick Naughton. Pada awalnya, Java dikenal dengan nama Oak, jenis pohon yang tumbuh di depan pekarangan kantornya Abang Gosling. Namun sayang, telah terjadi perpecahan diantara pendiri projek dan tiga dari pimpinan utama proyek, Eric Schmidt dan George Paolini dari Sun Microsystems bersama Marc Andreessen, membentuk Netscape. Oleh karena nama Oak telah dipakai oleh merek dagang lain, nama ini kemudian digantikan dengan Java. Nama Java sendiri diambil dari nama pulau Jawa di Indonesia (Java dalam bahasa Inggris) yang konon katanya menjadi tempat produksi kopi kesukaan Abang Gosling ini.
Labels: , , , , , , , , , , , , , , , , , , ,

Ayo Belajar Java !

Posted by at 9:40 PM · 0 comments
Hai calon programmer! Disini kita akan belajar bagaimana membuat program dengan Java. Tutorial ini akan mengungkap semua hal yang mendasar hingga tingkat mahir dan tentunya ditulis dengan bahasa yang sangat sederhana yang mudah dimengerti. Oleh karena itu, bagi kalian yang belum punya latar belakang programming, janganlah khawatir. Dijamin, kalian akan menjadi sangat mahir di akhir tutorial ini.
Labels: , , , , , ,

Saturday, July 13, 2013

Random Player 37 Surahs in Juz 'Amma

Posted by at 3:08 AM · 0 comments

The most commonly referred and memorized juz' is "juz' Amma'," which is the 30th juz' and contains Surahs 78 through 114, most of the shortest suras in the Qur'an. 'Amma is generally taught first to children. Juz Amma is named after the 1st word of the 1st sura (i.e. sura 78) in that juz.

Labels:

Sunday, February 24, 2013

Auto Updat Mek

Posted by at 2:45 AM · 0 comments
Ah ketemu lagi sama . apa kabar guys? (sok bahasa bule segala). Kali ini saya mau berbagi sedikit serpihan script yang menurut saya belum sepenuhnya fix 100%, karena saya sendiri juga masih belajar membuat script ini maklum lah masih NEWBIEE.

Script ini saya ambil referensi nya dari (aing creations) donk PASTINYA. :P
Sesuai judul diatas "Auto Post/Update Status halaman" yang artinya begini saya jelaskan sedikit.

Sebagai contoh kita ambil halaman Saya Sadforme.
http://www.facebook.com/310227002391059

Nah pastinya dihalaman itu selalu update status kan, jadi cara kerja scriptnya yaitu :
[1]. Sie script akan mengambil beberapa postingan dari halaman tersebut lalu,
[2]. Sie script akan memngumpulkan beberapa postingan setelah itu akan di acak postingnya tadi dan,
[3]. sie script akan mentransfer ke target yang kita pilih.

[kalau kurang paham buka ini aja HELP?]

1. Download Scriptnya dibawah ini :
    Download Script
2. Buka http://script.google.com/ (Login pakai GMAIL, kalau gag punya ya daftar).
3. Copy semua codenya lalu tinggal paste aja ke project kamu, lalu save.

Yang perlu dirubah hanya bagian ini :
kumpulanIdPage:[
"310227002391059", //Isi ID halaman yang nantinya diacak buat bahan update.
],
token:"AAAAAAIZAgwG", //Isi dengan token kamu donk pastinya. Get token?
targetUpdate:"3102270023910xx", //Target buat update (isi id kamu atau id grup kamu)
};

NB : triggers yang dijalankan "AutoPost()" (every hour)

Untuk referensi bukan sekedar copy/paste gan!!!
Labels:

Wednesday, February 20, 2013

NEW RELEASE POINT BLANK SERVER EMULATOR i3core Server Version 1.7

Posted by at 6:44 AM · 0 comments



FIX FEATURES
1. Clan
2. Season Battle Info
3. Special User Icon
4. Exp Point And Cash
5. Unlimited Time Battle
6. A.I Mode on New Map
7. Best Player Icon
8. Create Room On Clan Server
9. New Weapon - Knife - Grenade - Item - Character - Mask - Dino

PICTURES
Spoiler for Screen Shoots:






AI. Mode Punch - RPG - Knife - Pistol - Shotgun - Sniper
Spoiler for Screen Shoots:









Special Weapons
Spoiler for Screen Shoots:






DOWNLOAD COMPONENT
Spoiler for Komponen Download:
Download file server + Database v1.7 :
Code:
http://adf.ly/JUPbb
Download file Client :
Code:
http://narod.ru/disk/52776560001.9493ba3a1fac1ae1237aa8de37624d97/PointBlankPTS.rar.html
or
Code:
http://adf.ly/JYXAy
Java :
Code:
http://adf.ly/JUHQv
MySQL x64 or x32:
Code:
http://adf.ly/JUHNW
Code:
http://adf.ly/JUHJv
Navicat :
Code:
http://adf.ly/JUHFy
PB Client IP Editor :
Code:
http://adf.ly/JUHDH
Tutorial :
Code:
http://adf.ly/JUHAZ


NEW SERVER MANAGER AND CLIENT LAUNCHER

PB Client Launcher Download :
Code:
http://adf.ly/JUH11
For Login to Game

to facilitate you in managing server.
very useful for newbie
tools feature, you can see in the picture above.
you do not need to download the server again.
because file.exe therein existing server ( PORTABLE )
Link download :
Code:
http://adf.ly/JUGve
CREDIT
Spoiler for Credited:
NOTE : Work on all windows 32 or 64
ServerSourceCode by : felixxx and Dark Skeleton
Editor Developed by : i3coredev





SEMOGA BERMANFAAT





TUTORIAL EDIT RANK, NICK, GP, EXP
Code:
http://adf.ly/JUI9O


Labels:

Cheat PointBlank Offline

Posted by at 6:41 AM · 0 comments



how to play shotgun match / rpg match / dino mode
with AI

1. Login game and create room AI MODE. ( Map Portacaba )
2. Open Cheat Engine and select target PointBlank.exe
3. Scan type "Array of Bytes" Value "08 00 00 08" ( NEW SCAN )
Gambar Terposting

4. if completed scan, then change the maps 2. and change value "08 00 00 08" in cheat engine
to value "10 00 00 08". click ( NEXT SCAN ) and you would found 1 address. see it
Gambar Terposting

5. Click right on address found. then click "Browse this memory region"
Gambar Terposting

Gambar Terposting

6. see picture above. change value "78 ( ALL WEAPON )" to "97 (RPG mode 1) or 98 (RPG mode 2)"
8A (RPG)
7A (SHOTGUN)
04 (PUNCH)
10 (KNIFE)
30 (PISTOL)
51 (SNIPER)
7. after replacing value. change AI.mode level or number of bots before start game (to work).
8. ENJOY PLAYING GAME :)

Credit : xenoz


How to change map

use cmd map <number map> in AI.MODE room chat . then click start game

example : cmd map 9

map 9 is crackdown

List of maps

1 Port Akba
2 Squareindo
3 Library
4 manstation5 kickpoint6 Shopping Center
7 burning hall8 d-squad9 crackdown10 saints manstion11 estern road12 Downtown
13 Luxiville
14 boom city15 stormtube16 Giran [NEW]
17 Breakeown    18 Training Camp
19 Sentry Base
20 Desert Camp [ Mini Indonesia ]
21 Kick Point
22 Martyr Ridge
23 Supply Base
24 SandStorm
25 Downtown
26 Luxville
27 Outpost
28 Boom City
29 Stormtube
30 Sentry Bse
31 Hospital
31 Hospital
32 Closure
33 Shopping Center
34 SandStorm
35 Breakdown
36 ERROR37 Giran [NEW]
38 Helispot
39 BlackCat
40 TheNest [ DINO]
41 Inasion
42 Dino Breakdown
43 ERROR44 Tutorial Mode [NEW]
45 Shopping Center
46 Safari
47 ERROR48 Machu Picchu
49 CargoShip
50 High Rise

cmd map <map number>



yang mau info lebih lanjut untuk Point Blank Emulator i3core silahkan menuju Thread Aslinya

nyit-nyit.net/topic/116009-point-blank-emulator-i3core-server-version-17
Labels:

Wednesday, February 13, 2013

Add Social Media Share Widget To Blogger With Cool Hover Effect

Posted by at 4:10 AM · 0 comments



crtl  +  f  ]]></b:skin>

/*  -------------ScriptJabbers Social Share Widget----------------- */ 
#search{width:350px; border:1px solid #E0DFD9;background:urlundefined(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQoBEmCww6zy0uyh3tej3I5Xgh5wUeok4GKZj_Gl_E7o3jAf6NCZIiiibv4DA_r8WVYjq4BeGJOCBYxzCUBRNjPtpM0-1mm1drJQzMblmgTCbBgi8E_Bfs5G9-6k-Sb9d93KS4BshGwLg/s1600/search-bg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden} 
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left} 
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px} 
#search-wrap{padding:15px 0} 
.topsearch #search{margin-top:0;margin-bottom:10px}
.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px} 
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF} 
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E} 
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04} 
.social-connect-widget img{vertical-align:middle;margin-right:5px}

HTML

<div class='topsearch'> 
<div class='clerfix' id='search'> 
<form action='/search' id='searchform' method='get'> 
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search here...&quot;;}' onfocus='if (this.value == &quot;Search here...&quot;) {this.value = &quot;&quot;}' type='text' value='Search here...'/> 
<input class='search-image' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/search_zpsa5bb4010.png' title='Search' type='image'/> 
</form> 
</div> 
</div> 
<div style='clear:both;'/>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'> 
<a expr:href='data:blog.homepageUrl   &quot;feeds/posts/default&quot;'><img alt='RSS Feed' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/social-connect-rss_zpsb476b1b8.png' title='RSS Feed'/></a><a expr:href='data:blog.homepageUrl   &quot;feeds/posts/default&quot;'>Subscribe to our RSS Feeds!</a> 
</div> 

<div class='social-connect-widget' style='margin-bottom:10px;'> 
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/social-connect-twitter_zpsd7b1aef5.png' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>Follow Us on Twitter!</a> 
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'> 
<a href='http://facebook.com/USERNAME'><img alt='Be Our Fan!' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/social-connect-facebook_zps162d5155.png' title='Be Our Fan'/></a><a href='http://facebook.com/USERNAME'>Follow us on Facebook!</a> 
</div>
<div style='clear:both;'/>
<div class='addthis_toolbox'>   
<div class='custom_images'> 
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/twitter_zpsa3dece11.png' width='32'/></a> 
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/delicious_zpsdbe8541c.png' width='32'/></a> 
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/facebook_zps221dd318.png' width='32'/></a> 
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/digg_zps5bff6553.png' width='32'/></a> 
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/stumbleupon_zpsb966d226.png' width='32'/></a> 
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/favorites_zps07620dc3.png' width='32'/></a> 
<a class='addthis_button_more'><img alt='More' height='32' src='http://i1304.photobucket.com/albums/s526/aditya29best/Widget%20Create/more_zps50cf1bbc.png' width='32'/></a> 
</div> 
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> 
</div> 
<div style='clear:both;'/>

Labels: ,

Tambahkan CSS Murni Menampilkan Widget Sosial Kontra

Posted by at 3:34 AM · 0 comments




DEMO

HTML/JavaScript Gadget:


<style type="text/css">
.container {
  margin: 0px auto;
  width: 300px;
  text-align: center;
}

.btn-sbm {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 5px;
  padding-top: 40px;
  width: 75px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.btn-sbm:active {
  margin-top: 3px;
}

.btn-sbm:active .btn-sbm-action {
  padding-bottom: 3px;
  -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
}

.btn-sbm:active .btn-sbm-action:after {
  bottom: 3px;
}

.btn-sbm-count {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 40px;
  font-size: 19px;
  letter-spacing: -1px;
  color: #555;
  text-shadow: 0 1px white;
  background: #e6eff5;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #c5c5c5 #bbb;
  border-radius: 8px 8px 0 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0%, transparent 40%);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
}

.btn-sbm-count:before, .btn-sbm-count:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: #e6eff5;
}

.btn-sbm-count:before {
  margin-left: -7px;
  margin-top: 1px;
  border-width: 7px;
  border-top-color: rgba(0, 0, 0, 0.07);
}

.btn-sbm-action {
  display: block;
  position: relative;
  line-height: 32px;
  padding: 2px 0 6px;
  font-size: 14px;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border: solid rgba(0, 0, 0, 0.18);
  border-width: 0 1px;
  border-radius: 0 0 8px 8px;
}

.btn-sbm-action:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 6px;
  left: 0;
  right: 0;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
}

.btn-sbm-tweet {
  background: #83cfe8;
  background-image: -webkit-linear-gradient(top, #83cfe8, #6ebbd4);
  background-image: -moz-linear-gradient(top, #83cfe8, #6ebbd4);
  background-image: -o-linear-gradient(top, #83cfe8, #6ebbd4);
  background-image: linear-gradient(to bottom, #83cfe8, #6ebbd4);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
}

.btn-sbm-tweet:after {
  -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
}

.btn-sbm-tweet + .btn-sbm-count {
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
}

.btn-sbm-like {
  background: #6480bd;
  background-image: -webkit-linear-gradient(top, #6480bd, #3c5894);
  background-image: -moz-linear-gradient(top, #6480bd, #3c5894);
  background-image: -o-linear-gradient(top, #6480bd, #3c5894);
  background-image: linear-gradient(to bottom, #6480bd, #3c5894);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);
}

.btn-sbm-plus {
  background: #626262;
  background-image: -webkit-linear-gradient(top, #626262, #404040);
  background-image: -moz-linear-gradient(top, #626262, #404040);
  background-image: -o-linear-gradient(top, #626262, #404040);
  background-image: linear-gradient(to bottom, #626262, #404040);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
}

</style>

<br/>
<div class="container">

     <a href="https://twitter.com/jeri_agus" rel="nofollow" target="_blank"rel="author"  title="Find us on twitter" class="btn-sbm">
      <span class="btn-sbm-action btn-sbm-tweet">Twitter</span>
      <span class="btn-sbm-count">150+</span>
    </a>

    <a href="http://www.facebook.com/jery.agus.37" rel="nofollow" target="_blank" title="Find us on facebook" class="btn-sbm">
      <span class="btn-sbm-action btn-sbm-like">Facebook</span>
      <span class="btn-sbm-count">650+</span>
    </a>

    <a href="https://plus.google.com/116233378330566694358" class="btn-sbm" target="_blank" rel="author" title="Find us on Google+">
      <span class="btn-sbm-action btn-sbm-plus">Google+</span>
      <span class="btn-sbm-count">140+</span>
    </a><br/>
</div><a style="float:right; color: #ffffff"href="http://logcyber.blogspot.com/2013/02/tambahkan-css-murni-menampilkan-widget.html">Get This</a>



Labels:

Monday, February 11, 2013

Counting Till 2012

Posted by at 6:00 AM · 0 comments
ADD GADGET DI LAYOUT  BLOG ANDA :



<style>

.lcdstyle{ /*Example CSS to create LCD countdown look*/
background:#fff;
color:#289728;
font: bold 20px arial;
padding: 15px;

border:5px solid #333333;

border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
box-shadow: 5px 5px 5px #CCCCCC;


}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 120%
}

</style>

<script type="text/javascript">

function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}

cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}

cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}

cdtime.prototype.showresults=function(){
var thisobj=this


var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}

/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////

//Create your own custom format function to pass into cdtime.displaycountdown()
//Use arguments[0] to access "Days" left
//Use arguments[1] to access "Hours" left
//Use arguments[2] to access "Minutes" left
//Use arguments[3] to access "Seconds" left

//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown()
//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a"
//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc


function formatresults(){
if (this.timesup==false){//if target date/time not yet met
var displaystring=arguments[0]+" days "+arguments[1]+" hours "+arguments[2]+" minutes "+arguments[3]+" seconds left until December 25, 2011 18:25:00"
}
else{ //else if target date/time met
var displaystring=""
}
return displaystring
}

function formatresults2(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="<span class='lcdstyle'>"+arguments[0]+" <sup>days</sup> "+arguments[1]+" <sup>hours</sup> "+arguments[2]+" <sup>minutes</sup> "+arguments[3]+" <sup>seconds</sup></span> "
}
else{ //else if target date/time met
var displaystring="" //Don't display any text
alert("HAPPY NEW YEAR EVERYBODY!") //Instead, perform a custom alert
}
return displaystring
}

</script>
<br />
<table><tbody>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZSFAUv0Z2rGUBMJiR7RuOAXpYEUg0oMV40krzXsYl3QsiA5qbcyrSA61j9UaU6qQxSrFktb0OfOHo7fiapcyLjf3hxmbijv24GA4EzjveTlK76utSw0k04ksplH7bbYOrLF8Upn5_p9o/s400/NEW+YEAR.png" style="float: left;" width="125px" />
<br />
<h1 style="color: #289728; padding-top: 40px;">
Counting Till 2012 »»</h1>
<br /></td></tr>
<tr><td><div id="countdowncontainer">
</div>
<br />
<div id="countdowncontainer2">
</div>
<script type="text/javascript">

var futuredate=new cdtime("countdowncontainer", "March 23, 2009 18:25:00")
futuredate.displaycountdown("days", formatresults)

var currentyear=new Date().getFullYear()
//dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1
var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>31)? currentyear+1 : currentyear
var christmas=new cdtime("countdowncontainer2", "December 31, "+thischristmasyear+" 0:0:00")
christmas.displaycountdown("days", formatresults2)

</script>

</td></tr>
</tbody></table>


Labels: ,

Menyesuaikan Cloud Label di Blogger

Posted by at 5:51 AM · 0 comments

Di dalam pengaturan pastikan untuk memilih tampilan cloud. Anda dapat mengatur opsi lain sesuai kebutuhan Anda. Lihat gambar di bawah sebagai contoh:

sekarang edit template anda dan letakkan CSS dibawah ini diatas ]]></b:skin> :


/*-----Custom Labels Cloud widget by http://logcyber.blogspot.com/----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1; 
}

.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}



Labels: , , ,

Sunday, February 10, 2013

25 Menu Navigasi "Vertikal" Untuk Blogger - CSS-HTML Menu Tab

Posted by at 2:56 AM · 0 comments






Cara Tambah Sebuah Menu Navigasi Vertikal CSS Untuk Blogger?


Paste kode CSS untuk menu yang dipilih tepat di atas ]]> </ b: skin>
 


Untuk kode HTML bisa ada dua posisi baik sidebar kanan atau sidebar kiri. Tergantung berapa banyak kolom yang Anda miliki.

Jika Anda memiliki sidebar kanan kemudian paste kode HTML di bawah <div id='sidebar-wrapper'> atau ini <div id='sidebar-wrapper-right'>
Jika Anda memiliki sidebar kiri kemudian paste kode HTML di bawah <div id='sidebar-wrapper-left'>

Catatan: - Karena kebanyakan template menggunakan coding yang berbeda karena itu jika Anda tidak bisa menemukan kode diatas maka jangan khawatir hanya berbagi URL blog Anda di kotak komentar dan saya akan melihat template coding dan akan memberitahu Anda langsung yang kode untuk mencari!




DEMO

Navigation Menu #1

Navigation Menu 1 
CSS CODE:

HTML CODE:

Navigation Menu #2

Navigation Menu 2
CSS Code:

HTML Code:

Navigation Menu #3

Navigation Menu 3
CSS Code:

HTML Code:


Navigation Menu #4

Navigation Menu 4
CSS Code:

HTML Code:

Navigation Menu #5

Navigation Menu 5
CSS Code:

HTML Code:

Navigation Menu #6

Navigation Menu 6
CSS Code:

HTML Code:

Navigation Menu #7

Navigation Menu 7
CSS Code:

HTML Code:

Navigation Menu #8

Navigation Menu 8
CSS Code:

HTML Code:

Navigation Menu #9

Navigation Menu 9
CSS Code:

HTML Code:

Navigation Menu #10

Navigation Menu 10
CSS Code:

HTML Code:

Navigation Menu #11

Navigation Menu 11
CSS Code:

HTML Code:

Navigation Menu #12

Navigation-Menu-With-No-image-used
CSS Code:

HTML Code:

Navigation Menu #13

CSS Menu Tabs 13
CSS Code:

HTML Code:

Navigation Menu #14

CSS Menu Tabs 14
CSS Code:

HTML Code:

Navigation Menu #15

CSS Menu Tabs 15
CSS Code:

HTML Code:

Navigation Menu #16

CSS Menu Tabs 16
CSS Code:

HTML Code:

Navigation Menu #17

CSS Menu Tabs 17
CSS Code:

HTML Code:

Navigation Menu #18


CSS Menu Tabs 18
CSS Code:

HTML Code:

Navigation Menu #19

CSS Menu Tabs 19
CSS Code:

HTML Code:

Navigation Menu #20

CSS Menu Tabs 20
CSS Code:

HTML Code:

Navigation Menu #21

CSS Menu Tabs 21
CSS Code:

HTML Code:

Navigation Menu #22

CSS Menu Tabs 22
CSS Code:

HTML Code:


Navigation Menu #23

CSS Menu Tabs 24
CSS Code:

HTML Code:

Navigation Menu #24

 CSS Menu Tabs 25
CSS Code:

HTML Code:

Navigation Menu #25

CSS Menu Tabs 26
CSS Code:

HTML Code:


Labels: , ,
Subscribe to: Posts (Atom)