DARKNESS FATE

Cara membuat animasi naruto bergerak di pojok blog -

Wah ,, kembali lagi neh Darkness Fate mencoba untuk mengshare kepada para sahabat semua mengenai cara membuat widget animasi bergerak di pojok blog. Namun faters pada kesempatan kali ini akan memberikan animasi animasi khusus seputar naruto. Hehehe.. maklum saya kan penggemar berat naruto, lagi pula animasi naruto dkk ini sangat keren dan menarik loh.. dan sangat pass jika di jadikan pernak pernik penghias blog anda.. nah dari pada berpanjang lebar, langsung saja saya berikan tips cara memasangnya.

Cara Memasang Widget Animasi Bergerak Naruto

Login ke dasbor blog anda
Pilih rancangan
Pilih Tambah Gadget
Pilih Html/Java Script
Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
Pastekan kode tadi di Html/java script tadi.
Simpan, dan selesai

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.

bottom (bawah), top (atas), left ( kiri), right (kanan),

Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

1.Jiraiya

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

2.Daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

3.kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

4.Kiba

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

5.Akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif " title="Kumpul`n animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

6.Sakura

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Sakura2.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

7.Anggota akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343009.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

8.Tobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9.Hinata

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/HinatavsNaruto.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

10.Temari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Temari.gif " title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

11.Kankuro

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kankuro.gif " title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

12.Sasuke

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" title="Kumpulan animasi sasuke bergerak gif"
alt="cara pasang animasi naruto dan sasukebergerak gif di blog" /></a><small>
<center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

13.Itachi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg " title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara pasang animasi naruto dan hitachi bergerak gif di blog" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

14.Pain

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

15.Kakuzu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/Kakuzu.gif" title="lihat lebih banyak animasi naruto bergerak" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

16.Gaara vs daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

17.Gaara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraSkill.gif" title="Kumpulan animasi gara bergerak gif" alt="cara pasang animasi gara bergerak gif di blog" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

18.Neji

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif " title="kumpulan animasi bergerak" alt="animasi beregerak naruto" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

19.Rock lee

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif " title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

20.Zetsu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343266.jpg " title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

21.Sasori

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343137.jpg" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

22.Kakashi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif " title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

23.Sarutobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/3rdHokage.gif " title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

24.Kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343066.jpg" title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

One Piece CP9 Template

Sunday, 28 April 2013

Posted by Golden Anonymous

Download:
onepieceenemies

KETERANGAN

Nama : CP9 Template
Anime : One Piece
Credit : Darkness Fate

X Gen Green Template

Posted by Golden Anonymous

Download:

Via 4Shared: Klik Disini | Via Ziddu: Klik Disini

Password file: andi-techno.blogspot.com

PENJELASAN TEMPLATE

Nama : X Gen

Designer : Andi Techno

Distribution : Andi Techno & Darkness Fate

Feauture :

- Meta tag SEO friendly
- Auto Read More Ready (with transition effect)
- Navigation Dropdown menu
- 2 Sidebar di kiri dan kanan
- Widget di header (bisa untuk meletakkan banner / iklan)
- Tombol Social Network (with transition effect)
- Breadcrumbs ready (seo friendly)
- Elegant Image Slider
- Tripple Tab View
- Struktur desain elegant dan Simpel

- Transition Effect on Hover

- Search Form

- 3 Elemen Widget diatas Footer

- Scrollbar sudah di modifikasi

Credit : http://kaze-anonymous.blogspot.com/

Ajaxify Template

Posted by Golden Anonymous

Download | Demo

+ Two column
+ Right sidebar
+ Four column footer

Sikuai Sumatera Template

Posted by Golden Anonymous

Download | Demo

+ Perfect for photography blogs
+ Two column
+ Left sidebar
+ Perfect Set

Black Line Template

Posted by Golden Anonymous

Desain template yang satu ini dibuat buat rekan-rekan blogger yang tidak suka desain yang terikat dan ingin bereksperimen sendiri mencari gaya kesukaannya. Model yang satu ini bisa diedit menjadi begitu banyak desain tanpa batas. Untuk mengekspresikan diri saudara silahkan gunakan perancang template blogger untuk mengubah gambar latar, warna setiap elemen, jenis huruf, posisi dan jumlah sidebar, serta tampilan footer. Semua elemen pada halaman ini bisa diedit sesuka hati.... Jika tertarik dengan rancangan ini silahkan baca dan download dari halaman Template Blog Black Line

Privacy

Posted by Golden Anonymous

Blog ini dibentuk atas dasar HOBBY
Dilarang Copy Paste Tanpa Izin di Blog DARKNESS FATE
Setiap artikel di Blog ini " DIKETIK SENDIRI " ( Kecuali untuk link download saya mencari sendiri )
Tidak ada pihak yang dirugikan atas pembentukan Blog saya ini
Diharapkan pengertian dari sobat FATERS untuk memakluminya

SANKSI

Pelaporan ke pihak Google DMCA dan Blogger
Pencemaran nama baik Blog Copazers
Melakukan Cyber Crime terhadap blog Copazers
Penghapusan Blog oleh Blogger

CREDIT : http://kaze-anonymous.blogspot.com/

Climbing Template

Posted by Golden Anonymous

DOWNLOAD TEMPLATE

Klasifikasi :

Free Blogger Jquery Montains Climbing Nature Trips Grunge Web 2.0 Layout Theme Template, Awesome Grunge Free Climbing Nature Trips Jquery Blogger Blogspot Layouts Themes Templates With Jquery Slideshow, Drop-Down Menu, Ads Space Ready, Web 2.0 Interface, Mozilla Firefox, Opera 9.02, Google Chrome and Safari Web Browsers, Support Latest Blogger Features, Fixed Width, Fresh Fast Loading Template, Unique RSS Subscribe Button on The Header, 2 Columns, Right Sidebar, Rounded Corners, Don't Forget to Share This Template if You Like it.

Transparent Uniqx Template

Posted by Golden Anonymous

Ini Adalah Template blog yang Transparent dan dapat diganti backgroundnya sesuka hati sobat. Ada read more bergambar, menu Horizontal, dan laman yang cukup strategis... jika ingin menggunakannya tinggal download saja ►Click Here!◄

Cara Membuat Efek Loading di Blog

Posted by Golden Anonymous

1. Login ke blog sobat
2. Buka menu rancangan ->> edit HTML
3. Cari kode </head>
4. Letakkan kode dibawah ini tepat diatas kode </head>

<style type="text/css"> /* add loading image */ body { background:#4B4B4B url(http://i1125.photobucket.com/albums/l581/Anthzo/loading3.gif) no-repeat fixed center; } /* hide page div */ #page{ display:none; } </style><br /> <script type="text/javascript"> function css(classORid,rules){ try{ var css=document.createElement("style"); css.innerHTML=classORid+"{"+rules+"}" document.body.appendChild(css); } catch(e){} try{ document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules); } catch(e){} } function loaded(){ css("#page","display:block!important"); css("body","background:#000 url()"); } if(window.addEventListener)window.addEventListener("load",loaded,false); else if(window.attachEvent)window.attachEvent("onload",loaded); else if(document.getElementById)window.onload=loaded; </script><br />

5. Kemudian cari kode <body>
6. Letakkan kode dibawah ini dibawah kode diatas

<div id="page">

7. Cari kode </body>
8. Taruh kode </div> diatas kode </body>
9. Simpan dan Lihat hasilnya...!...

Credit : http://kaze-anonymous.blogspot.com/

Cara Membuat Blog di Blogger

Posted by Golden Anonymous

Buka website ini : www.blogger.com
Klik tanda Sign Up ( Bila tidak memiliki akun, Jika punya langsung masuk )
Setelah Log In kalian ikuti langkah langkah yang tertera
Setelah kalian masuk Dashboard , di sebelah kiri kalian akan ada tulisan " Create Blog "
Klik " Create Blog "
Masukan format yang ditentukan ( Judul , URL , dan Template )
TADAA !! Blog Buatan sendiri sudah JADI ... !!

Cara Membuat Menu Coment dan Blog Berdampingan

Posted by Golden Anonymous

Yah Langsung saja ke caranya yah sobat :
1. Cari kode berikut <div class='comments' id='comments'> kode ini biasanya ada ,. sobat pilih yang ke-2 dan copy paste kode dibawah ini tepat di bawah kode ke-2.

Code num_posts='3' width='400' sobat ganti sesuai dengan selera sobat. 3=jumlah komentar facebook yg akan tampil, 400=lebar kotak komentar. Sebenarnya tidak dirubah juga udah bagus kok.

2.Cari kode </head> dan letakan kode dibawah ini tepat diatas kode </head>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID Facebook' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
ID Facebook : Ganti dengan ID Facebook sobat, misalkan http://www.facebook.com/xxxxxx

3.Cari kode berikut /* Comment atau #comments atau /* Comments----------------------------------------------- */ berhubung setiap template berbeda-beda, kalo tidak menemukan ketiga code tersebut. sobat cari saja yang mirip dengan code tersebut. Pokoknya kode yg mengatur komentar. kemudian copy paste kode dibawah ini tepat dibawah kode tadi.

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

Credit : http://kaze-anonymous.blogspot.com/

Cara Membuat Menu Naviasi Bergaya Nettuts

Posted by Golden Anonymous

1. Login ke Blogger -> Masuk ke Rancangan -> Edit HTML
2. Cari kode //<![CDATA[
3. Copy dan paste kode di bawah ini tepat di bawah kode no 2

4. Cari kode ]]></b:skin>
5. Copy dan paste kode di bawah ini tepat di atas kode no 4

/**<br
 />  * Mini floating Navigation by Taufik Nurrohman<br />  * 
Visit: http://hompimpaalaihumgambreng.blogspot.com<br />  */<br
 />  <br /> #sidenav {<br />   position:fixed 
!important;<br />   position:absolute; /* IE6 Fallback */<br 
/>   top:60px;<br />   left:0px;<br />   
z-index:999;<br />   background-color:#eee;<br />   
border:1px solid #ccc;<br />   width:auto;<br />   
height:auto;<br />   text-indent:-99999px;<br />   
font:normal 12px Arial,Sans-Serif !important;<br />   
-webkit-box-shadow:0px 1px 7px -3px rgba(0,0,0,0.4);<br />   
-moz-box-shadow:0px 1px 7px -3px rgba(0,0,0,0.4);<br />   
box-shadow:0px 1px 7px -3px rgba(0,0,0,0.4);<br /> }<br />  
<br /> #sidenav ul {<br />   margin:0px 0px;<br />   
padding:0px 0px;<br /> }<br />  <br /> #sidenav li 
{<br />   margin:0px 0px;<br />   padding:0px 0px;<br 
/>   list-style:none;<br />   display:block;<br />   
position:relative;<br /> }<br />  <br /> #sidenav a 
{<br />   display:block;<br />   width:20px;<br />   
border-bottom:1px solid #ccc;<br />   color:#666;<br />   
text-decoration:none;<br />   -webkit-box-shadow:inset 0px 0px 0px
 1px white;<br />   -moz-box-shadow:inset 0px 0px 0px 1px 
white;<br />   box-shadow:inset 0px 0px 0px 1px white;<br />
 }<br />  <br /> #sidenav li:last-child a {<br />   
border-bottom:none;<br /> }<br />  <br /> #sidenav 
span.ttp {<br />   display:block;<br />   
position:absolute;<br />   top:0px;<br />   font:normal 94% 
Arial,Sans-Serif;<br />   background-color:#39f;<br />   
color:white;<br />   padding:0px 10px;<br />   
line-height:22px;<br />   height:22px;<br />   
width:auto;<br />   left:100%;<br />   z-index:77;<br 
/>   margin-left:17px;<br />   text-indent:0px;<br />   
-webkit-border-radius:5px;<br />   -moz-border-radius:5px;<br 
/>   border-radius:5px;<br />   display:none;<br /> 
}<br />  <br /> #sidenav span.ttp em {<br />   
display:block;<br />   width:0px;<br />   height:0px;<br 
/>   border:4px solid transparent;<br />   
border-right-color:#39f;<br />   position:absolute;<br />   
top:7px;<br />   right:100%;<br /> }<br />  <br 
/> #sidenav li ul {<br />   width:150px;<br />   
height:auto;<br />   background:transparent;<br />   
border:none;<br />   position:absolute;<br />   
top:-1px;<br />   left:100%;<br />   -webkit-box-shadow:0px 
1px 7px -3px rgba(0,0,0,0.4);<br />   -moz-box-shadow:0px 1px 7px 
-3px rgba(0,0,0,0.4);<br />   box-shadow:0px 1px 7px -3px 
rgba(0,0,0,0.4);<br />   display:none;<br /> }<br />  
<br /> #sidenav li ul a { <br />   border:1px solid 
#ccc;<br />   border-bottom:none;<br />   
background-color:#eee;<br />   display:block;<br />   
width:auto;<br />   padding:0px 10px;<br />   
line-height:25px;<br />   text-indent:0px;<br />   
-webkit-box-shadow:inset 0px 0px 0px 1px white;<br />   
-moz-box-shadow:inset 0px 0px 0px 1px white;<br />   
box-shadow:inset 0px 0px 0px 1px white;<br /> }<br />  
<br /> #sidenav li a:hover {background-color:#ddd;}<br />  
<br /> #sidenav li ul li:last-child a {<br />   
border-bottom:1px solid #ccc;<br /> }<br />  <br /> /*
 CSS Sprites */<br /> #sidenav a.main {<br />   
background-image:url('http://i1125.photobucket.com/albums/l581/Anthzo/Blogger/th_miniA.png');<br
 />   background-repeat:no-repeat;<br />   width:26px;<br 
/>   height:25px;<br /> }<br />  <br /> #sidenav 
a.home    {background-position:5px 4px;   }<br /> #sidenav a.about
   {background-position:5px -22px; }<br /> #sidenav a.archive 
{background-position:5px -48px; }<br /> #sidenav a.share   
{background-position:5px -73px; }<br /> #sidenav a.photos  
{background-position:5px -100px;}<br /> #sidenav a.contact 
{background-position:5px -126px;}<br />  <br /> #sidenav li 
ul a.social {<br />   
background-image:url('http://i1125.photobucket.com/albums/l581/Anthzo/Blogger/th_miniB.png');<br
 />   background-repeat:no-repeat;<br />   padding-left:30px 
!important;<br /> }<br />  <br /> #sidenav li ul 
a.blogger    {background-position:5px 4px;   }<br /> #sidenav li 
ul a.facebook   {background-position:5px -21px; }<br /> #sidenav 
li ul a.twitter    {background-position:5px -47px; }<br /> 
#sidenav li ul a.googleplus {background-position:5px -73px; }<br 
/> #sidenav li ul a.flickr     {background-position:5px -99px; 
}<br /> #sidenav li ul a.rss        {background-position:5px 
-125px;}<br /> #sidenav li ul a.mail       
{background-position:5px -151px;}<br />  <br /> /* CSS 
Fallback */<br /> #sidenav li:hover .fallback {display:block;}

6. Cari lagi kode </body>
7. Paste kode di bawah ini tepat di atas kode no 6

<nav
 id='sidenav'><br />     <ul>
<li><a 
class='main home' href='/'>Home</a></li>
<li><a class='main about' href='#'>About</a><br 
/>             <ul class='fallback'>
<li><a class='social blogger' href='#'>Me on 
Blogger</a></li>
<li><a 
class='social facebook' href='#'>Me on Facebook</a></li>
<li><a class='social twitter' href='#'>Me on
 Twitter</a></li>
<li><a 
class='social googleplus' href='#'>Me on Google+</a></li>
</ul>
</li>
<li><a 
class='main archive' href='#'>Archives</a><br />         
    <ul class='fallback'>
<li><a 
href='#'>Table of Contents</a></li>
<li><a href='#'>Recent Articles</a></li>
<li><a href='#'>Recent 
Comments</a></li>
</ul>
</li>
<li><a class='main share' 
href='#'>Share</a><br />             <ul 
class='fallback'>
<li><a class='social 
blogger' href='#'>Blogger</a></li>
<li><a class='social facebook' 
href='#'>Facebook</a></li>
<li><a class='social twitter' 
href='#'>Twitter</a></li>
<li><a
 class='social googleplus' href='#'>Google+</a></li>
<li><a class='social flickr' 
href='#'>Flickr</a></li>
<li><a 
class='social rss' href='#'>RSS</a></li>
<li><a class='social mail' 
href='#'>Mail</a></li>
</ul>
</li>
<li><a class='main photos' 
href='#'>Screencast</a></li>
<li><a 
class='main contact' href='#'>Contact</a><br />          
   <ul class='fallback' style='font-weight:bold;'>
<li><a class='social facebook' 
href='#'>Facebook</a></li>
<li><a class='social twitter' 
href='#'>Twitter</a></li>
<li><a
 class='social mail' href='#'>Mail</a></li>
</ul>
</li>
</ul>
</nav>

8. Ganti tanda "#" dengan url tujuan sobat
9. Selesai... dan semoga berhasil

Credit : kaze-anonymous.blogspot.com

Cara Mendisablekan Klik Kanan ( DARKNESS FATE Version )

Posted by Golden Anonymous

Oke langsung saja cara bikin nya:

Pertama pastinya Masuk Blogger Sobat
Rancangan >> Edit HTML >> Centang Expand Template Widget
Cari tag ]]></b:skin>
Lalu masukan Css berikut di atas kode ]]></b:skin>

#rightclick{
background-image:url(http:url-gambar-sobat-blogger);
z-index:99999;background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
background-color:rgba(0,0,0, 0.85);
display:none;
width:100%;
height:100%;
position:fixed;
top:0%;left:0%;right:0%;bottom:0%;
cursor: crosshair;}

3.Sekarang untuk script nya,silahkan sobat cari tag </body> dan simpan di atas tag </body> tersebut

<script type='text/javascript' src='http://anthzo.webs.com/2012-blog/klikkanan.js'></script>

4. terakhir sobat cari tag kode <body> ganti dengan kode di bawah ini
<body oncontextmenu='rightclickfalse();return false;'>

Credit : http://kaze-anonymous.blogspot.com/

Asal Usul Anonymous

Posted by Golden Anonymous