Senin, 29 April 2013

0 Cara Buat/Pasang Burung Twitter Terbang Di Blogspot

Chyberart - Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot


Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat,Cara Buat / Pasang Burung Twitter Terbang Di Blog hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

  • Klik Layout > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>



  • Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
  • Simpan dan lihat hasilnya

Minggu, 28 April 2013

0 Perang Hacker Indonesia VS POLICE CYBER CRIME

Chyberart - Kalian Tentunya udh pada Denger Tentang Situs Resmi Presiden RI Kita Terkena Hack :-w Oleh Anggota Jember Hacker ??? Klw gak tau kelewatan, ini berita banyak di Tv Tv :D

Nah Bukannya permasalahan ini berhenti, tapi malah makin panjang saja, Di karenakan Seluruh Hacker Indonesia Tidak Terima karena di Tangkapnya Wildan Sang pelaku Peretes Situs SBY Tersebut !!

Saya Kurang Tau Bagai mana Isis kata kata Wildan saat menghack situs SBY tersebut, tapi Banyak yang membela Wildan dan Meng Hack Situs Situs luar negri maupun Dalam negri sendiri Dengan isi seperti ini :


KAMI CINTA NEGRI INI
TAPI KAMI BENCI SISTEM YANG ADA
FUCK YOU CYBER CRIME!!!!
KALIAN MENANGKAP HACKER SEPERTI TERORIS SAJA
TAPI APA KALIAN MAMPU MENANGKAP PARA KORUPTOR
JANGAN SALAHKAN AKSI KAMI
TANPA HACKER KALIAN TAK AKAN TAHU KELEMAHAN SISTEM KALIAN
TAPI KALIAN MALAH MENCULIK PARA HACKER
KALIAN SAMAKAN HACKER DENGAN MALING AYAM
TAPI KALIAN MEMBIARKAN MALING PULAU
KALIAN DIAM SAJA NEGRI INI DIHINA NEGARA LAIN
KALIAN DIAM SAJA BUDAYA NEGRI INI DIAKUI NEGARA LAIN

FUCK YOU POLICE CYBER CRIME!!!!

Isi Di Atas Dilakukan Oleh Para Anggota Sund4nymous ,, dan masih banyak lagi Para Hacker Lain yang membela Wildan !!
Dan Ada Seorang Hacker yang menyatakan Seperti ini :


Hacker Dunia Ancam Lumpuhkan
Situs Pemerintah RI Karena Telah
Menangkap Wildan
Penangkapan Peretas atau Hacker Situs Resmi Presiden Susilo Bambang Yudhoyono,
Masih meninggalkan kontrovensi.
Penangkapan Wildan itu Bahkan,
Memicu reaksi kelimpok peretas internasional terkemuka, Yaitu
ANONYMOUS.
mereka menyatakan perang terhadap
pemerintah Indonesia dengan
menumbangkan situs-situs berdomain :
dot go dot id

Saya tidak tau pasti siapa yang berbicara seperti itu,
Tapi Saya Mendukung Wildan, Jika Wildan tidak di bebaskan Kami Para Hacker Indonesia dan Anonymous akan bertindak !!!!

X-Coder HackingGroup [BlackHats], Surabaya BlackHat, IndonesiaXCyber TeamElite Hacking Group, Sund4nymous..... Dan Yang Lain..
Saya sendiri Tergabung Dalam Hacker X-Coder, IXCTE [IndonesiaXCyber TeamElite], Sund4nymous !!!
Jika Pemerintah Tidak Bertindak Lanjut, maka kami yang akan bertindak !!!!!!!

Salam Hacker Indonesia Terutama untuk Wildan........

KALIAN SAMAKAN HACKER DENGAN MALING AYAM..
KALIAN MENANGKAP HACKER SEPERTI TERORIS..
TAPI PARA KORUPTOR KALIAN DIAMKAN !!!!!!!!!!!!!!!
MEMANG PEMIMPIN INI SUNGGUH TIDAK ADIL !!!

