Cara Membuat Sharingan Berputar Di Blog Dengan Css

Cara Membuat Sharingan Berputar Di Blog Dengan Css

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/AVvXsEilj7JkeQfy9WME8A9UeffWBZkJ8yTj0sU3KTo6_e396U4qBdc-_-kvrWldJtzK1FUFwoshM6Fhdf15RHm3-r0P2pjvdJ3kyDW0w-FK6OCit_yY4Vkswh4zyR4LuQCqqP5H6Y1pHmZ4m3C6/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/AVvXsEjoeGqk8-x3RBlEf2Ho57gG-3dI9kYRRwljlZzO1a8hcAI5yw7W7osLSOYkrmYK4bHGD-SN0p8DDcmqcs6zWn-spLk6TOwx7LjbxVGQUlOR5NzdFxd8ymzzlsw66qo9v7kN9XkcY3yGJNom/s1600/anonymous-bunshin.blogspot.com.1-Yondarkness.png

2. Sharingan 2 Tomoe

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

3. Sharingan 3 Tomoe

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs7PrN8c2goS6c2swbJt5AAEoaIU0TA-pWa00xLK6g6VKCk6diiv2D5YxTthonttNu32e9rpX8Fku24-Qwk4egGLqC-xAZpBi4j5-70FJanIt28oVyboU6xpGW9VbxlNz8ETZmzMWYbWI/s1600/anonymous-bunshin.blogspot.com.3-Yondarkness.png

4. Proto Mangekyou Sharingan

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

5. Mangekyou Sharingan Kakashi dan Obito

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR6QnJ0f4WoQlWmgT6-JEpVfRHjLopgJk4POfn07ohhXZy8VWJeZeUbF3w3h2dis7lc8uSSxZSlGmAh6SHRfgKUox_KZhtTnNVQmY0de4y-y5EZbiplH6XM0wTySFxW7h0czza6t22Yuk/s1600/anonymous-bunshin.blogspot.com.kakashi-Yondarkness.png

6. Mangekyou Sharingan Itachi

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrPcf0zSY_9rwzOe319ElY7-yJ1Rd-mYIuChYaqyK3jIIEhf52CMRwjs3IX2tp-2JlSWVldqPWODriMW76_bR_Z2PGN7qlVnkdY1o8AoqvRB_84wuX6A-buB_pg4Hnh_8Mz4UIVnxVef0/s1600/anonymous-bunshin.blogspot.com.itachi-Yondarkness.png

 7. Mangekyou Sharingan Izuna

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjx4MRYiRrGciZ6arcYtsfcw6wzbAiMKfqzRQjmzLARkXSoMMXU1owphM7A6EUOrObyYTcpJyuIps_qboSvsWHQw9_ZhN_ssbpe_iIzSjFQTmPfDyujxyMO1Fzj2-ofV16iGSUMclTIE/s1600/anonymous-bunshin.blogspot.com.izuna-Yondarkness.png

8. Mangekyou Sharingan Shisui

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuSO_07-QQFw2jvAgtaLXHR_RYczLSZMxuLWY28c0f01iae5mNB7xnBuece0-0WJzjNhr3xnTEk1j_PPqBoJVIC2V6M17fgPGAgJvePUTo5OSkkYBCLXjnmbHbsukgWKEywwS56751dXE/s1600/anonymous-bunshin.blogspot.com.shisui-Yondarkness.png

9. Mangekyou Sharingan Madara

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo9gOaZYNcYljknFXXat5xEqAspsDjvQUSuRv0mwX2bmH6ObGLb98TcfYrQl2Tv-lziUkrFvfpiu_qEvvrhsPxIZPr2dpjYvBQ0MmlW-fN8ojTqVLTkDVGva83ZA3054gHSbC2e45wvGE/s1600/anonymous-bunshin.blogspot.com.madara-Yondarkness.png

10. Mangekyou Sharingan Sasuke

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaau6hTL97c2EmTIhB7FlJCju6mONSIdVX-HpCc42Z3VpOkF2cPFILOPLlnnuyQSjS6bh3a-LyP_PVnmm41D8fmvKlC06VSTQApLjUI27lVfgLznplHM0ZuyjRsnbe4U1H1KUKKpMMqns/s1600/anonymous-bunshin.blogspot.com.Sasuke-Yondarkness.png

11. Eternal Mangekyou Sharingan Madara

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

12. Eternal Mangekyou Sharingan Sasuke

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

13. Sharinnegan (Mata Juubi)

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

Baca Selengkapnya →

Cara Membuat Fans Page Keren di Blog

Cara Membuat Fans Page Keren di Blog

Pada kesempatan kali ini saya akan menjelaskan cara membuat fans page di blog, tetapi kali ini fans pagenya tersembunyi atau slide show seperti yang ada di sebelah kanan blog saya ini. pertama anda harus buat fans page terlebih dahulu.

