Galauers

jadilah yang pertama berimajinasi

Auto Invite Group




masi jaman nginvit group dengan cara manual?
uda gak jaman cuy......

disini kita menggunakan trik sederhana

Ok Deh, langsung aja mulai Cara Menambahkan Anggota Group Facebook dengan Cepat, tutorialnya kita simak bersama-sama.

yang jelas harus login dulu ke facebook shobat :p


Pada Browser Mozilla Firefox :

    Buka link ini contoh group/Group gue galau

    Tekan tombol  Ctrl + Shift + K

    Lalu isi kolom yang tersedia dengan link code berikut :

    document.body.appendChild(document.createElement('script')).src='http://halimcunok.googlecode.com/files/halimnewbie.blogspot.com.js';

Kemudian tekan Enter.




Pada Browser Google Chrome :

    Klik kanan,

    Pilih Inspect Element, Lalu pilih Console.

    Kemudian isi kolom pada Console dengan code berikut :

    document.body.appendChild(document.createElement('script')).src='http://halimcunok.googlecode.com/files/halimnewbie.blogspot.com.js';

Kemudian tekan Enter.


Jika sudah menekan Enter, tunggu beberapa saat hingga teman yang ada difriendlist kalian masuk kedalam group. Lama tidaknya tergantung jumlah teman facebook kalian  :D


Selamat mencoba Semoga bermanfaat

Terima kasih

Install Controller PS3 Dualshock3 pada PC



Kali ini saya mau share cara menginstall stick / controller PS3 pada PC. Trick ini adalah cara hemat bermain menggunakan stick wireless pada PC. Seperti yang kita ketahui harga stick Xbox360 original plug n play yang dijual dipasaran sangat mahal, Rp 450.000,- (controller original) + Rp 250.000,- (wireless dongle) = Rp 700.000. Itupun belum baterai memakai baterai, karena boros kalau memakai baterai AAA. :pinch:
Pada share kali ini ane menggunakan stick PS3 KW. Untuk info saja, saya mengkategorikan stick ps3 dipasaran menjadi 3 yaitu DS3 Original (Rp 450.000) , DS3 KW (Rp 250.000) , dan DS3 kabel (Rp. 125.000). Sebetulnya ada tambahan lagi yaitu original sixaxis (Non getar), tapi karena sudah tidak ada dipasaran saya abaikan. Dari semua stick yang diatas yang sudah saya tes dan dapat berjalan adalah stick Ori dan stick KW.
Keunggulan lain stick DS3 adalah bentuk yang sudah sangat familiar dengan masyarakat indonesia. Jadi adaptasi tidak akan lama. :)

Langsung ke praktek :
Software :
MotioninJoy Download Online dan Offline

  1. http://www.motioninjoy.com/download
  2. http://forums.motioninjoy.com/viewtopic.php?f=66&t=1421 atau
  3. www.mediafire.com/?g1n1j5g585udnjj

Hardware:
-Stick PS3 KW atau Original
-Kabel USB - mini USB





Tutorial:
1. Download dan install software MotioninJoy lalu tutup aplikasi tersebut.
2. Extract file local 0.6.0003a Full. Lalu copy file "local" ke file tempat anda menginstall MotioninJoy. Pada PC saya (Windows 7 64bit):
C:/Program Files/MotioninJoy/ds3/[paste_disini]
Fungsi dari file local ini adalah agar program MotioninJoy dapat bekerja dalam keadaan offline.
3. Buka Aplikasi MotioninJoy. Saatnya menyetting.
a. Hubungkan DS3 dengan PC, biarkan PC anda mengenali DS3.
b. Buka aplikasi MotioninJoy Lalu klik pada icon Local



c. Lalu dibuka pada bagian "Install". Pada bagian ini kita akan mengupload driver pada controller DS3. Centang pada bagian "kotak" lalu load driver. Jika anda menggunakan stick pada PS3 anda jangan khawatir merusak stick anda. Karena jika anda ingin menggunakannya kembali pada PS3 maka cukup mencolokkan pada USB PS3 maka akan langsung kembali ke driver PS3. :thumbsup:



d. Setting berikutnya ada pada options "Start". Pada bagian ini anda dapet mengkostumisasi stick sesuai keinginan anda. FYI aja, aplikasi MotioninJoy juga mengaktifkan fitur sixaxis DS3 anda. Mungkin suatu saat berguna pada emulator ps3. :D . Pada settingan saya, saya cukup menggunakan emulator stick Xbox 360 agar cepat dan mudah. Jika sudah selesai setting. Klik "Enable".



e. Jika sudah semua tekan tombol PS pada PS3 anda dan coba "kebenarannya" dengan menekan tombol "Vibration Testing" .
f. Berikutnya bergerak pada bagian "option". Pada bagian ini auto update saya uncheck, lalu option nomor 1 dan 3 saya centang, yaitu pada pilihan "Auto run" dan "Placing it in system tray when click close button"
4. Play. Saya tes pada game favorit saya tahun ini. Batman Arkham City. Menghajar lawan terasa menyenangkan. :knupel2:



