-HEADLINE-
S-C Guest Book
Join This Site
XkresssX Technology Is Valid HTML5

Categories

Banner Friends

Recent Comment

Teman Kece

Followers

Visitor

Dedy Cyber Blog

Diberdayakan oleh Blogger.

Followers

Recent Comment

Follow Me

Popular Post

Ranking

Ads

Banner Ganteng

Read More


Cara Membuat Sharingan Berputar Di Blog. Sharingan, sebuah mata yang merupakan salah satu dari 3 Doujutsu terkuat di Anime Naruto. Mata ini dimiliki oleh anggota clan Uchiha. Namun ada juga shinobi Non Uchiha yang memilikinya, seperti Kakashi, Danzo, dan Menma. Bagaimana jika Sharingan tersebut menghiasi blog kalian? Wow, pasti keren. Contohnya seperti blog saya ini. Bagaimana cara membuatnya? Berikut ini adalah Cara Membuat Sharingan Berputar Di Blog.

  • Pertama, masuk ke Dasboard blog kalian
  • Klik pilihan Template
  • Pilih Edit HTML
  • Jangan lupa centang "Expand Template Widget"
  • Kemudian kalian masukan kode berikut di bawah kode ]]></b:skin>
.SharinganP{margin-top:0px; margin-left:0px; width:98px; height:98px; float:left;} .Sh1{background-color:rgba(0,0,0,0);opacity:.9; border-radius:190px; width:75px; height:75px; margin:0 auto;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpg0G-GycVNyPgb9CHIS5ZLmTE3hxCNr27PMaFT2RPHYohFl8HzSLKOUEnMaKpB3wDba30JBtG866jRMaUjJBBu-ds-20oD5bdxIscGIovT1oYNLtRqW06T7qkU-P_r_UnUF1lurCcHlDY/s1600/Untitled-1+copy.png)center; position:relative; top:-70px; -moz-animation:spin2Pulse 2s infinite linear; -webkit-animation:spin2Pulse 2s infinite linear} @-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
Keterangan:

  1. Kode berwarna BIRU adalah untuk mengatur letak Sharingan Berputar, silakan kalian atur sendiri
  2. Kode berwarna HIJAU adalah untuk mengatur ukuran Sharingan Berputar, silakan kalian atur sendiri, Namun saya hanya akan memberikan gambar Sharingan berukuran 75px x 75px. Untuk ukuran lainnya silakan kalian cari gambar sendiri
  3. Kode berwarna ORANGE adalah gambar dari Sharingan yang akan dibuat berputar, silakan kalian ganti dengan  gambar Sharingan yang kalian inginkan
  4. Kode berwarna UNGU adalah untuk mengatur arah putaran Sharingan Berputar, 360deg untuk searah jarum jam, -360deg untuk berlawanan arah jarum jam



Masih belum selesai. Masih di Edit HTML
  • Masukan kode berikut di bawah kode <header id='header-wrapper'> ( Sebenarnya bisa kalian letakkan dimana saja, asalkan tidak Error )
<div class='SharinganP'>
<div class='Sh1'/>
</div>

  • Terakhir, Save Template kalian dan check
