Cyber Commpany

NE-Gen Blog » Archives for 2013

Cara Membuat Show-hide Comment Pada Blog

udah faham kan, oke langsung saja kita bahas hehehe, ga usah pake lama :v

Nah Pertama" Kamu Harus Login ke Blogger.com ( Wajib :p )

Kemudian Kamu buka Template > Edit HTML dan Centang "Expand Template Widget"

kalau sudah ...

kamu taruh code dibawah ini tepat diatas kode ]]></b:skin>

a.openpanel{display:block;width:auto;height:auto;text-align:center;font-weight:bold;font-size:15px;line-height:30px;background:#660000;border:3px solid #990000;border-top:0px;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;position:relative}
a.openpanel.active{background-color:#660000}
a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;}
a.openpanel.active em {top:6px;border color:#222222;}
div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}
div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}

Jika sudah, kemudian kamu masukan lagi code dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "Tambahkan Komentar",
closePanelText = "Tutup Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script src='http://membuatgempar.net23.net/comment.js' type='text/javascript'/>

Read Full Article

Download game Hitman 4-Blod Money

Hay Teman Teman Kali Ini Saya Akan Mengshere Game Bernama Hitman 4:blod Money
Link Nya IdWS LOH MAU KAN AGAN AGAN YA PASTI MAU INGIN MEMAIKAN LANGSUNG AJA DISINI Full Download.

Link Download Indowebser:

Hitman 4 : Blood Money - Indowebster

Password:
www.isalgames.com

Read Full Article

Cara membuat Gambar Sembelum Judul Posting

Berikut langkah cara membuatnya:

1.Login ke akun blogger sobat

2.Pastikan anda sudah menyiapkan gambar/icon nya

3. Cari kode

.post h3 {

4.Copy kode di bawah ini tepat di bawah kode .post h3 {

background:url("URL GAMBAR ANDA") no-repeat;

Maka hasilnya nanti kira-kira akan seperti ini:

.post h3 {
background:url("URL GAMBAR ANDA") no-repeat;
margin:0;
display:block;
bla bla bla bla bla bla
}

5.Simpan dan lihat hasilnya

Read Full Article

Cara Membuat Navbar Keren

Nah..gini cara buatnya sob:

1.Login ke akun blogger sobat.

2.Klik Rancangan-->Edit HTML-->Centang kotak Expand Template Widget

3.Cari kode ]]></b:skin>

4.Copy kode di bawah ini tepat di atas kode ]]></b:skin>

#Aldinavbar{font-family:Comic Sans Ms,Geo;background:rgba(0,0,0, 0.75);border: 2px solid #6d5d96;
-moz-border-radius: 10px;padding:2px 0;z-index:999;top:1px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;
}
#Aldinavbar .left{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:bold;color:white;padding:2px 10px;}
#Aldinavbar .right{float:right;padding:0px 2px;}
#Aldinavbar a{color:orange;text-shadow:none;-moz-outline-style:none;}
#Aldinavbar a:hover{color:cyan;border:0px;-moz-outline-style:none;}

5.Cari lagi kode </head>
6.Copy dan pastekan kode di bawah ini tepat dibawah kode </head>

<div id='Lutfienavbar' style='position: fixed;'>
<span class='left'><img align='top' alt='Aldi' height='20' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0WAEvnegznIjTkB9mMzf5kfX-NDZwlKPK-v_x1uWn_eHRPL5pv4dpe75LvFsk6LkLFsBcNHrG3eWtu2caJKXUReHXsWzT20mQLYHBBAuS4H_A7b1g7Se8Df7r3Oi9ZvaYiB5waJ9-eYlu/s320/Untitled.png' width='20'/></span><span class='left'>Anda Bebas Mengcopy Atau Menyebar Luaskan Artikel Ini Asalkan Anda Menyertakan Link Sumbernya.Hargailah Hasil Karya Orang Lain...!!!</span>
<span class='right'>
</span></div>

7.Ganti teks yang berwarna merah sesuai dengan keinginan anda.
8.Simpan dan lihat hasilnya.

Read Full Article

Cara Melindungin CSS Blogger Agar Tidak Di Jiplak

Hay Sobat Cyber Commpany Kali ini Saya Akan Shere Blogger Cara Melindungin CSS BLog Agar Tidak Di Jiblak.nah tau gak pa pa kan saya share lagi mana tahu kalian masih bingung.
Kita akan membahas trik ini sampai semuanya mengerti Tidak Di Blogger Lain Hanya Memberi Code Tidak Di Kasih gambar Biar Lebih Jelas Nah Agan Agan
Ingin Melihat Nya /mencobanya langsung saja disini