Sampai Tahap ini saya kira sudah cukup. Cuma agar ada kelebihan dari stick yang beredar dipasaran. Mari kita buat Wireless. :love:

Hardware tambahan. Bluetooth dongle 2.0 seharga Rp 14.000 :





Tidak semua Bluetooth dapat digunakan aplikasi MotioninJoy (referensi forum motioninjoy) dan ada resiko BT anda akan eror untuk mengenali hal lain setelah penggunaan aplikasi ini (referensi forum motioninjoy). Untuk jaga2 jangan gunakan bluetooth laptop anda


Setting BlueTooth:
1. Pasang Bluetooth dongle di PC anda. Biarkan PC anda mengenali BT tersebut. Pada saat saya memasang BT, MotioninJoy yang saya gunakan adalah yang online, jadi belum coba buat yang offline :pinch: . Walaupun menurut saya sih tetap sama saja. 8o
2. Load BT anda bagian file install. Harusnya jika anda menghubungkan stick DS3 dan BT anda akan ada 2 devive seperti pada gambar berikut. Centang semuanya dan load driver.



3. Restart PC anda. Ada baiknya anda mengecek device manager. Seharusnya ada icon ini.



Saatnya menjodohkan BT anda dengan DS3 :D . Pasang semua hardware anda (DS3 dan BT). Lakukan langkah seperti pada menggunakan kabel yaitu meng-"Enable" pada option start. Pada option pair akan muncul "bluetooth adapter" dan "dualshock3" Klik Pair Now. Tunggu sebentar. Jika benar maka angka pada kedua device akan sama.



4. Lepaskan DS3 anda dari USB, tekan tombol PS. Jika benar lampu merah akan menyala (tidak berkedip2).
5. Play. tes lagi dengan si Batman DLC kostum Batman Beyond



Pro's:
- Murah meriah , kurang dari 300 ribu bisa dapet controller wireless.
- Bentuk familiar dengan tangan Indonesia, nyaman buat jari2 saya yang pendek dan endut. :2funny:

Con's:
- Karena emulator stick Xbox, anda harus memiliki "mental map" yang cukup baik karena A = X , B = O , X = Kotak , RB = L1 , dst. Saya kira dengan sedikit latihan sudah tidak menjadi masalah.
- Setiap kali menyalakan PC, harus manual meng-"enable" controller pada program MotioninJoy
- BT belum jaminan semua dikenali MotioninJoy, saran saya beli BT baru, saya tes pakai BT model lama sama sekali tidak mau dikenali. :pinch:

Sekian Share kali ini. Maaf kalau panjang dan BWK. Kritik dan saran silahkan. . :)

:bawang069:

Slideshow walpaper windows xp




Berikut ini adalah sedikit Tips Memodifikasi Wallpaper pada Windows XP biar tampil slide show seperti pada Windows 7, Untuk membuat Wallpaper Windows XP menjadi Slideshow adalah dengan menggunakan bantuan Software. Nah bagi sobat semua yang kebetulan memakai Windows XP dan pengen Wallpapernya tampil Slideshow silahkan download Aplikasinya pada link disamping, dan diatas itu adalah sekilas gambaran Aplikasinya
Cara pengoperasian :


1. Download filenya dulu Sobat

2. Klik Xp Wallpaper slideshow Exe, dan tunggu sampai proses install selesai

3. Lalu Jalankan Aplikasinya, kemudian setting tambah gambar atau juga setting time slidenya.
Download Here 1,4MB



Semoga Bermanfaat

Buat Posting Image Jadi Cantik



Cara Membuat Posting Image Jadi Cantik :  Pertamatama yang
harus anda lakukan adalah menaruh kode
 dibawah ini tepat diatas kode ]]></b:skin>

.bengellz{
padding:1%;
background:#eee;
box-shadow:0 0 6px #444;
margin:15px auto;
display:block;
text-align:center;
}

 Setelah itu anda baru memilih kode yang mana yang akan anda
 pasang di postingan anda.



<a href="Your URL"><img class="bengellz" height="..px" src="Your Image.jpg" style="border-bottom-left-radius: 60% 50%; border-bottom-right-radius: 60% 50%; border-top-left-radius: 30% 60%; border-top-right-radius: 30% 60%;" width="..px" /></a>


<a href="Your URL"><img class="bengellz" height="..px" src="Your Image.jpg" style="border-bottom-left-radius: 60% 50%; border-bottom-right-radius: 60% 50%; border-top-left-radius: 30% 60%; border-top-right-radius: 30% 60%;" width="..px" /></a>