Berikut ini adalah link gambar Sharingan ukuran 75px x 75px yang dapat kalian gunakan
1. Sharingan 1 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3UXSldtRoakE6VV9lKwhh8fkiwLB49a2qepmABDV_G6A7Z3fmwxbBI8NyALMAWY7wGClFaU-H2d3VkzMJS_PdQIuchE3WXIuGiFyW5IVVyTf8KRyfizyob5wqnjdMhzR5nvunv9sQe4uU/s1600/anonymous-bunshin.blogspot.com.1-Yondarkness.png
2. Sharingan 2 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDlkm9s0-yrol9uwKk8FImY1BQ8pkE3Y1DC1LWfS6kDaR_WBjTOzvV0p9ePwi0eszgU78uXsfu49z3Ltpf7Y8GlE5XE0trU_7fdZAwg5SEIpc2THx2lyyBG2sj7R2CdP0BxyHgh4zG1c/s1600/anonymous-bunshin.blogspot.com.2-Yondarkness.png
3. Sharingan 3 Tomoe

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjUiuVoq91GOj3qEz0tBTKVBfFYJSa4gAmufKQbzXide0aFhuxvqxrdtVDE8-UMykjbF_7wc2YDC8WceR4yTqf8Uw-8cKYnbMTM7bWifE94irom5zZs2ggealRXqKd2q_uQl1r73v0UDk/s1600/anonymous-bunshin.blogspot.com.3-Yondarkness.png
4. Proto Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp4TxeUHTbnmhmFFqSwMKt62yZ5ED_KO52BhTFZKzmJ2adX7BR4-UXU4ysHE5XdYJJbR_fkbQYzXD-pht5OGCkk5ru2No8ML0Qh0VNSSI73SPTDEGhGhO2Jdr5HQUkVx32_h8j2OAIp5o/s1600/anonymous-bunshin.blogspot.com.proto-Yondarkness.png
5. Kakashi Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtRotejY3HEgriTvQQEixbkHbP_T9FwqzKLqhhqZHcmZCdZJsyAvNU7WU1NX-KvJdZzCGWLLHkRQFOqHblGZhrqDki1MWppYtDKKqCi2pGy7PzMDL6P-bBBsyOiiDJOil032zoNRP0cgo/s1600/anonymous-bunshin.blogspot.com.kakashi-Yondarkness.png
6. Itachi Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb6KMFaYzaAWc_Se4B-mzvXihj0_k1glLKbUwRyZN1RDJaDDmxp0xuS73ca8OtI1ExxoF53TMkzrdzs7_iYM6UzyQUYZgE7_u7Zt3zqc8KD5VEpkfHjWL0ociWAZN20bxoRzbNm_laQYY/s1600/anonymous-bunshin.blogspot.com.itachi-Yondarkness.png
7. Izuna Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU4MAgmFwnR1P0T3MCFOcbtLuKiB1xMHDyduWA8t33DUWDAoxD7I0Dm7o7lWAwLyw0SeUNna5aANKErp9x3CKu9HtoNB4Jl_H5zMVm2OpGk91JxWENFH_N5c2lyuhsx3w4riztV74b538/s1600/anonymous-bunshin.blogspot.com.izuna-Yondarkness.png
8. Shisui Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhf8inBuVoLsJmxFEr7DO8K_h4jhG3NDARWGCW0e-UkykVR9KiQjax4pK86r1rZ-qbkwS8oiGqNqmumEjdg1erYCmwijR-tnzU5giJjAiN3WRIJMsx8jTlvLHB7wFXXGgL7oHXRP24b3s/s1600/anonymous-bunshin.blogspot.com.shisui-Yondarkness.png
9. Madara Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYiKakX3yEQwfZvoWiNrTeeZIaSaAEQrEgrckKP88d1GS6Yzbve5jBuF7KqXWQ3R0O2poDDm3YqbMX-rsmDNj-s1itIiAgobULChHN8Vzonn4DvAJfW9gsyfkHA6DF4EzmGVw78vy7XaI/s1600/anonymous-bunshin.blogspot.com.madara-Yondarkness.png
10. Sasuke Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJTnxY3WYNCMWFTCJtHUUeJEPZOFhyphenhyphencE52OtbjSN5BJkmUhgjQZPw-xoK_Bj_20oGTxhV9FK2nqaekJw9eoAwEzTWCzkYSFoSBMW52AXW1cqLvwSsuxiTWTQXtIp9KOwL9yZNai_oBM8/s1600/anonymous-bunshin.blogspot.com.Sasuke-Yondarkness.png
11. Sasuke Eternal Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eiTF4gS8IMmqCoMMFZaU0_4i3bJIWjB3TZ-o-CTb6v1_bKITYB7D8SxpdKQM1XXUo8vK3Cox4RNIz88rBdaXeBzlx0Ove3e5oKgCfnHQOXMe18JBRk-wS4mFv-D1jy-KLag2z217nG8/s1600/anonymous-bunshin.blogspot.com.Sasuke2-Yondarkness.png
12. Madara Eternal Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYObsE1z756RioyrPkDjBvOA8HJuaKalMoYihbn8BWECUAJ_RYozBxoMBXNg8-gWFCCGrPeEvZRw1estqTrWXt3lnHZh0PEIl1ZHjW4h4kKmDosXYmo2u_1WhhUsKDxHcdVOcya6D49F4/s1600/anonymous-bunshin.blogspot.com.madara2-Yondarkness.png
13. Sharinnegan ( Mata Juubi )
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2HaqzoTLLpNgO8lvaUWaknhd52lavDL0fowz58eXpn0724iKddpsnpxBD-HyjPtCXtOUILbW-lgaXeNRQuv8MJz_HhXayG_-Uvh0AJWEHwPre7IjE3fGebpy6EG-4rEqKqlwOH_cTexg/s1600/anonymous-bunshin.blogspot.com.Juubi-Yondarkness.png
Nah, itu gambar Sharinga ukuran 75px x 75px yang bisa kalian pakai. Sekian artikel saya tentang Cara Membuat Sharingan Berputar Di Blog. Semoga bermanfaat dan jika ada yang kurang jelas, silakan tanya lewat komentar.