Sabtu, 27 April 2013

0 Cara Membuat AntiVirus Sendiri Dengan Antivirus Creator 1.4 Pro

Chyberart - Sebelumnya saya telah share antivirus buatan saya sendiri , kali ini saya akan share tentang cara membuatnya , beberapa dari anda jarang mendengar kata antivirus Creator , ya mungkin beberapa dari anda juga berpikir bahwa satu-satunya cara membuat program adalah menggunakan visual basic , padahal tidak juga salah satu teman kita telah share tentang antivirus creator simak ya gan
AntiVirus Maker 1.4
________________

AntiVirus Maker is simple application for create AntiVirus within <1 minutes


Features :

=> Creator :
1.Simple Desain for create an antivirus.
2.With Picture Header Maker
3.With Auto Copy All Files
4.Change Location to Compile
5.With "Run" File Compiled
6.2 AntiVirus (Navi & Smadav 2.3) [NEW & HOT]
7.2 Mode ( Navi : Normal Version / Portable)
8.Change "Name and About without promotion"(PRO VERSION)




=> AntiVirus :

NAVI =>
*Normal Version
1.With Heuristic For Detect Virus
2.New Checksum
3.Method String For Detect Infected File (W32.Runouce/Alman.A/B/Srigala/Virut/Sality)
4.With Plugin "KatroX Protect Disk"
5.Fast Scanning
6."Checksum Generator" [CRC32,KATROX,ICSC,MD5,EXE Binaries (1,2,3)]
7.With Configuration setting
8.With Disinfect For virus W32.Srigala
9.With Registry Tweak
10.With Process Viewer
11.Auto Scan FlashDisk if Inserted (Must Confirmed by User)
12.With Lock Program
13.Registry Changed (Change Name User/Organization & Change Message on Startup)
14.Anti Kill (HOT) <--- Cannot Killed by Proccess Manager (TaskMan,etc)
15.And Other


*Portable Version

1.With Heuristic For Detect Virus
2.New Checksum
3.Method String For Detect Infected File (W32.Runouce/Alman.A/B/Srigala/Virut/Sality)
4.Portable Application (No Install -> But must register "component")
5.Fast Scanning
6."Checksum Generator" [CRC32,KATROX,ICSC,MD5,EXE Binaries (1,2,3)]
7.With Configuration setting
8.With Disinfect For virus W32.Srigala
9.With Registry Tweak
10.With Process Viewer
11.Auto Scan FlashDisk if Inserted (Must Confirmed by User)
12.With Lock Program
13.Registry Changed (Change Name User/Organization & Change Message on Startup)
14.Anti Kill (HOT) <--- Cannot Killed by Proccess Manager (TaskMan,etc)
15.And Other


=> SMADAV

1.With Heuristic For Detect Virus
2.New Checksum
3.Scanner for bad registry value
4.Method "Heuristic Icon" For Detect Local Malware
5.Fast Scanning
6."Checksum Generator" [CRC32,KATROX,ICSC,MD5,EXE Binaries (1,2,3)]
7.With Configuration setting
8.With Disinfect For virus W32.Srigala
9.With Lock Program
10.With Process Memory
11.Process Module
12.With Registry Tweak (In Plugin -> Tool)
13.System Editor (In Plugin -> Tool)
14.Win-Force  (In Plugin -> Tool)
15.Anti Kill (HOT) <--- Cannot Killed by Proccess Manager (TaskMan,etc)
16.And Other


How To Make an Antivirus with AntiVirus Maker ?

Steps :

1.Open "Antivirus Maker 1.4"
2.Write your name Antivirus , About of Your Antivirus , Your Website and Your Email in TextBox
3.After That , You Can Change Picture Header. Click "Change Picture Header" and select picture.
4.Then You Also Change the Backcolor for your antivirus.Click "Change" For change backcolor.
5.Write your program name in textbox "Exe File Name".
6.Click "Compile" and Your Antivirus Created.