Setelah selesai, anda ikuti langkah-langkah berikut:
1.  Masuk ke Template > Edit Html dan centang expand elemen widget.
2. Cari kode </head> dan letakan kode di bawah ini di atas kode </head> tersebut.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

3. Save template dan klik tab elemen laman.
4. Klik add gadget, pilih tambah HTML/Javascript dan copy kan kode di bawah ini

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: #808080;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FANS PAGEANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://adithya-putr4.blogspot.com/2012/05/cara-membuat-fans-page-keren-di-blog.html">Widget by Adithya</a></span></div></div>

5. Kemudian Simpan.

Kamu dapat merubah gambar facebook yg disamping dengan merubah text yg berwarna orange dengan URL gambar yg kamu suka 
ubah text yg berwarna biru dengan URL page fans milik mu. 
jika ingin merubah warna background page fansnya kamu tinggal menggati code yg berwarna ungu dengan kode warna yg kamu suka...
NB : Jika ada masalah silakan tinggalkan komentar. :)

~Selamat Mencoba~

Baca Selengkapnya →

Pasang Widget Alexa Rank Tanpa perlu Register

Pasang Widget Alexa Rank Tanpa perlu Register

Biasanya bila anda ingin mendapatkan widget Alexa Rank, kita di haruskan untuk mendaftar terlebih dahulu. kini saya akan share cara mendapatkan widget Alexa Rank tanpa perlu Register / mendaftar. Berikut caranya...

• Copy code berikut lalu masukan ke HTML/Javascript

<a href="http://www.alexa.com/siteinfo/c-gultom.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=
c-gultom.blogspot.com'></script></a><script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>

• Ubah code yg berwarna kuning dengan url kalian...
• Lalu klik Simpan. dan lihat hasilnya

Baca Selengkapnya →

Cara Membuat Tombol Back To Top di blog

Cara Membuat Tombol Back To Top di blog

Pada kesempatan kali ini saya akan berbagi kepada sobat tentang bagaimana Cara Membuat Tombol Back To Top Dengan Efek Gulir Halur pada Blogspot dan beberapa waktu yang lalu, saya juga telah memposting sebuah artikel yang hampir sama dengan postingan kali ini, namun tombol back to top yang pertama tersebut mempunyai efek yang agak sedikit kaku dan tidak mempunyai efek apa-apa. 

Apa gunanya tombol back to top?

Salah satu kegunaan dari tombol back to top yakni untuk memudahkan pengunjung blog untuk kembali ke menu header atau navigation tanpa harus melakukan scroll pada mouse.

Tutorial untuk pemasangan back to top kali ini yakni menggunakan JQuery versi 1.3.7 (terbaru untuk saat ini). Cara pemasangannya tidaklah rumit dan tanpa harus mengedit CSS template blog, tetapi hanya dengan menambahkan gadget baru (HTML/Javascript) dan memasukkan kode ke dalamnya. Jika sobat penasaran seperti apa tombol back to top yang saya maksudkan disini, coba klik DISINI. Bagaimana, menarik bukan...???

Nah jika sobat tertarik untuk memasang tombol to top seperti pada blog saya ini, berikut uraian singkatnya :

• Login ke blogger
• Tata Letak » Add Gadget » Pilih HTLM/Javascript
• Copy kode di bawah ini dan pastekan kedalam box HTML/Javascript tersebut

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >

var scrolltotop={

    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control

    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).

    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1JP2Fxvr1a-t2X6ff7fP-ODCIIZXUfKGQJzGHdNYROb4O62VJGxRL1E2vmfNWcpRdmpia_Axl2Se84ksMSOMDb4LiUrpnwLPdJ6OIPn4ppnhWr-1zgfI0yjldYh7gW1guSD7R73EYKedn/s1600/navigate-up-icon.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"

    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner

    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){

        if (!this.cssfixedsupport) //if control is positioned using JavaScript

            this.$control.css({opacity:0}) //hide control immediately after clicking it

        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)

        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists

            dest=jQuery('#'+dest).offset().top

        else

            dest=0

        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);

    },

    keepfixed:function(){

        var $window=jQuery(window)

        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx

        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety

        this.$control.css({left:controlx+'px', top:controly+'px'})

    },

    togglecontrol:function(){

        var scrolltop=jQuery(window).scrollTop()

        if (!this.cssfixedsupport)

            this.keepfixed()

        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false

        if (this.state.shouldvisible && !this.state.isvisible){

            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])

            this.state.isvisible=true

        }

        else if (this.state.shouldvisible==false && this.state.isvisible){

            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])

            this.state.isvisible=false

        }

    },

    init:function(){

        jQuery(document).ready(function($){

            var mainobj=scrolltotop

            var iebrws=document.all

            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode

            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')

            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')

                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})

                .attr({title:'Scroll Back to Top'})

                .click(function(){mainobj.scrollup(); return false})

                .appendTo('body')

            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text

                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text

            mainobj.togglecontrol()

            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){

                mainobj.scrollup()

                return false

            })

            $(window).bind('scroll resize', function(e){

                mainobj.togglecontrol()

            })

        })

    }

}