Cara Membuat Sharingan Berputar/ Bergerak Di Blog Dengan CSS

Kamis, 07 Maret 2013
Posted by Unknown
1 Comment
Tag :
Read More


Saya benci Lelet! Siapa sih yang suka dengan yang namanya Lelet? Pasti semua orang suka dengan sesuatu yang cepat dan mudah. Oleh karena itu, sebuah blog haruslah ringan dan friendly jika ingin mendapat visitor yang banyak. Bagaimana jadinya jika blog kita Lelet, visitor kita akan tersiksa dan mungkin akan kabur sebelum melihat seluruh isi blog kita.
Untuk mengetahui kecepatan loading blog kalian, kalian bisa melihatnya Disini. Setelah kalianchek, bacalah tips berikut... hehehe.... Oke, berikut ini adalah Cara Untuk Mempercepat Loading Blog.
  • Hindari penggunaan gambar yang berlebihan, apalagi gambar dengan format PNG. Suatu kesalahan yang fatal jika seorang blogger memakai gambar PNG beresolusi besar.
  • Kurangi penggunaan widget yang tidak perlu. Penggunaan widget yang tidak efektif akan memperlambat loading blog kita.
  • Gunakan template yang dilengkapi fasilitas Readmore. Pada template Default, fasilitas ini tidak ada, jadi kalian bisa menambahkannya sendiri.
  • Hindari penggunaan Javascript yang berlebihan, karena dari semua jenis kode HTML, Javascript adalah yang paling berat.
  • Hapus kode CSS yang sudah tidak terpakai. Kalian bisa mencari kode CSS tersebut diatas kode ]]></b:skin>. Kalian juga bisa mengkompres ukuran kode-kode HTML tersebut supaya ukurannya menjadi semakin kecil di http://htmlcompressor.com/compressor.html .
  • Menambahkan Script untuk Mempercepat Loading Blog. Kalian bisa menambahkan Script dari Laziload untuk mempercepat loading blog. Tambahkan kode berikut diatas kode </head>.

    Berikut ini adalah kodenya :
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder :
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcUQ8kgGu_OJC0BL6mlhmhks3_jnWJZUb7JTahXJTl6nCVxkB94qsVQi5qvfoFVakrcbuEUmokM-ijch-WAhU0R8GtgR54ougZRxJnBspcvMo8Jv3tT0KNbbtOZaTWwe6GqXmCGhXIwEc/&quot;,threshold
: 200});
});
</script>
Khusus untuk penggunaan script ini, ada beberapa template blog sesuai yang bisa malah membuat blog tidak lebih cepat loadingnya. Untuk itu, setelah penambahan script di atas, coba lihat loading blog. Jika tidak lebih cepat, tidak usah dipakai.

  • Hindari penggunaan music diblog kecuali jika memang penting. Karena music inilah yang banyak sekali menyedot koneksi.