You Must Register all component in folder "Component"
NB : Dont Upx or packer for your AntiVirus!!!


Link Download Antivirus Creator 1.4 =http://www.2shared.com/file/u5zKSbYA/AntiVirus_Creator_14_Pro.html

Crack :Khusus untuk Pengunjung portablerip , saya akan memberi "Keygen" nya . Gratis kok....

Download Keygen disini


Cara menggunakan keygen :

1) Buka "Keygen"
2) Masukan Nama kamu atau Organisasi kamu
3) Kemudian klik "Generate"
4) Setelah itu Copy "Nama kamu atau Organisasi kamu" dan "Serial Number"
5) Buka "AntiVirus Creator/Maker 1.4"
6) Klik "Register"
7) Paste "Nama kamu atau Organisasi kamu" dan "Serial Number"
8) Selesai , "AntiVirus Creator/Maker 1.4" kamu sudah menjadi PRO

0 Memasang Status YM Online Atau Offline Di Blog

Chyberart - Cara memasang Status Yahoo Messenger atau lebih di kenal dengan YM Online Or Offline di blogger sobat..cara ini berguna sekali bagi pengunjung yang ingin mengetahi admin saat Online atau OFFline, nah maka dari itu saya kasih trick cara memasangnya!

misalkan messenger anda offline, akan tampak seperti ini:



jika online, maka akan tampak seperti ini:



Caranya cukup simple sob, silahkan anda copas Codenya di bawah ini dan taruh di gadget or sesuai kebutuhan kalian masing2.

Kalau anda masih bingung, seperti biasa aja tarok di gadget blog. Caranya :


  • Login blog
  • Masuk rancangan-> Elemen Laman
  • Kemudian pilih HTML/JavaScript
  • Masukkan Kode di bawah ini kedalamnya.
<a href="ymsgr:sendIM?ID YM ANDA"> <imgsrc="http://opi.yahoo.com/online?u=dayatthe95&amp;m=g&amp;t=14&amp;l=us"/></a>
  • Ingat!!! Warna Merah adalah ID Yahoo Messenger Sobat silahkan anda cek di YM anda.
  • Kalau sudah silahkan anda SAVE dan lihat hasilnya!
Semoga bermanfaat yah!

Contoh:

  • t=0 

  • t=1 

  • t=2 

  • t=3 

  • t=4 

  • t=5 


Begitu seterusnya sampai angka 16 (Dan seterusnya, Karena ada pembaharuan dari Yahoo)

selesai..

Selasa, 23 April 2013

0 Download Antivirus Buatan Anak Smk Indonesia

Chyberart - Siang yang cerah ini saya berhasil menciptakan sebuah software yang memiliki tugas sangat penting untuk melindungi PC anda dari serangan malware atau virus. Ya, saya telah berhasil membuat Antivirus. Nama Antivirus tersebut adalah G-Force Antivirus. Nama tersebut saya ambil dari huruf "G" yang berarti Gugun, "Force" artinya perlawanan, dan "Antivirus" yang berarti ya antivirus. Nah spesifikasi software ini adalah sebagai berikut :



Computer Spesification :
- Windows XP, Vista, 7
- RAM minimum 128 MB



Software Description :
- File Size : less 1 MB
- Local Antivirus
- Virus Database is not up to date
- Use small of RAM 

Screenshot :

1. Scanner :


2. Proses Memory :

3. List of Virus Database :
 4. Plugins



 5. Protect your Flashdrive :



Tertarik untuk mencobanya? Mungkin software ini masih versi Beta yang belum sempurna, tapi tidak ada salahnya anda mencoba Antivirus buatan saya ini . :]
Download :






Kalo ada kritik dan saran, tuliskan di kotak komentar ya?

Senin, 22 April 2013

0 Cara Meringankan Blog