1.Copy dan pastekan dulu code css anda dari <b:skin><![CDATA[ sampai ]]></b:skin> ke notepad,maka nanti hasilnya yang ada di Edit HTML menjadi seperti ini

<b:skin><![CDATA[]]></b:skin>

2.Jika sudah save code css yang ada di notepad tadi lalu beri nama terserahanda.css
3.Upload terserahanda.css yang ada di komputer anda ke webhosting anda,saya sarankan di 000webhost
4.Masih di Edit HTML,ganti kode <b:skin><![CDATA[]]></b:skin> dengan kode di bawah ini

<link href='url hostingan terserahanda.css' rel='stylesheet' type='text/css'/><b:skin><![CDATA[ ]]></b:skin>

5.Ganti kode yang berwarna merah di atas dengan url hostingan di mana anda mengupload terserahanda.css tadi
Misalnya seperti ini

<link href='http://www.namaanda.000webhost.com/terserahanda.css' rel='stylesheet' type='text/css'/><b:skin><![CDATA[ ]]></b:skin>

Oke,Selesai...

Read Full Article

Cara Memproteksi CSS BLOGGER

hay Teman teman kali ini saya akan shere BLogger Cara Memproteksicss bloger.Sobat Sobat Pernah DI Plagiat kan blognya nah makannya pake ini kualitas gak ada yang ngeplagiat lagi Dan gak Ada Deh Pokok nya Nah Sekarang kita coba

1. Compress terdahulu CSS blog anda di http://www.cssdrive.com/index.php/main/csscompressor

2. Ambil kode CSS mu, lalu encrypt di http://tools.irvankadhafi.com/jsencrypt/, Sebelum di encrypt jadikan css mu menjadi HTML seperti ini

<style>Isi CSS blog mu</style>

Jika masih gak ngerti ini aku kasih contohnya. Misalkan css blogmu

body{background:url(blablabla);font-family:verdana}
#wrapper{border:2px solid #000;color:#fff;border-radius:8px}

Dijadikan HTML, maka :

<style>body{background:url(blablabla);font-family:verdana}#wrapper{border:2px solid #000;color:#fff;border-radius:8px}</style>

3. Setelah di encrypt, copy hasil encrypt itu ke notepad, dan simpan dengan format .js misalnya cssku.js (Bisa juga tanpa format)
4. Upload file yang disimpan itu ke GoogleCode
5. Copy link js nya, lalu jadikan linker, seperti ini

<script src='link-js-kamu' type='text/javascript'>

6. Setelah itu taruhlah linker tersebut diatas html </head>
7. ^_^ Blog anda sudah terproteksi

Jika ada css yang tidak bekerja setelah anda proteksi, lebih baik css itu tidak usah ikut di encrypt :)

NB : Walaupun kamu sudah memproteksinya seaman-aman pun semuanya tetap bisa dibongkar, tapi cara ini hanya untuk mengakali perbuatan Plagiator agar tidak gampang menyuri css anda ^_^

Read Full Article

Download Template Bleck Transparant V1

Hay Teman Teman Kali ini Saya Akan Shere Template Cyber Commpany Nah Sekarang Kamu tau kan Pengen pake Template Keren SEperti Ini Pasti Agan Agan Pengenen Kan Kalu pengen Ayo Tinggal Download Disini

Link Download:
http://www.ziddu.com/download/21450482/TemplateCyberCommpany.rar.html

Read Full Article

Download Template Irvan Blue Template

DOWNLOAD | DEMO

Udah DI Coba Blom Bagus Kan Keren Kan ya Pasti Keren Template Ini Di buat Olah Irvan Kadhafi

Terima kasih Atas Anda Download

Read Full Article

Download Template SAO SCAVEGE,SLAY,SURVIVE

Pengaturan Menu
-----------------------------------------------------------------------------------------

Buka Blogger -> Template -> Edit HTML -> Lalu Cari Code Seperti ini

div class='navijohanes'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>About me</a></li>
<li><a href='#'>Tutorials</a></li>
<li><a href='#'>Articles</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Inspiration</a></li>
</ul>
</div>

Link Download
Download Via Google Drive
Download Via Dropbox
Demo

Template By : Johanes Design

Read Full Article

Download Game Pc Jurig Excape Full Version

HAY TEMAN TEMAN KALI INI SAYA AKAN SHERE GAME PC BERNAMA JURIG ESCAPE GAME INI DI BUAT OLEH INDONESIA LOH INGIN COBA SEKOLAHAAN NYA JUGA DI BANDUNG SIAPA LOH YANG SMP NYA SAMA KAYA DI SEKOLAHAAN JURIG ESCAPE ATUT NANTI ADA CETAN SAYA MAH GAK TAKUT SAMA SETAN ALIASNYA.