Nah, itu dia tips tentang Cara Mempercepat Loading Blog. Semoga bermanfaat. Maaf jika ada kekurangan dan semoga Sukses....

Cara Mempercepat Loading Blog

Posted by Unknown
Add Comments
Tag :
Read More

Dark Street Seo, Template ke 3 hasil editan YONDARKNESS yang akan saya Share ini adalah sebuah template blog Seo Friendly yang berwarna dasar Hitam, Abu-Abu, dan Biru. Dapat kalian edit sendiri dengan mudah dan memiliki banyak fasilitas, seperti :
  • Seo Friendly
  • Double CSS lingkaran berputar keren
  • Tanpa penggunaan gambar, sehingga ringan
  • Sub menu
  • Auto Read More
  • Sidebar sebelah kanan
  • Related Post
  • H1, H2, H3, H4, H5, H6
  • Desain Keren
  • Reply Java Sript one click
  • Breadcrump
  • Dan masih banyak lagi
SCREENSHOT


Untuk Screenshot Bagian Tata Letaknya Tidak Tersedia, Tapi Saya Jamin 100 % Rapi Seperti Tampilan Luarnya

Demo | Download
( Password : YONDARKNESS )

Cara Edit Menu Navigasi:
Masuk Dasboard Blog kalian → Template → Edit HTML → Cari kode di bawah ini

<nav id='nav'>   <ul><li><a href='/' rel='nofollow' target='_self'>Beranda</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu1</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu2</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu3</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu4</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu5</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu6</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu7</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu8</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu9</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu10</a></li><li><a href='http://anonymous-bunshin.blogspot.com/' rel='nofollow' target='_blank'>Menu11</a></li>

   </ul>   </nav>
Ganti kode yang mirip seperti kode berwarna KUNING dengan nama menu kalian

Ganti kode yang mirip seperti kode berwarna MERAH dengan alamat URL menu kalian
Nah itu dia Download Template Blog Dark Street Seo. Silakan kalian download dan edit-edit sendiri. Tapi JANGAN SEKALI-KALI MENGGANTI LINK KREDIT TEMPLATE INI. Yah jika ada yang

Sumber Artikel : http://anonymous-bunshin.blogspot.com/2013/01/download-template-blog-dark-street-seo.html#ixzz2Mq5rTbZz

Download Template Blog Dark Street Seo

Posted by Unknown
Add Comments
Tag :
Read More


Setelah share Template Menma Uzumaki versi 2, Sekarang saya akan mengShare Template lagi, Dark Amaterasu. Template ini mempunyai warna dasar Hitam dan Merah. Bukan murni desain saya sendiri, tapi saya edit dari template Blog Johanes.
Berikut adalah Fitur yang ada di Template ini :
  • Template 2 kolom
  • Sidebar sebelah kanan
  • Auto Read More
  • Css keren
  • Desain Header Super Keren
  • Menu Navigasi Keren ( Baru saya tambahkan )
  • Dan masih banyak lagi
SCREENSHOT

Untuk Screenshot Bagian Tata Letak Tidak Tersedia, Tapi Saya Jamin Rapi Seperti Tampilan Luarnya

Demo | Download
( Link Sudah Di Update )
Password : YONDARKNESS


Untuk setting Media Facebook, Twitter, G+, dan RSS, kalian bisa ikuti langkah berikut :
Masuk ke Dasboard blog kalian, buka Template, klik Edit HTML, kemudian kalian cari kode di bawah ini :
<ul id='tbisose'>
<li><a class='icon facebook' href='http://www.facebook.com/halaman fan page facebook/'/></li>
<li><a class='icon twitter' href='http://twitter.com/username/'/></li>
<li><a class='icon googleplus' href='https://plus.google.com/u/0/alamat profil google+/'/></li>
<li><a class='icon rss' href='http://feeds.feedburner.com/alamat feed rss'/></li>
</ul>
Ganti kode berwarna BIRU dengan URL/Alamat Facebook kalian
Ganti kode berwarna MERAH dengan URL/Alamat Twitter kalian
Ganti kode berwarna KUNING dengan URL/Alamat G+ kalian
Ganti kode berwarna HIJAU dengan URL/Alamat RSS kalian


