MRU Not Valid HTML5

Tampilkan postingan dengan label TRICK. Tampilkan semua postingan

+

Cara Memasang Tools Kode Warna Di Blog

Sabtu, 26 Oktober 2013
Posted by Unknown
0 Comments

Cara Memasang Tools Kode Warna Di Blog

Keyword : Cara Membuat Tool Kode Warna Keren Di Blog, Cara Menambahkan Fitur Tool Kode Warna Di Blog, Memperlengkap Blog Dengan Tool Kode Warna.


Saat ini saya akan mengshare tentang cara membuat tool kode warna di blog. Dengan tool ini kita bisa mempermudah diri kita sendiri dalam mencari kode warna yang kita inginkan. Pengunjung juga bisa kita permudah jika blog kita adalah blog yang mengshare desain blog. Mereka bisa mencari kode warna yang mereka inginkan. Saya mendapatkan toolnya dari blog Situseo Blog. Jika kalian ingin melihat demonya, kalian bisa lihat disini.

Bagaimana? Tertarik membuatnya? Berikut ini adalah caranya :

1. Membuat tool di postingan atau di laman :
  • Pertama, masuk ke dasboard blog kalian
  • Buatlah sebuah postingan atau laman seperti biasa
  • Disana ada dua pilihan, Compose dan HTML, pilih HTML
  • Masukkan kode dibawah ini :

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width="400"
height="430"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
<param name="movie" value="http://e-infotainment.com/applications/color-code-
generator/v1/trixcgv1.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#cccccc" />
<embed src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf"
quality="high" bgcolor="#cccccc"
width="400"
height="430"
name="flash" align="middle" play="true" loop="false" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
<br />
<span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://accelerator-bunshin.blogspot.com/2013/08/cara-memasang-tools-kode-warna-di-blog.html" target="_blank">Thank you for visiting</a></span>
  •  Publikasikan postingan atau laman seperti biasa
2. Membuat tool di widget blog
  • Masih di dasboard, masuk pada Tata Letak, pilih Tambah Gadget, pilih HTML/JavaScript
  • Masukkan kode diatas
  • Terakhir simpan
Bagaimana? Sudah jadi? Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas silakan kalian tanyakan di komentar.

+

Cara Membuat Daftar Isi Melayang Di Blog

Posted by Unknown
0 Comments

Cara Membuat Daftar Isi Melayang Di Blog

Keyword : Cara Memasang Widget Daftar Isi Postingan Blog Melayang, Cara Membuat Daftar Postingan Melayang Di Blog Keren.


Oke, kali ini saya akan mengshare sebuah tutorial tentang cara membuat daftar isi melayang di blog. Jika kalian ingin melihatnya, kalian bisa melihatnya langsung di pojok kiri bawah blog saya ini. Bagaimana? Tertarik? Berikut ini adalah caranya :

  • Pertama, buat terlebih dahulu daftar isi di postingan atau laman. Untuk cara membuatnya, kalian bisa klik disini.
  • Jika sudah, sekarang masuk ke dasboard blog kalian.
  • Masuk Tata Letak, Add Gadget, pilih yang HTML/JavaScript
  • Masukkan kode di bawah ini
<a class="amai" ><div style="position: fixed;width:157px;height:210px; bottom: 0px; left: 0px;"><a href="http://accelerator-bunshin.blogspot.com/p/blog-page_6.html" target="_self"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAH_PjoRWVoMbqwWhqMxhuLZFHz2vawBkG1QkjwYguSNrjan1ORdDl_2clu3wSJXtRsS1wryyITsmptWtqJ9WRWCcRo-yY15tRumD1Ca5E3plhNHadOkBuNwa4IizzNbIHFJaSQ1NrHzcB/s1600/naruto_sage_mode_chibi_render_by_amarubar-d5kjac5+copy.png" title="Daftar Isi" alt="Daftar Isi"/></a></div></a>
  • Terakhir simpan 
Keterangan :
Ganti kode yang berwarna MERAH dengan ukuran lebar widget yang kalian inginkan
Ganti kode yang berwarna ORANGE dengan ukuran tinggi yang kalian inginkan
Ganti kode yang berwarna KUNING dengan kode top jika kalian ingin meletakkannya di pojok atas
Ganti kode yang berwarna HIJAU dengan ukuran jarak widget dari bawah/atas
Ganti kode yang berwarna AQUA dengan right jika kalian ingin meletakkannya di pojok kanan
Ganti kode yang berwarna BIRU dengan ukuran jarak widget dari kiri/kanan
Ganti kode yang berwarna UNGU dengan link daftar isi yang tadi telah kalian buat
Ganti kode yang berwarna PINK dengan kode _blank jika kalian ingin daftar isi terbuka di tab baru
Ganti kode yang berwarna HIJAU TUA dengan url gambar daftar isi yang kalian inginkan