SEO BlogChyberart - saya ingin mencoba sharing seputar  tips blog yaitu membuat blog menjadi lebih ringan. Mungkin sobat blogger sering mendengar mengenai cara membuat blog menjadi lebih ringan, tetapi mungkin dari beberapa sobat ada yang belum pernah membaca atau baru membaca tetapi lupa lagi. Biar ga lama langsung aja baca :

Mempunyai blog yang ringan merupakan dampaan setiap blogger, karena dengan blog ringan dapat memuaskan para pengunjung, blognya ringan otomatis waktu muatnya pun relatif cepat. Ini ada beberapa tips dari saya agar blog menjadi lebih ringan :

Pertama, Pilih Template yang sederhana / size kecil
Kita awali dari template, pilihlah template / tema blog dengan size kecil. Maksudnya yaitu tidak mengandung terlalu banyak script. Ya setidaknya pilih yang kurang dari 100kb atau lebih kecil lebih bagus
Kedua, Buang widget yang tidak diperlukan
Widget merupakan salah satu elemen paling penting untuk blog, terus kenapa saya masukan daftar ??? widget memang penting tetapi maksudnya dari tips kedua ini adalah, buanglah widget yang sekiranya tidak perlu, misalnya jam, kalender dll.
Ketiga, Kurangi Javascript, Jquery serta Flash
Di sadari atau tidak Javascript dapat membuat blog menjadi lebih berat apalagi jquery dapat membuat size blog berkali - kali lipat lebih besar karena script jquery yang strukturnya sangat panjang yang ototmatis menambah size blog dan menjadikan blog sobat menjadi berat. Jadi saran saya kurangi saja lah atau bila terpaksa pilihlah jquery yang tidak terlalu besar. Oh ya yang terakhir flash, itu pun sama membuat berat..
Ke empat, Kurangi gambar - gambar di blog
Ini juga termasuk sobat, masalah yang membuat blog kita menjadi berat, untuk pemakaian gambar background diblog sebelum di pasang saya sarankan untuk di compress terlebih dahulu, maksimal ukurannya 100kb-an

Segitu Saja tips dari saya semoga membantu sobat yang menginginkan blognya ringan, apabila blog ingin ringan tetapi tampilan tetap maksimal silahkan gunakan css sebagai alternatif..

Minggu, 21 April 2013

0 Cara Download Di 4shared Tanpa Login


Chyberart - 4shared adalah sebuah situs media penyimpanan berbagai file atau document misal lagu atau file lainya. Kita tahu bahwa media penyimpanan di internet jumlahnya banyak sekali termasuk, mediafire, rapidshare, dan lain sebagainya. Namun biasanya ketika anda mendowload sebuah file dari server 4shared anda harus Login/Register untuk bisa mendownload file tersebut. Namun kali ini saya akan memposting bagaimana caranya medownload file dari 4shared tanpa harus login atau register. Baiklah langsung saja ke topik.






How to Donwload File 4Shared.



Langkah ini sangat mudah dilakukan anda hanya perlu mengunjungi situs tersebut disini.


Setelah anda mengunjungi silakan anda paste url file dari 4Shared di text area dan silakan anda tekan download.



tunggu beberapa detik untuk mendownload file tersebut.


U’re Done…!




Enjoy Friend,,,,,

Sabtu, 20 April 2013

0 Mengapa Orang Gila Tidak Pernah Sakit


Chyberart - Pernahkah kita berpikir, mengapa orang gila selalu sehat? Beberapa kali kita berusaha memikirkan mengapa orang gila tidak pernah sakit? Tidak pernah kita melihat sekali pun ada orang gila kerokan di pinggir jalan, meminum obat, memakai koyok, atau bahkan sakit gigi sekalipun. Jawabannya adalah KARENA MEREKA TIDAK PERNAH STRESS !!!

