Rabu, 24 Juli 2013

Download template menma uzumaki v2 untuk blog

Published : 18.20 Author :
Template Blog Menma Uzumaki V2
        kali ini saya akan mengshare Template Menma Uzumaki lagi, Template Menma Uzumaki V2. Template Menma V2. Template ini memang tidak berbeda jauh dengan versi 1. Template ini mempunyai warna dasar Hitam dan Ungu. Bukan murni desain saya sendiri, tapi saya edit dari template Andi-Techno. Tapi sudah saya edit total. 

Berikut adalah Fitur yang ada di Template ini :
  • Desain elegan dengan warna dasar Hitam dan Ungu
  • Template 2 kolom
  • Sidebar sebelah kanan
  • Menu Navigation Dropdown
  • Auto Read More
  • Css keren
  • HTML Anti Copas  ( Anti Klik Kanan, Block Text, dan Tombol CTRL )
  • Dan masih banyak lagi
SCREENSHOT

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

Password : YONDARKNESS


Untuk menonaktifkan ( Menghilangkan ) fitur Anti Copas ( Anti Klik Kanan, Block Text, dan Tombol CTRL ) , kalian bisa lakukan cara berikut :



Masuk Blogger [Dashboard] → Template → Edit HTML → Cari kode html seperti dibawah ini

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Ganti kode di atas dengan kode di bawah ini

<body>


Untuk pengaturan Dropdown Menunya, kalian bisa lakukan cara berikut :

Masuk Blogger [Dashboard] → Template → Edit HTML → Cari kode html seperti dibawah ini


      <li class='drop'>
         <a href='/'>DropDown 1</a>
           <span class='toggle'/>
              <ul>
                 <li><a href='#LINK_HERE'>Child Menu 1.1</a></li>
                 <li><a href='#LINK_HERE'>Child Menu 1.2</a></li>
                 <li><a href='#LINK_HERE'>Child Menu 1.3</a></li>
                 <li><a href='#LINK_HERE'>Child Menu 1.4</a></li>
              </ul>
      </li>
      <li class='drop'>
         <a href='/'>DropDown 2</a>
           <span class='toggle'/>
              <ul>
                 <li><a href='#LINK_HERE'>Child Menu 2.1</a></li>
                 <li><a href='#LINK_HERE'>Child Menu 2.2</a></li>
                 <li><a href='#LINK_HERE'>Child Menu 2.3</a></li>
                 <li><a href='#LINK_HERE'>Child Menu 2.4</a></li>
              </ul>
      </li>
      <li class='drop'>
         <a href='/'>DropDown 3</a>
           <span class='toggle'/>
              <ul>
                 <li><a href='#LINK_HERE'>Child Menu 3.1</a></li>
                 <li><a href='#LINK_HERE'>Child Menu 3.2</a></li>
                 <li><a href='#LINK_HERE'>Child Menu 3.3</a></li>
                 <li><a href='#LINK_HERE'>Child Menu 3.4</a></li>
              </ul>
      </li>
      <li class='drop'>
         <a href='/'>DropDown 4</a>
           <span class='toggle'/>
              <ul>
                 <li><a href='#LINK_HERE'>Child Menu Menu 4.1</a></li>
                 <li><a href='#LINK_HERE'>Child Menu Menu 4.2</a></li>
                 <li><a href='#LINK_HERE'>Child Menu Menu 4.3</a></li>
                 <li><a href='#LINK_HERE'>Child Menu Menu 4.4</a></li>
              </ul>
      </li>


Ganti kode berwarna MERAH dengan Nama Menu kalian
Ganti kode berwarna HIJAU dengan Nama Sub Menu kalian

Ganti kode berwarna BIRU dengan Link Menu kalian

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


Sumber Artikel : http://anonymous-bunshin.blogspot.com/2013/01/template-blog-menma-uzumaki-v2.html#ixzz2a12fOZHK
Read More ->>
| 0 komentar

Kamis, 11 Juli 2013

cara mengganti scroll diblog

Published : 22.18 Author :
Cara Mengganti Bentuk dan Warna Scroll Bar di Blog - Merubah salah tampilan blog dari semula menjadi seperti yang Anda inginkan sangatlah menarik untuk dilihat. Kali ini saya akan berbagi cara mengganti bentuk dan warna scrool bar di blog. Cara ini dapat mempercantik suatu tampilan blog, apalagi jika template blog yang Anda gunakan adalah template versi Portal.

Oke langsung saja pada inti dari mengganti bentuk dan warna scrool bar di blog.

Cara Mengganti Bentuk dan Warna Scrool Bar di Blog :