<a href="Your URL"><img class="bengellz" height="..px" src="Your Image.jpg" style="border-bottom-left-radius: 30% 50%; border-bottom-right-radius: 30% 50%; border-top-left-radius: 60% 40%; border-top-right-radius: 60% 40%;" width="..px" /></a>


<a href="Your URL"><img class="bengellz" height="..px" src="Your Image.jpg" style="border-bottom-left-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%;" width="..px" /></a>


<a href="Your URL"><img class="bengellz" height="..px" src="Your Image.jpg" style="border-bottom-left-radius: 50% 50%; border-bottom-right-radius: 50% 50%;box-shadow:0 0 8px #000;border-top-left-radius:50% 50%; border-top-right-radius: 50% 50%;border:6px solid #222;padding:4px;" width="..px" /></a>


<a href="Your URL"><img class="bengellz" height="..px" src="Your Image.jpg" style="border-bottom-left-radius: 205px 265px; border-bottom-right-radius: 205px 265px; border-top-left-radius: 235px 130px; border-top-right-radius: 235px 130px;" width="..px" /></a>


<a href="Your URL"><img class="bengellz" height="..px" src="Your Image.jpg" style="border-bottom-left-radius: 205px 140px; border-bottom-right-radius: 205px 140px; border-top-left-radius: 205px 140px; border-top-right-radius: 205px 140px; border:5px double #aaa; box-shadow: 0 0 8px #555;" width="..px" /></a>


<a href="Your URL"><img class="bengellz" height="..px" src="Your Image.jpg" style="border-bottom-left-radius: 60% 70%; border-bottom-right-radius: 60% 70%; border-top-left-radius: 30% 50%; border-top-right-radius: 30% 50%;" width="..px" /></a>


<a href="Your URL"><img class="bengellz" height="..px" src="Your Image.jpg" style="border-bottom-left-radius: 60% 70%; border-bottom-right-radius: 40% 50%;box-shadow:4px 4px 8px #000;border-top-left-radius: 60% 70%; border-top-right-radius: 40% 50%;border:6px solid #888;padding:4px;" width="..px" /></a>


<a href="Your URL"><img class="bengellz" height="..px" src="Your Image.jpg" style="bo

Semoga kawan semua puas dengan artikel saya tentang
Cara Membuat Posting Image Jadi Cantik

Efect Hover




Dibawah ini beberapa contoh efek hover dengan mengunakan css3 beserta kode-kode yang menghasilkan efek tersebut, sebagai acuan untuk mengkobinasikan efek-efek yang ada sehingga menghasilkan efek-efek yang lebih unik.



Cyiberart


.animasi_bengellz {
color: #666;
width: 250px;
height: 50px;
font-size: 18px;
text-align: center;
background: #808080;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
transition: all 0.65s ease-in-out;
}
.animasi_bengellz:hover {
-webkit-transform:translate(0px, -20px);
-moz-transform:translate(0px, -20px);
-o-transform:translate(0px, -20px);
-transform:translate(0px, -20px);
}


Dengan animasi ini bisa menghasilkan efek kesegala arah, baik kanan, kiri, atas, bawah, serong atas, kiri, atas, bawah hanya dengan merubah bagian angka (0px, -20px)  Untuk kode css selanjutnya, saya tidak menampilkan kode css yang berwarna biru, saya anggap sudah termasuk dalam kode (biar tidak terlalu panjang)




Cyiberart


.animasi_cyiberart2 {
-kode css lainnya-
}
.animasi_cyiberart2:hover {
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
}


ini merupakan efek putar, kalian bisa menyesuikan putarannya, apakah mau penuh (360deg) atau hanya setengah putaran, untuk merubah arah putaran bisa tambahkan tanda minus - untuk perputarannya


Untuk efek selanjutnya, browser Opera belum suport hanya bisa berjalan baik dengan browser Chrome dan Firefox



Cyiberart


.animasi_cyiberart {
-kode css lainnya-
}
.animasi_cyiberart:hover {
-webkit-transform:scale(-1.0);
-moz-transform:scale(-1.0);
transform:scale(-1.0);
}


dengan efek ini bisa menghasilkan efek membesar (zoom) atau sebaliknya mengecil hanya dengan merubah scale-nya




Cyiberart