scrolltotop.init()

</script>

Keterangan : URL yang saya beri warna merah di atas adalah url foto yang sudah diuplaod sebelumnya, silahkan dengan url foto sobat.

• Simpan dan lihat hasilnya.

Baca Selengkapnya →

Cara Membuat Anti Klik Kanan Dengan Gambar

Cara Mendisable Klik Kanan Dengan Gambar

Keyword : Mendisable Click Kanan Dengan Peringatan Gambar, Melarang Klik Kanan Pada Blog Menggunakan Peringatan Gambar, Mencegah Click Kanan Dengan Gambar Keren, Melindung Artikel Blog Dari Copaser.

• Pertama, masuk ke Dasboard blog kalian
• Masik ke Tata Letak
• Klik Tambah Gadget
• Kemudian pilih Gadget HTML/JavaScript
• Masukkan kode dibawah ini :

<script type='text/javascript'>

var DADrightclicktheme = 'Dark';

var DADrightclickimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUDpcRaSvTSxKn21mF6fswWJ6LgSKx7amhyphenhyphenbDNq6z3QZw8W9naB2uZDwQY134zcgVpxD5Wvt8niHI_hX2JpKLpu4lzJNsfzclHlNzEory8BKZ1BoJxhyphenhyphen8-g7idC85pwoXxZqi9X5XkPIol/s1600/No+Right+Click+copy.png';

</script>

<script type='text/javascript' src="http://yondarkness.googlecode.com/files/AntiCopas.js"> </script>

• Kemudian tinggal diSave

Keterangan :

Ganti kode berwarna BIRU dengan skema blog kalian. Jika blog kalian berwarna dasar gelap, isi dengan Dark. Dan jika blog kalian berwarna dasar terang, isi dengan Light.

Ganti kode berwarna HIJAU dengan URL/Alamat gambar Anti Klik Kanan kalian.

Jadilah Anti Klik Kanan Menggunakan Gambar di blog kalian. Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas, silakan ditanyakan di komentar.

Baca Selengkapnya →

Memberi Efek Hover pada Gambar di Header

Memberi Efek Hover pada Gambar di Header

Berikut Tutorialnya...

• Login ke blogger
• Pilih menu template >> edit HTML >> lanjutkan
• Cari Kode ]]></b:skin> Lalu letakkan code di bawah ini tepat diatasnya...

a.thumbopacity img {  -moz-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;    -webkit-transition: all 0.3s ease-out;    -ms-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;margin-top:5px;margin-left:230px; position:absolute; }

a.thumbopacity:hover img{  margin-left: 175px;  padding-left: 0px;  }

• Sesuaikan letak Gambar kalian dengan mengedit marginnya 
• Lalu copy code di bawah ini dan pastekan tepat dibawah code </head> 

<a class='thumbopacity'>

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_wMZfVbYaLejxFqSKV5TAHv9F3FJCELv_smYSAYdCQ5GmM4X4GYbwWuhfkNilr3Xbm-DWKdxBcT2la0W-J5Httinzw4m_BsTJSg_XLCX9EaEWrN4z76vUDG5ddrxYBOniWj7O6EuCVXG0/s1600/adada.png'/></a>

• Ubah kode yg berwarna hijau dengan URL gambar kalian 
• Setelah itu simpan HTML kalian dan lihat hasilnya.

Selanjutnya tinggal kalian utak atik sendiri, dan selamat mencoba

Baca Selengkapnya →

Pasang Widget Alexa Rank Tanpa Perlu Register

Pasang Widget Alexa Rank Tanpa Perlu Register

Biasanya bila anda ingin mendapatkan widget Alexa Rank, kita di haruskan untuk mendaftar terlebih dahulu. kini saya akan share cara mendapatkan widget Alexa Rank tanpa perlu Register / mendaftar. Berikut caranya...

- Copy code berikut lalu masukan ke HTML/Javascript

<a href="http://www.alexa.com/siteinfo/http://c-gultom.blogspot.com/"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=http://c-gultom.blogspot.com/'></script></a><script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>

- Ubah code yg berwarna kuning dengan url kalian...

- Lalu klik Simpan. dan lihat hasilnya

Baca Selengkapnya →

Cara Memblockir (Mendisable) CTRL+U Di Blog

Cara Memblockir (Mendisable) CTRL+U Di Blog

