Monster-Ark

• Dashbord > Tata Letak > Gadget
• Pilih HTML Java Script 
• Masukan Script dibawah ini

<style type='text/css'>

/* Message Box */

#box-message {

box-shadow: 0 0 5px #0860CA;

position:fixed !important;

position:absolute;

z-index:999999;

top:-1000px;

left:50%;

margin:0px 0px 0px -182px;

width:300px;

height:auto;

padding:16px;

background:#000;

font:normal Dosis, Georgia, Serif;

color:#111;

border:2px solid #0860ca;

-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 {

box-shadow: 0 0 5px #0860CA;

position:absolute;

top:-10px;

right:-10px;

background:#000;

font:bold 16px Arial, Sans-Serif;

text-decoration:none;

line-height:22px;

width:22px;

text-align:center;

color:#0860CA;

border:2px solid #0860CA;

-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">Like Ya</a></center>

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Chakimomis/475619229176050&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=kyriiell&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>

<a class='close' href='#'>&times;</a>

</div> 

• seonya hampir 100
• dikit lagi valid cek  disini
• banner 468x60 2slot di header
• banner 468x60 slider2 4slot
• gk ada footer , adanya siderbar
• template ini sudah Anti CTRL + U
• KEREN XD

1. login ke Blogger lah masa ke Facebook xD
2. Masuk ke template Edit HTML
3. Cari kode ]]></b:skin> , Lakukan dengan Ctrl+F agar mencarinya lebih cepat
4. Copy Kode dibawah ini dan pastekan diatas kode ]]></b:skin>

.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

<!--Page Navigation Starts--><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord =&#39;Previous&#39;; var downPageWord =&#39;Next&#39;; </script> <script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends -->

Cara Mudah Membuat Menu Dropdown Di Sidebar - kali ini MC-Blog akan posting tentang Cara Mudah Membuat Menu Dropdown Di Siderbar . Bagaimana caranya ?

Lalu apa hubungannya dengan judul postingan Membuat Menu Dropdown? Tentu saja ada, dengan membuat menu dropdown blogroll kita akan lebih terlihat simple dan blog kita juga lebih enak dipandang mata.

Untuk membuat menu dropdown di sidebar anda, silahkan copy dan pastekan kode di bawah ini:

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu><option value=0 selected>Nama blogroll yang akan ditampilkan</OPTION>

<option value="isi dengan link teman anda">Isi dengan nama blog teman anda</option>
</select></form>

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>


<option>- Blogger Trik -</option>



<option value="http://kib-banjar.blogspot.com/2011/08/pasang-puluhan-iklan-baris-dengan-1.html">Pasang iklan</option>

<option value="http://kib-banjar.blogspot.com/2011/08/metatag-lengkap-agar-blog-lebih-seo.html">metatag</option>

<option value="http://kib-banjar.blogspot.com/2011/08/tukeran-link.html">Tukar link</option>

<option value="http://kib-banjar.blogspot.com/2011/08/bloggertrik-frequently-asked-questions.html">FAQ</option>

<option value="http://kib-banjar.blogspot.com/2011/08/bloggertrik-term-of-services-tos.html">TOS</option>

<option value="http://kib-banjar.blogspot.com/2011/08/warna.html">Kode warna</option>

<option value="http://kib-banjar.blogspot.com/2011/08/cara-membuat-textarea.html">Textarea</option>

<option value="http://kib-banjar.blogspot.com/2011/08/taukah-anda-apa-itu-favicon-favicon.html">favicon</option>

<option value="http://bloggertrik.blogspot.com/2011/08/cara-menulis-kode-html-di-postingan.html">kode html</option>

</select></form>