Orang gila tidak pernah sakit karena mereka tidak pernah stress. Mereka tidak pernah berpikir macam-macam. Makanan apa pun mereka makan. Tidak seperti kita. Sudah ada ayam goreng, masih mencari sate kambing. Sudah ada soto kerbau, masih mencari pizza, hotdog, dan lain sebagainya. Sedangkan orang gila tidak pernah minta makanan macam-macam. Makanan apapun asal namanya makanan tetap mereka makan. Bahkan nasi basi pun mereka makan.


Kedua, orang gila itu selalu qona'ah. Mereka itu triman. Menerima apa pun pemberian Allah SWT kepadanya. Tidak pernah menuntut macam-macam. Tidak seperti kita. Sudah diberi sepeda, masih minta motor. Sudah punya motor, masih minta mobil. Rumah sudah bagus, masih saja selalu merasa ada yang kurang. Akhirnya beli ini beli itu, renovasi ini renovasi itu. Ujungnya hutang sana sini untuk kebutuhan tersebut. Nah, ketika hutangnya sudah menggunung, jatuh sakitlah dia.

Orang gila itu entah punya pakaian ataupun tidak, mereka santai saja. Kalau mengantuk, ya tidur saja. Mereka tidak butuh tikar, apalagi kasur atau springbed. Ada lho diantara kita yang tidak bisa tidur di atas tikar. Gara-garanya karena sudah terbiasa tidur di springbed. Tidur tanpa AC juga tidak bisa.

Orang gila jarang sakit juga adalah karena mereka selalu berbahagia. Nyatanya mereka tampak selalu tersenyum. Betul kan? Orang yang selalu tersenyum pasti hatinya bahagia dan tenteram. Everething is running well, bahasa kerennya. Semuanya berlalu dengan baik-baik saja. Tidak pernah ada masalah. Kalaupun ada masalah, dia menganggap itu sebagai hiburan yang menyenangkan. Makanya dia senantiasa tersenyum.

Nah, kalau kamu semua ingin selalu sehat jadilah "orang gila". Maksud saya, hiduplah dengan qona'ah, narimo, tidak usah punya keinginan macam-macam dan selalulah tersenyum. Mudah-mudahan kamu sehat selalu.Semoga menambah wawasan kita semua Ok!

Jumat, 19 April 2013

0 Cara Membuat Komentar Admin Berbeda dengan Pengunjung

Chyberart - Komentar di dalam sebuah blog sepertinya sudah merupakan sebuah bagian dari 'harmoni' yang tak bisa terpisahkan, karena setiap orang yang berkunjung dan membaca-baca artikel, tentunya mereka ingin menumpahkan ide-ide, inovasi, bahkan kritikan-kritian atau feedback yang ada di dalam benak mereka. Dengan adanya fasilitas komentar, kini pengunjung lebih mudah untuk mengemukakan pertanyaan, pendapat, dan juga mendapatkan solusi atau jawaban yang ia butuhkan, seperti halnya dengan author blog yang bisa lebih dekat dan akrab kepada para pengunjungnya melalui fitur komentar ini.