Link Download:
http://www.mediafire.com/?mqmzdknqw1y

Read Full Article

Cara Membuat Read More Dengan Thumbnail

1. Login Blogger
2. Pergi Ke Template
3. Pergi ke Edit HTML
4. Centang Expand Template Widget
5. Kemudian Cari Code </head>, jika mau cepat, menggunakan F3 / CTRL + F
6. Lalu Copy Paste Code Dibawah Ini Tepat di Atas Code </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://bloggertutorial.googlecode.com/files/readmore%20thumbail.js' type='text/javascript'/>
<style>
.button {
float:right;
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
text-decoration: none;
}
.button:active {
position: relative;
top: 1px;
}
.bigrounded {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
.medium {
font-size: 12px;
padding: .4em 1.5em .42em;
}
.small {
font-size: 11px;
padding: .2em 1em .275em;
}
.orange2 {
color: #fef4e9;
border: 2px solid white !important;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange2:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top, #f88e11, #f06015);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange2:active {
color: #fcd3a5;
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top, #f47a20, #faa51a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
</style>

Setelah itu sobat simpan/save template blog nya, tidak juga tidak apa apa, langkah selanjutnya sobat cari tag/kode yang mirip atau sama dengan ini tag <data:post.body/> setelah ketemu sobat ganti tag tersebut dengan kode di bawah.

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='button orange2' expr:href='data:post.url'>Read More</a>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Read Full Article

Cara Membuat Spinning Image / Gambar Berputar Dengan CSS3

Nah Agan Agan Ingin Mempunyai Widget Keren dis Simpan Dengan Mata Akatsuki Berputar Di Header/Di Judul BLog Nah Agan Agan Yang mau Coba Bisa Coba Tapi Baca Dulu Ini Baru Coba Oke Nah Lang langkah Nya Ada Di Bawah Ini

Langkah" Nya
1. Login ke Blogger
2. Pergi ke Dashbor,
3. Pergi ke Template -> Edit HTML
4. Masukan Code Dibawah ini tepat diatas code ]]></b:skin>

/* XCSharingan Berputar */
.XCSharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:-20px; margin-left:400px;position:absolute;z-index:999;height: 200px; line-height: 46px;border-radius:500px;border-left:10px solid black;border-right:10px solid black;width: 200px;; -moz-animation:XCspin 1s infinite linear; -webkit-animation:XCspin 1s infinite linear;animation:XCspin 1s infinite linear}
.XCSharingan {margin-top:-20px; margin-left:400px;position:absolute;z-index:999;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2g6H9gI7jdmNz6_b5W6P6IuZnkgWbp4GcPLDK5PtKFUsuekdq-Tr2ke3IfVc-krTS0UviGC6wLCloZXuS_z7P_SmqRtFHL39mnRydN5-gA0iVlYaaDLKja5FAwkocuPpPfOxiFibdB_zP/s185/supers.png) no-repeat;height: 185px; line-height: 46px;border-left:20px solid black;border-radius:500px;border-right:20px solid black;width: 185px; -moz-animation:XCspin 1s infinite linear; -webkit-animation:XCspin 1s infinite linear;animation:XCspin 1s infinite linear}
@-moz-keyframes XCspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes XCspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes XCspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }

Pengertian Code Diatas :
Code margin-top:-20px; margin-left:400px; itu sesuaikan dengan yang kamu mau Marginnya...
Code height: 200px; yaitu Tinggi gambarnya (sesuaikan dengan keinginan tingginya )
Code width: 185px; yaitu Lebar gambarnya (sesuaikan dengan keinginan lebarnya )
Code https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2g6H9gI7jdmNz6_b5W6P6IuZnkgWbp4GcPLDK5PtKFUsuekdq-Tr2ke3IfVc-krTS0UviGC6wLCloZXuS_z7P_SmqRtFHL39mnRydN5-gA0iVlYaaDLKja5FAwkocuPpPfOxiFibdB_zP/s185/supers.png yaitu code gambar sharingannya..
bisa diganti dengan code gambar sharingan yang lain :)

Kalau code diatas sudah dimasukin, selanjutnya cari code <div id='header-wrapper'> (untuk ditaro di header ) kalau sudah ketemu, masukan code dibawah ini, dibawah code <div id='header-wrapper'>

<div id='XCSharingan1'><div class='XCSharingan'/></div>

Kalau sudah semuanya silahkan di "Save Template" Atau di Partinjau terlebih dahulu, :D
kalau tidak bisa, coba ulang lagi cara"nya diatas ,sampai bisa :D...
nah ada tambahan nih, untuk code gambar sharingan nya...

1. Sharingan Biasa :