Bagaimana? Berhasil? Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas silakan kalian tanyakan di komentar.
+

Widget Like Facebook Dan Follow Twitter Melayang

Posted by Unknown
0 Comments


Hay Sobat IBC Kali Ini Saya Akan Share Cara Memasang LikeBox Dan Follow Twitter Melayang Di Blog ^_^
Langsung Aja Ya :D
  1. Login ke Blogger 
  2. Click Tata Letak
  3. Cari " Tambah HTML/Java Script "
  4. Lalu Sobat Masukkan Script di Bawah ini :

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
padding:16px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Jangan Lupa Like</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/blackcyberindo&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=Imron077&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://indoblackcyber.blogspot.com/2013/10/widget-like-facebook-dan-follow-twitter.html"> widget! </a></span>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>


Note :
  • Merah : Bisa ganti Tulisan sesuai dengan ke inginan
  • Biru : Alamat Url Fanspage
  • Hijau : Nama Id twitter 

+

Cara Membuat Sharingan Berputar Di Blog Dengan Css

Rabu, 09 Oktober 2013
Posted by Unknown
0 Comments

Cara Membuat Sharingan Berputar Di Blog Dengan Css

Keyword : Membuat Sharingan Berputar Keren Di Blog Dengan Css, Cara Membuat Sharingan Bergerak Berputar Putar Di Blog.


Oke, saya akan mengshare sebuah tutorial untuk mempercantik blog. Cara membuat Sharingan berputar di blog dengan css. Jika kalian ingin melihat contohnya, kalian bisa melihatnya di header blog ini. Bagaimana cara membuatnya? Oke, berikut ini cara membuatnya :


  • Pertama, masuk ke dasboard blog kalian
  • Masuk ke Template, pilih Edit HTML
  • Kalian masukkan kode di bawah ini tepat di atas 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/AVvXsEhMQhstFwIi9GBRl5fZS3ysw_C-0d3Y_PXI-QIz3FaC8epIs1-G8ixHTM3LF2mCb-w-HPN8pJVRFc9J4hIuvxKl0UKP2WDPNxcba9bvLsoRftxsdWvkKrOb8RrVazx1UppJ4rl2JT-T1yZ8/s1600/Untitled-1+copy.png)center; position:absolute; 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 :
Atur kode yang berwarna ORANGE untuk mengatur letak Sharingan
Ganti kode yang berwarna HIJAU dengan kode ukuran lebar Sharingan yang kalian inginkan

Ganti kode yang berwarna AQUA dengan kode ukuran tinggi Sharingan yang kalian inginkan
Ganti kode yang berwarna BIRU dengan url gambar Sharingan yang kalian inginkan
Ganti kode yang berwarna UNGU dengan angka berapa detik yang dibutuhkan untuk berputar satu kali
Ganti kode yang berwarna PINK dengan 360deg jika kalian ingin membuatnya berputar searah jarum jam

  • Masih belum selesai, masih di Edit HTML, masukkan kode di bawah ini di bawah kode <header id='header-wrapper'> (Sebenarnya bisa kalian letakkan dimana saja asal tidak error dan jika tidak ditemukan kode berwarna KUNING, carilah yang mirip )
<div class='SharinganP'>
<div class='Sh1'/>
</div>
Berikut ini adalah link gambar Sharingan yang bisa kalian gunakan (Ukuran 75x75)

1. Sharingan 1 Tomoe

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz9Wb_5oxO7q09FbLKrtrw5iNXEulJ0_Rof7UlHDtQqQY70gmXu3yaRNxpdBi1YiucMrV9XWe1PqW1uYwBtjr5_ygDoMASDL6cm2zkX1C15RUOheNvgcarhE0LfuTAqu9ohZwUgqxr8PHu/s1600/anonymous-bunshin.blogspot.com.1-Yondarkness.png

2. Sharingan 2 Tomoe

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHNMOk6BQkCu_rg00U5av_RAjXdraW1oe71kz_vVBiFgm14SwZHSVrCicjD0LjrotzkLlVkRBEFzj7rHyXNXGYErLba3oWbt8urVdzChawYAaaK2DHRalLtZM_VHdtLca88rK5m9irjM8/s1600/anonymous-bunshin.blogspot.com.2-Yondarkness.png

3. Sharingan 3 Tomoe

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPLDwXhiOT2VkdtmCYRbx7KiVLmJ8Hb-_e9tu6KgdlU6_h7OXU_tHyU46Ulel4BuJY8ZgxqnPrQyQV1U91fCtgct5QhR2x46vMg7bNvQngAKkQ0b8oR25BrHZ_qpQ8_XSecmFpgiJNq6U/s1600/anonymous-bunshin.blogspot.com.3-Yondarkness.png