1. Login ke blogger.com
2. Pilih menu Template.
3. Jangan lupan centang Expand Template Widget.
4. Cari kode script ]]></b:skin> (gunakan F3 atau Ctrl + F untuk mempermudah pencarian)
5. Copy dan pastekan kode di bawah ini tepat di atas kode ]]></b:skin>
::-webkit-scrollbar {
width: 13px;
background: #000000;
-webkit-border-radius:10px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #0000CD;
-webkit-border-radius:10px;
border-radius: 10px;
}
6. Klik Simpan Template

Selesai !!

NB :Ganti tulisan berwarna merah dengan ukuran scroll yang Anda inginkan.
Ganti tulisan berwarna hijau dengan warna template blog Anda.
Ganti tulisan berwarna biru dengan warna scroll yang Anda inginkan.

Jika Anda tengah kesulitan apa kode warna untuk warna yang lain, Riev - Bapo telah menyediakan berbagai kode warna DISINI


Demikianlah tutorial blog yang bisa saya bagikan. Jika ada kesalahan dalam bentuk apapun, sertakan komentar Anda di bawah ini dan saya minta maaf yang sebesar-besarnya.
Terima kasih

 sumbernya:riev-bapo.blogspot.com/2012/11/kumpulan-kode-warna.html
Read More ->>
| 0 komentar

Selasa, 09 Juli 2013

Cara Memasang Widget Like Box FB Sembunyi Melayang pada Platform Blogger - See more at: http://www.walman.org/2013/05/cara-membuat-like-facebook-melayang-di-blog.html#sthash.G2QXvJPH.dpuf

Published : 00.02 Author :
Pengguna Facebook kian bertambah. Sudah semestinya setiap blog mempunyai widget wajib jejaring sosial satu ini untuk memudahkan berbagi dan promosi. Banyak keunggulan, interaksi dinamis antara pengguna-pengunjung lewat Fans Page Facebook dan juga meningkatkan ‘gengsi’ blog sobat. lebih ‘rame’, makin ‘te o pe’.

Facebook melayang, begitu istilah yang tepat untuk tutorial kali ini. Kotak like Facebook atau Fans Page Facebook bisa berada di sisi kiri atau kanan blog yang dapat ditarik ulur menggunakan mouse. Tampilannya menarik, sobat yang ingin punya banyak ‘likers’ sudah saatnya mencoba tutorial ini. Dengan begitu pengunjung ‘dirayu’ oleh tampilan unik Facebook melayang.

Facebook melayang merupakan alternatif jitu ketika banyaknya widget yang bejejeran di sidebar. Tanpa menambah dan memperpanjang vertikal sidebar. Memasang kotak like Facebook melayang solusi tepat mengatasi penuhnya tempat widget dan memudahkan pengunjung me‘like’ blog sobat.

Tanpa berlama-lama, berikut cara memasang like Facebook sembunyi atau melayang pada blog, cekibrot:
1.    Pastikan sobat sudah ‘stand by’ pada akun Blogger,
2.    Pergi ke Tata Letak,
3.    Klik Tambahkan Gadget, pilih HTML/JavaScript,
4.    Pastekan kode berikut,
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("http://3.bp.blogspot.com/-1GCgbuSZXK0/T38iRiVF41I/AAAAAAAABpg/WlGuQ3fi-Rs/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#fbplikebox").css({right: -250, "top" : 100 })
            w2b("#fbplikebox").hover(function () {
                w2b(this).stop().animate({
                    right: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    right: -250
                }, $dur);
            });
            w2b("#fbplikebox").show();
        });
    })(jQuery);
/*]]>*/
</script>
<br />
<div id="fbplikebox" style="display: none;">
<div class="fbplbadge">
</div>
<iframe allowtransparency="true" frameborder="0" rel="nofollow" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ID FACEBOOK&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" style="background: #FFFFFF; border: none; height: 250px; overflow: hidden; width: 250px;"></iframe></div>
    ____Masukkan ID Facebook sobat ke dalam kode yang berwarna biru.

5. Selesai, klik Simpan.

Catatan: Script Jquery di bawah ini tidak diterapkan jika telah ada sebelumnya pada blog sobat. Jika belum, pergi ke Template, klik tombol Edit HTML. Copy kode berikut di atas kode </head>,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>.
Enjoy, klik Simpan Template.

Demikian tutorial cara membuat like Facebook sembunyi atau melayang pada blog, semoga bermanfaat. Happy blogging - 

 Sumber: http://www.walman.org/2013/05/cara-membuat-like-facebook-melayang-di-blog.html#sthash.G2QXvJPH.dpuf
Read More ->>
| 0 komentar
Langganan: Postingan (Atom)
johnpeter. Diberdayakan oleh Blogger.