Kembali ke lap...top..., selain tips diatas saya juga menyarankan agar rekan-rekan webmaster/blogger membalas setiap komentar pengunjung di blog anda (terkecuali komentar SPAM), karena setelah saya amati pada blog-blog yang pemiliknya sering membalas komentar pengunjung,  mereka akan lebih mendapatkan respect dan pengunjung blog yang setia dikarenakan mereka selalu bersahabat dan friendly menjawab setiap pertanyaan-pertanyaan pengunjung yang perlu dijawab.
Pada kesempatan kali ini saya akan membahas tutorial mengenai cara membuat komentar admin berbeda dengan pengunjung, dengan artian background dan border kotak komentar author blog tampilanya nanti akan berbeda dengan pengunjung biasa, warna border dan backgroundnya juga bisa diubah-ubah kok, sesuai dengan kreativitas dan minat kita. Tampilan ini dibuat bertujuan untuk memudahkan para pembaca membedakan antara komentar pemilik dan pembaca blog, serta juga dapat memperindah dan menambah interesting pengunjung blog untuk berkomentar.
*Keterangan: pastikan anda download/backup dulu template anda, untuk mengantisipasi kesalahan dalam meng-edit HTML.
Bila sudah di backup silahkan ikuti cara di bawah ini
1. Login ke Blogger.
2. Pilih Template.
3. Pilih Edit HTML. 
4. Centang box 'Expand Template Widget'.
5. Cari kode ]]></b:skin> menggunakan CTRL+F, lalu letakkan kode dibawah ini tepat diatasnya.
.comment-body-author {
background: #F0F8FF;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
}
 Keterangan:
  • #F0F8FF = kode HTML warna yang ingin dijadikan background komentar author.
  • 1px = ketebalan border atau garis tepi komentar author,
  • #000000 = kode HTML warna yang ingin dijadikan warna untuk border komentar author.                                                                                     
6. Kemudian, cari kode yang berwarna  hitam yang mirip seperti kode di bawah, lalu sisipkan/letakkan kode yang berwarna merah sampai susunanya seperti di bawah ini.
<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt> 
<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>

7. Terakhir, klik 'save', dan selesai.
Bagaimana? mudah bukan cara membedakan antara komentar admin dan komentar pengunjung. Demikian tutorial blog tentang Cara Membuat Komentar Admin Berbeda dengan Pengunjung, semoga bermanfaat, dan selamat mencoba. Happy Nice Blogging...

Kamis, 18 April 2013

0 Cara Membuat Animasi Loading pada blog




Chyberart - Cara Membuat Animasi Loading Blog Lebih Menarik -Tips Blog Banyak hal menarik dan efek/plugin yang dapat dipakai atau diberikan oleh blogger...
Nah pagi ini saya mau mencoba share bagaimana caranya membuat efek loading pada blog, agar terlihat lebih menarik, biasanya ini sangat disukai bagi yang suka ngoprek dan yang ingin blognya terlihat cantik dan keren.
Ok tanpa basa-basi simak langkahnya berikut ini :
Sebaiknya anda membaca dengan baik langkah yang telah diberikan dan jangan lupa backup template anda.

ANIMASI LOADING PART 1, BERWARNA MERAH

1. Login ke akun blogger anda
2. Klik Template » Edit HTML 
3. Tambahkan kode CSS berikut ini diatas ]]></b:skin>
#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}

4. Kemudian tambahkan kode jquery ini diatas kode </head>, jika dalam template kalian sudah terpasang jquery maka tidak perlu lagi tambahan jquery tersebut, aga proses efek loading lancar
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

5. Dan langkah yang terakhir, pasang kode berikut diatas tag </body>
<div id='loadhalaman'>
<div class='loadball'></div>
<div class='loadball-2'></div>
</div>
<script type='text/javascript'>
$(function() {
var siteURL = "http://" + top.location.host.toString();
var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../']");
$internalLinks.click(function() {
$('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000);
});

// Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank'
$('#loadhalaman').click(function() {
$(this).hide();
});
});
</script>

ANIMASI LOADING PART 2, BERWARNA BIRU

HTML
<div class="ball"></div>
<div class="ball1"></div>

CSS
.ball {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-top:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 35px #2187e7;
width:50px;
height:50px;
margin:0 auto;
-moz-animation:spin .5s infinite linear;
-webkit-animation:spin .5s infinite linear;
}
.ball1 {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-top:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 15px #2187e7;
width:30px;
height:30px;
margin:0 auto;
position:relative;
top:-50px;
-moz-animation:spinoff .5s infinite linear;
-webkit-animation:spinoff .5s infinite linear;
}
@-moz-keyframes spin {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(-360deg); }
}


Demo 1 Dengan Animasi Berwarna Merah : 


Demo 2 Dengan Animasi Berwarna Biru : 