Keyword : Cara Mendisable CTRL+U Di Blog, Melarang Tombol CTRL+U Di Blog, Mencegah CTRL+U Di Blog, Script Anti CTRL+U, Trick Blog Anti Plagiat.

Kali ini saya akan mengShare tentang Cara Memblockir Atau Mendisable CTRL+U. Tapi, sebelum itu saya akan menjelaskan apakah fungsi dari CTRL+U. Ketika kita menekan keyboard CTRL+U di suatu halaman web, maka kita akan mengetahui kode-kode source halaman tersebut. Jika kalian tidak ingin kode source yang sebagian merupakan kode HTML kita di lihat orang, maka kalian bisa ikuti langkah-langkah berikut

• Pertama, masuk ke Dasboard blog kalian
• Klik pilihan Template
• Pilih Edit HTML
• Jangan lupa centang "Expand Template Widget"
• Kemudian, masukkan kode di bawah ini tepat di bawah kode <body>

<script src='http://yondacss.googlecode.com/files/Yondarkness%20Anti%20CTRL%20U%204%20Post.js' type='text/javascript'/>

• Terakhir, kalian Save

Bagaimana sekarang? Coba kalian tekan CTRL+U di blog kalian. Apa yang terjadi? Jika kalian berhasil maka otomatis halaman akan di alihkan ke http://security-system-blogger.blogspot.com . Dengan begitu, kode source kalian aman. Tapi jika kita berurusan dengan PLAGIAT tingkat atas, cara ini masih bisa di atasi.

Baca juga artikel tentang Cara Mendisable Klik Kanan Dengan Gambar

Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas, silakan kalian tanyakan di komentar.

Sumber Artikel : http://anonymous-bunshin.blogspot.com/2013/03/cara-memblockir-mendisable-ctrlu-di-blog.html#ixzz2N7hm1IUp

Baca Selengkapnya →

Cara Memberi Background Pada Chat Box ( Buku Tamu )

Cara Memberi Background Pada Chat Box ( Buku Tamu ) Di Blog

Keyword : Cara Membuat Chat Box ( Buku Tamu ) Keren, Cara Membuat Cbox Keren Di Blog, Teknik Membuat Chat Box Bergambar, Tutorial Blog Unik.

Setalah lama tidak posting masalah blog karena bosan, kali ini saya akan memposting Bagaimana Cara Membuat Chat Box Dengan Background Gambar. Kalian pasti sudah tahu apa itu Chat Box. Kalau belum tahu kalian bisa melihat gambar di atas atau kalian bisa lihat sendiri di blog saya ini. Bagaimana caranya? Untuk membuatnya, silakan kalian ikuti langkah-langkah di bawah ini.

• Pertama, buka situs www.cbox.ws kemudian Log in terlebih dahulu jika sudah mempunyai akun. Jika belum punya, silakan Register terlebih dahulu.
• Jika sudah masuk, pilih menu Look & Feel, kemudian pilih sub menu Style Present.
• Pada bagian ini, banyak tersedia tampilan Chat Box yang disediakan, kalian pilih yang Transparent dan klik tombol Confirm. Lalu Save.
• Kembali ke menu Look & Feel, sekarang kalian pilih sub menu Layout Options.
• Di bagian ini kalian bisa menyesuaikan ukuran tinggi dan lebar Chat Box sesuai selera.
• Setelah selesai mengatur, sekarang kalian klik menu Publish!
• Kemudian kalian klik tombol Copy to clipboard dan kemudian kalian letakkan pada widget HTML kalian ( Dasboard->Tata Letak->Tambah Gadget->HTML/JavaScript ).
• Kemudian kalian cari kode di bawah ini

<div id="cboxdiv" style="text-align: center; line-height: 0">

• Jika sudah ketemu, kalian ganti kode di atas dengan kode di bawah ini

<div id="cboxdiv" style="text-align: center; line-height: 0;background-position:center;background:url(URL GAMBAR DISINI);width:200px;height:350px;background-repeat:no-repeat;">

Keterangan :

Ganti kode berwarna MERAH dengan Alamat/Url gambar yang ingin kalian jadikan Background.

Kode berwarna HIJAU adalah untuk mengatur lebar gambar yang ingin kalian jadikan Background. Kalian sesuaikan sesuai lebar widget Chat Box yang sudah kalian atur.

Kode berwarna BIRU adalah untuk mengatur tinggi gambar yang ingin kalian jadikan Background. Kalian sesuaikan sesuai tinggi widget Chat Box yang sudah kalian atur.

• Terakhir tinggal kalian Save widgetnya.

Selesai. Silakan kalian cek hasilnya. Kalian juga bisa mengembangkannya dengan keKreatifan kalian. Sekian Tutorial kali ini. Semoga bermanfaat. Jika ada yang kurang jelas silakan kalian tanyakan di komentar.

Baca Selengkapnya →