4. Proto Mangekyou Sharingan

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4qcQgcO8QADJpt5DH_tlh0r8YHwIbic1zkH_YKVCIITYLhAI1kH9mPgA9vosyKcHVV1RMAcy5ByD0Naa_jyKs1Ej2Wmjm0OxM4VzhsoGlrbswsv33K69F_txmE7whJBhqhz_wVv9obHk/s1600/anonymous-bunshin.blogspot.com.proto-Yondarkness.png

5. Mangekyou Sharingan Kakashi dan Obito

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhGmSx25NgF7JY2cj32ZRXBqf69B_KXp5vGNcLwblXlvHtcMR2wpdVwSMPjZpo-DXvQIhJMqErUtKHQ2ImD2cILlL2eEUPj9WcVhzK3g4-WvyFKZ7QXmXo77tQ-IxD5Lmn1NPDN346u88/s1600/anonymous-bunshin.blogspot.com.kakashi-Yondarkness.png

6. Mangekyou Sharingan Itachi

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjZytQzsCzDRnqJD8fFhtwmULY9_tRBoHgiaw6gbE1YHIHB7oZKu5pQXIhDFU7fc1snBh3MoHHzqMCZT7noj0xoYOoQCSf2uBeSSKhgXLNdDWPwp_RhMmHnK0J2dhyma2j64zYNCBO-7A/s1600/anonymous-bunshin.blogspot.com.itachi-Yondarkness.png

 7. Mangekyou Sharingan Izuna

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxBzobAIXxlbo8K0RY3nSG5wKvaRgjwnKiMSx6bmHXMWmvS13n35tvN-4cBYjDpBZJLdGVOQsx0xpf62n7oBrku0yILu14wciOeUPYQhyphenhyphenrIWBYyiEeyzK8BRXxOoLzCe_ZfEx7e2-0qpI/s1600/anonymous-bunshin.blogspot.com.izuna-Yondarkness.png

8. Mangekyou Sharingan Shisui

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFvjnTQvK6vB_snHqW9rUoBZgdAyVvixb0SXDBwMdC4vI64utE7M6gWZSvle9ILfyGObwAhZfgZzkU8I7ymectmywHPAbQnSGdceTKALf4Ie3FVdzYuRZEPbRaQODChlCJIGgQIPddgOk/s1600/anonymous-bunshin.blogspot.com.shisui-Yondarkness.png

9. Mangekyou Sharingan Madara

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA0C7QEWjGTsq_Jc2jMNgelnXcphh77KclYGBq8wBaGubMa-PAqhA-jDhbMdk-AeRnesJPrf2P9ZxVPyiRdHkyfTDFr-yysr633Qq8gFI3ZvJRHlFGidH5lgWA7hOmuWSeHgwPk8UJjv4/s1600/anonymous-bunshin.blogspot.com.madara-Yondarkness.png

10. Mangekyou Sharingan Sasuke

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCqBRVm9usnJkSb2WUuk-5-6RaQ1U4WqQlnLpAPhFB54dYsIR1s6zcRWaibb4SC3h2qoMiwJKfQhyphenhyphenuD62lGEkrogIFjmyVtBCamYE-AEKdQUJHNTo-sF4_BfZvJ1dpbtnUbY2Ui0GuHX8/s1600/anonymous-bunshin.blogspot.com.Sasuke-Yondarkness.png

11. Eternal Mangekyou Sharingan Madara

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6v4UMf5gUgtSRpmoYyVoprbNc6fZgcrRxEWLPDFBWIinryB15KkD9p2ODnElhffONiEl9T0XY5eT18qZ_0udQFstX-nclZxco9ly2uJK3ZVWHY3PkQhdgH_LKiQBsYnp6EZtjvm5SFzw/s1600/anonymous-bunshin.blogspot.com.madara2-Yondarkness.png

12. Eternal Mangekyou Sharingan Sasuke

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2U2RM8BaZszqqhOT0XTE8WNe5_Mnkeb8sdfMTGhY8JvgFoi2fMDg7gPtoIQQXAgirSM9HiWttu8PlZ0rXaegjX3-vLE68Y6qaieZwSPdfL_AoqOA7LrMJaYKpIBTQEfJu5LuWY8_JmMA/s1600/anonymous-bunshin.blogspot.com.Sasuke2-Yondarkness.png

13. Sharinnegan (Mata Juubi)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGguRRLNzJJLmhJICnD3XAkYRMFlLsuoY-5ucysoztVjGzzyiWquQSnwVhNIf7V04NqA5-42RLEbD0cLiajajRl544yI8Ph4EmtpG-b59tUx3YEqmqpZ1Yj-OK6HJKJL5B-hqCskacJx0/s1600/anonymous-bunshin.blogspot.com.Juubi-Yondarkness.png

Silakan pilih yang kalian inginkan. Kalian juga bisa menggunakan gambar lain. Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas, silakan tanyakan di komentar.

- Copyright © 2012 MR Uzumaki -Nindaime Blue Style- Powered by Djogzs - Designed by Andy -And Muamar Rizky -