Demikian tutorial yang saya buat mengenai Langkah Membuat Animasi Loading Blog Lebih Menarik, semoga bermanfaat

0 Cara Mengendalikan Komputer Jarak Jauh


Chyberart - Ketika anda sedang berada di luar kota atau bahkan di luar negeri, dan anda harus mengakses komputer anda yang ada di rumah, di kantor atau dimana saja. untuk copy file atau keperluan lainnya, atau untuk troubleshooting masalah program di client atau customer anda yang jaraknya cukup jauh,  atau untuk keperluan setting konfigurasi alat / mesin dll, solusinya adalah dengan menggunakan aplikasi remote komputer via internet.

Dengan aplikasi remote komputer / remote desktop, seolah-olah kita berada persis di depan komputer yang aslinya (yang diremote) karena tampilannya akan persis sama .

Salah satu aplikasi yang handal untuk keperluan ini adalah TeamVewer, aplikasi yang gratis (gratis untuk personal, berbayar untuk commercial use), ukuran installernya hanya sekitar 3MB,  untuk mendownload tinggal   masuk ke situsnya di  www.teamviewer.com.

TeamViewer ini untuk install dan  penggunaannya sangatlah mudah, diinstalkan pada ke dua komputer yang akan diremote dan yang akan meremote. Installnya tinggal next next saja sampai finish, tidak perlu mengubah settingnya, biarkanlah secara default.

Ketika aplikasi dijalankan maka akan menampilkan nomor ID dan password

Kita yang akan meremote harus mengetahui nomor ID dan password TeamViewer dari komputer yang akan diremote, ini bisa diinfokan lewat telephone, SMS atau email.
Nomor ID yang telah kita dapat dari komputer yang akan diremote kemudian kita masukkan pada kolom Partner ID, Klik pada Connect to partner untuk memulai meremote. 
(Di komputer yang akan diremote yang dilakukan hanyalah menjalankan aplikasi TeamViewer , dan menginfokan nomor ID dan passwordnya kepada kita/orang yang akan meremote).
Setelah klik  Connect to partner maka akan muncul permintaan password, tinggal masukkan saja passwordnya. kemudian klik Logon, maka komputer yang diremote akan tampil.

Rabu, 17 April 2013

0 Cara Membuat Read More Pada Blog Secara Otomatis

Chyberart - Cara Membuat Read More Pada Blog Secara Otomatis
Tutorial ini ditujukan kepada kawan-kawan yang masih menggunakan template bawaan blogger. Bila sudah menggunakan template dinamis, ini diabaikan saja yah. Kelebihan menggunakan template bawaan blogger adalah kita tidak hutang budi sama penyedia template blog gratisan sehingga menanamkan link/URL-nya di dalam blog kita. Oleh karena itu, Cara Membuat Read More Pada Blog Secara Otomatis ini sangat perlu digunakan. Oh iya, Cara Membuat Read More Pada Blog Secara Otomatis merupakan salah satu cara mempercantik tampilan blog.


Beginilah Cara Membuat Read More Pada Blog Secara Otomatis
1. Tentunya kawan-kawan harus membuka akun blog kawan sendiri.
2. Bila sudah masuk blogger (dasbor) pilihlan elemen Template lalu klik Edit HTML lalu klik Lanjutkan.
3. Centang Expand Template Widget (ada tanda kotak disamping tulisan itu)
4. Lalu carilah kode </head> (gunakan Ctrl + F, untuk mempercepat pencarian) lalu salin/copylah Kode di bawah ini (klik Spoiler berikut) dan tempatkan pas diatas kode</head> tadi.


<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

5. Sudah ditempatkan kode di atas bukan. Selanjutnya cari kode <data:post.body/>  kemudian hapus kode <data:post.body/> tersebut dan gantikan kode scrip di bawah ini
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>
6. Lalu simpan template blog anda kawan. Lihat hasilnya.

Klik disini untuk melihat contohnya.