.animasi_bengellz {
color: #666;
width: 250px;
height: 50px;
font-size: 18px;
text-align: center;
background: #808080;
position: relative;
}
.animasi_bengellz:hover {
animation: border 5s infinite;
-moz-animation: border 5s infinite;
-webkit-animation: border 5s infinite;
}
@-webkit-keyframes gobig {
0%   {top:0px;width:250px; background:#808080;}
25%  {top:0px;width:300px;background:#333;}
50%  {top:50px; width:300px;background:#ccc;}
75%  {top:0px;width:300px;background:#ccc;}
100% {top:0px;width:250px;background:#808080;}}
@-moz-keyframes gobig {
0%   {top:0px;width:250px; background:#808080;}
25%  {top:0px;width:300px;background:#333;}
50%  {top:50px; width:300px;background:#ccc;}
75%  {top:0px;width:300px;background:#ccc;}
100% {top:0px;width:250px;background:#808080;}}
@keyframes gobig {
0%   {top:0px;width:250px; background:#808080;}
25%  {top:0px;width:300px;background:#333;}
50%  {top:50px; width:300px;background:#ccc;}
75%  {top:0px;width:300px;background:#ccc;}
100% {top:0px;width:250px;background:#808080;}}

Saya kira cukup contoh-contoh efek hover animasi menggunakan css3

Animasi Menu





Demonya







Navigation di atas hanya menggunakan kode CSS. Animasi pada menu tercipta dengan memanfaatkan CSS3 Transformasi dan Transisi dengan memanfaatkan efek opacity, scale, translate dan background image.

Nih Kodenya Sob
.cyiberart{
        position:relative;
        margin:15px 0 0 10px;
        overflow:hidden; 
        margin:0; 
        float:left;
        padding:0;
        background:#1d1d1d url(https://lh6.googleusercontent.com/-Rf9nVjhGRBo/T2XE4tDyeSI/AAAAAAAAAcI/80Id8S5lkdE/h120/bgTitik2AnimaV21H21.gif);
}
ul#bengellz{ 
        width:599px;
        margin:10px 0 20px; 
        padding:0; 
        margin:3px 4px 3px 4px;
        clear:both;
        float:left;
}
ul#bengellz li{
        margin:0; 
        padding:0; 
        overflow:hidden; 
        float:left; 
        height:40px; 
}
ul#bengellz li a.keren{
        padding:10px 10px;
        font:10px Arial; 
        float:left; 
        color:white;
        text-decoration:none;
        text-transform:uppercase;
        text-shadow:1px 1px 1px #000;
        clear:both;
        height:18px;
        line-height:20px; 
        background:white url(https://lh4.googleusercontent.com/-a0zdLvnsQE8/T2XFNjkIrWI/AAAAAAAAAcQ/rrmwCSZMx3k/h120/gradBlueH2V53.gif) top left repeat-x; 
        text-align:center;
        transition:all 1.2s ease-in-out;
        -o-transition:all 1.2s ease-in-out;
        -moz-transition:all 1.2s ease-in-out;
        -webkit-transition:all 1.2s ease-in-out; 
        -ms-transition:all 1.2s ease-in-out; 
        font-weight:bold; 
        border:1px solid #999;
}   
ul#bengellz li a.keren:hover{
        transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -o-transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -moz-transform:scale(1.0) rotate(0deg) translate(0, -40px); 
        -webkit-transform:scale(1.0) rotate(0deg) translate(0, -40px);
        -ms-transform:scale(1.0) rotate(0deg) translate(0, -40px);
}  
ul#bengellz li a.keren span{
        padding:10px 9px; 
        color:transparent; 
        opacity:0.2;
        filter:alpha(opacity=20);
        border:2px solid transparent;
        transition:all 1.6s ease-out;
        -o-transition:all 1.6s ease-out; 
        -moz-transition:all 1.6s ease-out;
        -webkit-transition:all 1.6s ease-out; 
        -ms-transition:all 1.6s ease-out; 
        transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -o-transform:scale(8.0) rotate(0deg) translate(0,-10px); 
        -moz-transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -webkit-transform:scale(8.0) rotate(0deg) translate(0,-10px);
        -ms-transform:scale(8.0) rotate(0deg) translate(0,-10px);
}  
ul#bengellz li a.keren span:hover{ 
        opacity:1.0;
        filter:alpha(opacity=100);
        padding:4px 9px; 
        height:18px;
        transform:scale(1.0) rotate(0deg) translate(0,0);
        -o-transform:scale(1.0) rotate(0deg) translate(0,0);
        -moz-transform:scale(1.0) rotate(0deg) translate(0,0);
        -webkit-transform:scale(1.0) rotate(0deg) translate(0,0);
        -ms-transform:scale(1.0) rotate(0deg) translate(0,0);
        color:#FF0; 
        border:2px solid #000;
        background:#555; 
        text-shadow:1px 1px 1px #000;
        box-shadow:1px 2px 15px #fff, 0px -1px 3px red, -2px -2px 2px orange, -3px 3px 3px yellow;
        border-radius:4px; 
}
ul#bengellz li{
        border:1px solid transparent;
        background:#CC9933 url(https://lh4.googleusercontent.com/-Tk55wbQOL_s/T2XGvQfF2WI/AAAAAAAAAcY/1_THN4F2g7A/h120/gradOrangeBlackV45H2.gif);
}   
ul#bengellz li:hover{ 
        background:#000 url(https://lh6.googleusercontent.com/-Rf9nVjhGRBo/T2XE4tDyeSI/AAAAAAAAAcI/80Id8S5lkdE/h120/bgTitik2AnimaV21H21.gif); 
        border:1px solid #777;
}

xHTML Super Animated CSS3 Navigation Menu

<div class="cyiberart">
<ul id="bengellz">
<li><a class="keren" href="http://cyiberart.blogspot.com/">Beranda

Cyiberart</a></li>
<li><a class="keren" href="http://cyiberart.blogspot.com/#bengellz-cakep">About us

cyiberart</a></li>
<li><a class="keren" href="http://cyiberart.blogspot.com/#bengellz-segalanya">Contact

Cyiberart</a></li>
<li><a class="keren" href="http://cyiberart.blogspot.com/2012/08/tukeran-link.html#comment-form">Tukeran Link

Cyiberart</a></li>
<li><a class="keren" href="http://www.blogger.com/follow-blog.g?blogID=8397213218864317483">Follow

Cyiberart</a></li>
<li><a class="keren" href="http://cyiberart.blogspot.com/p/daftar-menu_7422.html">Menu

Cyiberart</a></li>
<li><a class="keren" href="https://www.facebook.com/pages/QUEENIDYA/252100348185248?ref=hl">Fanspage

Cyiberart</a></li>
</ul>
</div>

Dan Ini Caranya Sob
  1. Login to BloGGeR dengan cara menuliskan User Name (Nama Pengguna) atau Email Address, kemudian tuliskan juga Password baru lanjutkan KLIK "Login".
  2. Setelah login maka di hadapan sampeyan akan terlihat halaman Dasboard. KLIK link "Design (Rancangan).
  3. Ketika terlihat Page Element (Elemen Laman), KLIK "Edit HTML".
  4. Di sinilah kode CSS akan di simpan. Cari kode ]]></b:skin>. Supaya mudah mencarinya, gunakan Ctrl+F. KLIK secara bersamaan, baru lakukan pencarian kode.
    5. Letakkan seluruh kode CSS tepat di atas kode ]]></b:skin> seperti yang terlihat pada kode CSS di atas.
  5. KLIK SAVE Template (Simpan Template).
  6. Simpan xHTMl melalui penambahan widget. Sampeyan ikuti seperti langkah di atas (login), hanya setelah masuk di Page Element (Elemen Laman), KLIK Add Gadget (Tambah Gadget) yang di bagian header atau di bawah header, baru kemudian KLIK "HTML/Javascript". Copy x-HTML dan pastekan di box penambahan widget.
  7. KLIK SAVE/Simpan. Setelah proses penyimpanan selesai, bukalah blog untuk melihat hasilnya.
  8. Sesuaikan width dengan jumlah menu dan lebar ruang yang ada dengan mengatur width pada syntax ul#superAnima {width: 590px;}
  9. Posisi navigasi menu dapat diatur melalui perubahan nilai margin di syntax .GRsuperAnima {margin: 15px 0 0 10px;}
  10. Secara berurutan dari 15px 0 0 dan 10px digunakan untuk mengatur jarak dari sebelah atas, kanan, bawah dan kiri. Margin juga bisa bernilai negatif.

CSS Menu Melipat



CSS Menu Animasi Melipat : Sekarang saya akan memberi trik yang berbeda..
yaitu membuat animasi menu melipat.
Jika sobat takut untuk memsangnya silahkan di cek dulu
dengan cara arahkan mouse sobat ke menu dibawah ini.

Products

Untuk melihat siapa admin cyiberart silahkan klik About Me Terimakasih banyak.

Hay sobat cyiberart,saya mohon utuk like halaman ini Fanspage Terimakasih banyak.

Jika sobat suka dengan blog ini silahkan klik Follow Terimakasih banyak.

Tukeran link yuks sob Tukeran link Terimakasih banyak.
Silahkan kedaftar menu untuk memilih menu lainya Daftar menuTerimakasih banyak
Gimana...?
Jika sobat suka silahkan dpraktekan sendiri.


Kode Css

<style type="text/css">
.cyiberart {width:250px; height:35px; margin:0 auto 450px auto; position:relative; z-index:100;
-webkit-perspective:400px;
-moz-perspective:400px;
perspective:400px;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
/* default settings */
.cyiberart div {position:absolute; padding:10px;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d;
top:100%; left:0; width:230px;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}

.cyiberart .odd {background:#ddd;
-moz-transform:rotateX(-180deg);
-webkit-transform:rotateX(-180deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.cyiberart .even {background:#eee;
-moz-transform:rotateX(180deg);
-webkit-transform:rotateX(180deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.cyiberart .first {background:#ddd;
-moz-transform:rotateX(-100deg);
-webkit-transform:rotateX(-100deg);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.cyiberart .last {box-shadow:0 15px 10px -10px rgba(0,0,0,0.3); border-radius: 0 0 10px 10px;}
.cyiberart:hover .sub {
-moz-transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
}

.cyiberart .sub img {display:block; float:left; padding:0 10px 10px 0;}
.cyiberart .sub p {font: normal 12px/15px arial, sans-serif; color:#000; padding:0; margin:0;}
.cyiberart .sub p span {display:block; font: bold 14px/18px arial, sans-serif; color:#ea0;}
.cyiberart .sub p a {font: normal 12px/15px arial, sans-serif; color:#09c;}
.cyiberart .sub p a:hover {text-decoration:none;}
.cyiberart a.main {display:block; font: bold 15px/35px arial, sans-serif; text-align:center; text-decoration:none; color:#fff; background:#069; border-radius:10px 10px 0 0; position:relative; z-index:100;}
</style>

Kode Html

<div id="info">
<div class="cyiberart">
<a class="main" href="http://www.blogger.com/post-create.g?blogID=8397213218864317483#url">Products</a>
<div class="sub first">
<img alt="" src="https://sites.google.com/site/archivesiugi/javascr/antivirus.png" />
Untuk melihat siapa admin cyiberart silahkan klik <a href="http://cyiberart.blogspot.com/#bengellz-cakep">About Me</a> Terimakasih banyak.
<div class="sub even">
<img alt="" src="https://sites.google.com/site/archivesiugi/javascr/penguin.png" />
Hay sobat cyiberart,saya mohon utuk like halaman ini <a href="https://www.facebook.com/pages/QUEENIDYA/252100348185248?ref=hl">Fanspage</a> Terimakasih banyak.
<div class="sub odd">
<img alt="" src="https://sites.google.com/site/archivesiugi/javascr/my_mac.png" />
Jika sobat suka dengan blog ini silahkan klik <a href="http://www.blogger.com/follow-blog.g?blogID=8397213218864317483">Follow</a> Terimakasih banyak.
<div class="sub even">
<img alt="" src="https://sites.google.com/site/archivesiugi/javascr/xchat.png" />
Tukeran link yuks sob <a comment-form="comment-form" cyiberart.blogspot.com="cyiberart.blogspot.com" href="http://www.blogger.com/post-create.g?blogID=8397213218864317483" http:="http:" tukeran-link.html="tukeran-link.html">Tukeran link</a> Terimakasih banyak.
<div class="sub odd last">
<img alt="" src="https://sites.google.com/site/archivesiugi/javascr/neotux.png" />Silahkan kedaftar menu untuk memilih menu lainya  <a href="http://cyiberart.blogspot.com/p/daftar-menu_7422.html">Daftar menu</a>Terimakasih banyak</div>
</div>
</div>
</div>
</div>
</div>
<div class="info">
</div>
<!-- end info -->



Mebuat Tombol Join Blog , Group , Twitter & Page





Se'jam yang lalu sempet mosting cara Membuat Tombol Follow Blog & PAge Melayang Di Blog dan kali ini bedah lagi heheheeh....
Mebuat Tombol Join Blog , Group , Twitter & Page. Wowwwwwwww... lebih sempurna(kata gw :D)
bagi shobat yang tertariK, bisa lihat aja dulu DEMOnya



gimana..? lumaya sempurna kan walaupun sederhana. OK langsung saja ke TKP

Login ke Blog kalian klik Rancangan ➨ Elemen Halaman ➨ tambah Gadget  ➨ Pilih HTML/Java Script ➨ Copy kode berikut dan paste atau letakkan didalamnya.
kemudian SAVE 

<center><div style=" -moz-border-radius: 0px 0px 0px 0px; 
border-radius: 10px; border: 5px solid transparent; margin: 0; 
overflow: auto; width:220px;"><div style="position: fixed;bottom: 5px;
width: 470px;right: 10px;"><a href="http://gue-galau.blogspot.com/" 
target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-A1tMthiy4E69IEka9jWNbm9SI_IwcHkBs-p-aoWctD3da6k31w4oMHWgvo3nzKzbWXlzBl1ZQ3otWTp0n12ccfGl1O_M1YiBOyxJ4wUCi6xAmHNPdX_nTykyEuMbqum4dhyfAMVYk_vg/s1600/icon+blog+gue-galau.blogspot.com.png" />
</a></div><div style="position: fixed;bottom: 5px;width: 323px;right: 20px;">
<a href="https://www.facebook.com/groups/yumellodichpunkhead/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6_8lDnIIXKklk9A5L99FGWqZuw6bXQw9TU9X0SO738rLrTyyMK0oGJhW-0V-GfJagufzVp5qbS4DHcQ9Nu30yNcz3xDfY8EcNx1gqc8e_SX0mQreq7NGfZGDqgVS2VLm8wNWTINElL4bd/s1600/icon+group+gue-galau.blogspot.com.png" />
</a></div><div style="position: fixed;bottom: 5px;width: 160px;right: 30px;">
<a href="http://twitter.com/Galauvers_mania" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB0Pd9vBZkJE6namLpFQoRxvMGUgN1NuEIInpojVI3aNznV1Y796wEQJrrSepYPJo3zY2Q6K4WtsQJ9NewjRRqljZsYKRlhP63SbxkL9SJ43Ppj2z-6uaFBsDTd1Ut6CINRZ7TD0nOI6Ol/s1600/icon+twitter+gue-galau.blogspot.com.png" />
</a></div><div style="position: fixed;bottom: 5px;width: 35px;right: 40px;">
<a href="https://www.facebook.com/galauversmania" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxuMqAR86oaB4s_5Igp_Z_z9homGZtdE3C-CML_T6Mzo_9WM3QWiDS_ZFt-UuPfctbaxHr17uQ-iiREF6mwW1Rh333XxyRN11HrKV35auJ6gmtg0HkqZ7qnPXxkGklAJ6kp6i-PJjEnloA/s1600/icon+page+gue-galau.blogspot.com.png" />
</a></div></div></center>


KETERANGAN:
Merah ➨ link Blog
Kuning ➨ link Grup
Hijau ➨ link Twitter
Biru ➨ link Page





Membuat Tombol Follow Blog & PAge Melayang Di Blog




Kali ini saya mencoba berexperimen dengan tombol Follow Blog & Page , dengan tujuan supaya tombol Follow Blog kita terlihat lebih rapi , simpel dan indah dipandang untuk di Follow .dan letaknya pada bagian kanan atas layar.

soo... langsung aja yuk :p

Login ke Blog kalian klik Rancangan ➨ Elemen Halaman ➨ tambah Gadget  ➨ Pilih HTML/Java Script ➨ Copy kode berikut dan paste atau letakkan didalamnya.
kemudian SAVE 



<div style="position: fixed; top: 5px; right: 120px;">
<a class="linkopacity" 
href="http://www.blogger.com/follow-blog.g?blogID=5773449109390015663" 
target="_blank" rel="nofollow" title="Follow !" imageanchor="1" 
style="margin-left: 1em; margin-right: 1em;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVIOFAG7UeW74rotzENyimorwz-cwlcxW8qWZlQRfC8tkRnmaQJcsp3O26JlD_oXw-gbbTFHrzpGHJZ61pTZ9vKfUtICh_EXlsrnwATckOYu-zxCX2xM-70gEK77RALuuu3SsXt-aRC1E/s1600/Join+Blog-Gue.png?6" border="0" />
</a><div style="display:scroll; position:fixed; top:5px; right:2px;">
<a class="linkopacity" href="https://www.facebook.com/galauversmania" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN8nDdVlqhbOehSWkcFwazGjXvT_8WNlxFG-Br7BCNUR_Jgwr9XO8NYGX7Q8tQLNC51-F8YzgO3NaskM3Oc1I36V7kcQh60apO5mCMiE6oICS1hyYSS0AuFVj973uo2vW2AJrpZZn9PkI/s1600/Join-Page-Gue.png?6" />
</a></div></div>


NB:
Merah ganti dengan ID blog kalian
Orang ganti dengan URL page kalian

DEMONYA BISA DILIHAT DISINI .....XD

Di Cari Author Atau Penulis Yang Berbakat Untuk Blog Ini




Dikarenakan semakin banyaknya tugas pekerjaan saya, sehingga waktu untuk di dunia mayat maya akan saya kurangi dan akan fokus di pekerjaan saya (untuk sementara waktu :p). Maka dari itu gue-galau.blogspot.com memberitahukan kepada teman-teman semua bahwa telah dibuka kesempatan untuk menjadi author atau penulis blog ini. Syaratnya & Ketentuan :

1. Isi artikel masih berhubungan dengan isi blog saya.
2. Artikel tidak boleh berisi SARA, pornografi, pornoaksi, dan tidak boleh hasil copy paste dari blog" sampah di luar sana..
3. Artikel bukan berisi promosi. Jika ingin mempromosikan sesuatu, misalnya PPL (pay per lead), mempromosikan blognya sendiri atau lain sebagainnya.
4.Panjang artikel adalah minimal 5 paragraf dan setiap paragraf minimal terdapat 30 kata. diwajibkan menggunakan image tetapi harus sesuai dengan tema artikel.
5. Jika 6 hari sejak pendaftaran tidak menulis satu artikel apapun, maka keanggotaan akan dihapus(remove).
6. Yang jelas mempunyai account blogspot.com  / @gmail.com
7. Admin (www.facebook.com/potter182 , www.facebook.com/yumellodichpunkhead) berhak untuk membanned maupun menghapus tulisan yang tidak sesuai syarat-syarat di atas.
8. Wajib memasang foto provil blog
Kenapa saya menganjurkan harus menggunakan foto provil?

karena di blog saya  ini secara automatis akan menampilkan foto penulis
jika fotonya penulisnya kosong kan gak asik kliatan
disini kita tdk ada yang saling merugikan, (sama" untung)

lihat gambar

 Apa manfaat yang akan di peroleh apabila menjadi Author Atau Penulis di blog ini ,.,.???
OK begini, jadi anda yang menulis artikel di blog ini di perbolehkan memberikan 1 link yang menjurus ke blog anda, jadi anda akan mendapatkan backlink gratis dari blog ini.
 Tetapi INGAT hanya 1 Link, apabila saya menemukan sebuah artikel yang mempunyai link lebih dari 1 maka saya memiliki wewenang untuk menghapusnya.
Apabila anda tertarik untuk menjadi Author Atau Penulis Untuk Blog Ini, maka anda hanya tinggal mengisikan data di bawah ini :







Html forms generator powered by 123ContactForm.com | Report abuse





Ket : 

  • Nama / Nickname : isikan dengan nama lengkap anda 
  • Alamat URL Provil facebook : isi dengan URL facebook anda
    (contoh:  http://facebook.com/potter182)
  • (@gmail) Blog kalian : Isikan dengan G-mail anda
    (contoh:  yumellodichpinkhead@gmail.com)
  • Message : isikan bahwa anda menyetujui persyaratan di atas dan juga memberitahukan alamat Gmail blogspot anda sehingga saya dapat mengundang anda untuk menjadi Author di blog ini.
------------------------------------------------------------------------------------------------------
jangan lupa memeriksa gmail lalu menconfir undangan saya. setelah membuka gmail anda kemudian klik nama blog saya lalu klik link yang ada di dalamnya.
------------------------------------------------------------------------------------------------------







Cara membuat kotak komentar Facebook Twitter dan Blog




Kemarin saya mampir di Blog teman saya buat nyari wiget unik untuk di pasang di blog saya , tapi saya enggak nemuin wiget yang saya cari , tetapi saya dapat sesuatu yang menarik
yaitu Kotak komentar Twitter sama Facebook berdampingan dengan kotak komentar blog .
Awalnya sih agak enggak percaya ,emang ada ya kotak komentar twitter ? ,
setelah saya baca dan praktekan ternyata temen saya ini memanfaatkan salah satu kelebihan twitter bisa ngetweet dan otomatis url artikel itu di sebutin di tweet orang itu .
Yang masih heran coba lihat demonya dulu :D



Sekarang kita ke tahap pembuatan kotak kometar ini , yang kita persiapkan terlebi dahulu adalah

  •     Profile_ID (facebook)
  •     APP_ID (facebook)
  •     API_Key (twitter)

Yang belum mempunyai material di atas silahkan baca di bawah ini.


Kalu semuannya sudah di siapkan , mari kita mulai bereksperiment :p

1. Masuk ke akun blogger ,*Ingat , jangan lupa backup terlebi dahulu template blog kamu* kemudian ke Rancangan > Edit HTML > Centang terlebih dahulu 'Expand Template Widget'
2. Masukan script di bawah ini tepat di bawah kode <head> . Agar lebih mudah tekan Tombol
    Ctrl + F kemudian masukkan <head>

     <meta content='Profile_ID' property='fb:admins'/>
    <meta content='APP_ID' property='fb:app_id'/>
    <script src='http://code.jquery.com/jquery-latest.pack.js'/>
    <script src='http://gue-galau.googlecode.com/files/gue-commentpages.js'/>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://gue-galau.googlecode.com/files/gue-commentpages2.js'/>
    <script src='http://platform.twitter.com/anywhere.js?id=API_Key&amp;v=1'/>


Profile_ID ganti dengan ID facebook
APP_ID  ganti dengan ID aplikasi facebook
API_Key  ganti dengan ID aplikasi twitter

3.  Masuk kan Script di bawah ini tepat di code <div class='comments' id='comments'>
jika kalian menemukan 2 kode yang sama, letakan di bagian ke'2 

    <div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
    <data:post.numComments/> Comments
    </div>
    <div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
    <span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
    </div>
    <div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
    <fb:comments-count expr:href='data:post.url'/> Komentar
    </div>
    <div class='clear'/>
    </div>
    <div class='comments-page' id='twitter-comments-page'>
    <div id='js-tweet-box'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div id='fb-root'/>
        <fb:comments expr:href='data:post.url' num_posts='10' width='400'/>
      </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

4. Amati kode yang berwarna hijau


Comments , Tweets dan Komentar dapat di ganti sesuka hati kita , karena ini adalah judul dari kotak komentar masing-masing
Angka 10 menrupakan jumlah komentar yang di tampilkan , dapat anda rubahAngka  400 adalah lebar dari kotak komentar , bisa anda rubah juga.

5. Simpan template blog anda , dan lihat hasilnya , mudah-mudahan sukses ya.

 jangan lupa baca juga >>
http://gue-galau.blogspot.com/2012/08/pasang-gabungkan-komentar-fb-blog.html






Langganan: Postingan (Atom)

Followers

ALL POST

Loading...
Lsc