Untuk mengatur Menu Navigasi, kalian bisa mengikuti langkah berikut :
Masuk ke Dasboard blog kalian, buka Template, klik Edit HTML, kemudian kalian cari kode di bawah ini :


<div id='menu14'>
<ul>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Home</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu1</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu2</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu3</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu4</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu5</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu6</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu7</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu8</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu9</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu10</a></li>
<li><a href='http://anonymous-bunshin.blogspot.com/'>Menu11</a></li>
</ul>
</div>



Ganti kode berwarna UNGU dengan URL/Alamat Menu kalian
Ganti kode berwarna PINK dengan Nama Menu kalian
Kalian juga bisa menambah atau mengurangi jumlah Menu tersebut




Untuk masalah letak dari Sharingan berputar, kalian bisa menghapus deskripsi blog kalian agar tidak memakan tempat. Penghapusan deskripsi ini tidak akan berdampak pada SEO blog kalian. Cara menghapusnya :
Buka Dasboard blog kalian, buka Setelan, pilih Dasar, lalu kalian hapus Deskripsinya.

Selain itu, jangan taruh widget apapun di atas Sharingan berputar. Salah satunya SCM Player.

Nah, silakan kalian edit-edit sendiri sesuai keinginan kalian. Tapi JANGAN SEKALI KALI MENGEDIT KREDIT TEMPLATE INI. Hahahaha.... Jangan lupa tinggalkan komentar kalian...

Template Blog Dark Amaterasu

Posted by Unknown
Add Comments
Tag :
Read More




Oke, karena banyak teman-teman saya yang request Cara Membuat Daftar Isi seperti milik dedy, sekarang saya akan share tutorial cara membuatnya. Untuk kalian yang masih belum tau, klik Disini untuk demonya.
Bagaimana? Tertarik? Berikut ini adalah tutorialnya
  • Pertama masuk ke Dasboard blog kalian
  • Kemudian buat sebuah postingan baru ( Terserah mau kalian beri judul apa, tapi saya saran pakai saja judul Daftar Isi )
  • Saat kalian sudah di halaman membuat postingan, disana ada dua pilihan, Compose dan HTML. Pilih yang HTML
  • Masukan kode berikut :
#
); border: 2px solid #00ffff; height: 700px; overflow: auto; padding: 5px; width: 100%;">
#007acc; font-size: 14px;">DAFTAR ISI
Keterangan : 
Ganti kode berwarna BIRU MUDA dengan alamat/URL gambar background daftar isi yang kalian inginkan
Ganti kode berwarna MERAH dengan ukuran garis/border yang kalian inginkan
Ganti kode berwarna BIRU dengan jenis garis/border yang kalian inginkan ( Solid, Dashed, Dotted, dan sebagainya )
Ganti kode berwarna KUNING dengan warna garis/border yang kalian inginkan
Gnati kode yang berwarna UNGU dengan ukuran daftar isi yang kalian inginkan

Gnati kode yang berwarna PINK dengan warna huruf yang kalian inginkan

Gnati kode yang berwarna ORANGE dengan ukuran huruf yang kalian inginkan


Ganti kode berwarna HIJAU dengan alamat blog/website kalian
Terakhir publikasikan daftar isi tersebut seperti postingan biasa
Bagaimana? Berhasil? Sekian artikel tutorial kali ini. Semoga bermanfaat. Maaf jika ada kekurangan. Jika ada yang kurang paham, silakan kalian tanyakan di komentar atau fanspage Dedy Cyber

Cara Membuat Daftar Isi Di Blog ( Postingan )

Rabu, 06 Maret 2013
Posted by Unknown
Add Comments
Tag :