Blog + Search + Icon Bendera

Membuat Klik Kanan Tidak Berfungsi di Blog

Membuat-Klik-Kanan-Tidak-Berfungsi-Di-BLOG

 Copas atau copy paste adalah kegiatan yang paling sering dilakukan oleh kebanyakan blogger.Entah karna faktor kesengajaan atau ketidaktahuan yang membuat blogger lebih menyukai kegiatan ini.Sebenarnya kegiatan copas ( copy paste ) adalah kegiatan yang sangat merugikan bagi seorang blogger.Anda tahu kenapa? Ya,selain tidak terbaca oleh Google search engine,blog yang sering meng-copas artikel orang lain akan menyebabkan blognya tidak menjadi SEO friendly,dan bisa saja blognya akan dihapus jika si pembuat artikel original melapor ke DMCA,dan yang lebih parah jika blog tersebut mendapat amukan dari google panda.
Untuk itu saya akan berbagi postingan tentang cara membuat klik kanan tidak berfungsi di blog.Dimana kita ketahui bahwa cara meng-copas adalah dengan mengklik kanan pada mouse kemudian pilh copy kemudian paste.
Bagi anda yang ingin menerapkannya di blog anda agar tidak ada plagiat blogger yang berusaha mencuri hasil karya anda sendiri.silahkan ikuti petujuknya dibawah ini :


1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:


<SCRIPT language=JavaScript>
<!-- http://www.spacegun.co.uk -->
    var message = "function disabled";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</SCRIPT>

5. Simpan jika sudah selesai.
__________________________________________________________________________________________________________
Tidak ada komentar:

Kumpulan Kursor Keren Untuk Blog



                                                        

*( Chrome Pointer Cursor )*
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/11/chrome-pointer.html" target="_blank" title="Chrome Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Chrome Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshoots
Chrome Pointer


*( Blue Fire Pointer Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/03/03/blue-fire-pointer.html" target="_blank" title="Blue Fire Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Fire Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>


Screenshoots
Electricity Lightning


*( Wavy Cursor Tail 10 Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur62.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur62.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2006/04/23/cur62.html" target="_blank" title="Wavy Cursor Tail 10"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Cursor Tail 10" style="position:absolute; top: 0px; right: 0px;" /></a>


Screenshoots
Wavy Cursor Tail 10

*( The Alien Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur815.ani), url(http://cur.cursors-4u.net/cursors/cur-9/cur815.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/29/the-alien-15.html" target="_blank" title="The Alien"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="The Alien" style="position:absolute; top: 0px; right: 0px;" /></a>
Screenshoots
The Alien


*( Cool Blue Outer Glow Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-blue-outer-glow-pointer.html" target="_blank" title="Cool Blue Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Blue Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshoots
Cool Blue Outer Glow Pointer

*( Animated Cool Shiny Blue Pointer Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-11/gam1090.ani), url(http://cur.cursors-4u.net/games/gam-11/gam1090.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/02/24/animated-cool-shiny-blue-pointer.html" target="_blank" title="Animated Cool Shiny Blue Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Cool Shiny Blue Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshoots
Animated Cool Shiny Blue Pointer

*( Perfect World Online Spear Thingy Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-13/gam1229.ani), url(http://cur.cursors-4u.net/games/gam-13/gam1229.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/perfect-world-online-spear-thingy.html" target="_blank" title="Perfect World Online Spear Thingy"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Perfect World Online Spear Thingy" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshoots
Perfect World Online Spear Thingy


*( Rave Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur320.ani), url(http://cur.cursors-4u.net/cursors/cur-4/cur320.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/11/25/rave-2.html" target="_blank" title="Rave"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Rave" style="position:absolute; top: 0px; right: 0px;" /></a>


Screenshoots
Rave

*( Psychedelic Pointer Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur197.ani), url(http://cur.cursors-4u.net/cursors/cur-2/cur197.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/psychedelic-pointer.html" target="_blank" title="Psychedelic Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Psychedelic Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshoots
Psychedelic Pointer


*( Animated Fire Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-1/spe19.ani), url(http://cur.cursors-4u.net/special/spe-1/spe19.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/10/18/spe19.html" target="_blank" title="Animated Fire"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Fire" style="position:absolute; top: 0px; right: 0px;" /></a>


Screenshoots
Animated Fire


*( Flame Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur15.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur15.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/07/26/cur15.html" target="_blank" title="Flame"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Flame" style="position:absolute; top: 0px; right: 0px;" /></a>


Screenshoots
Flame

*( Heartless Background Cursor )*


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym549.ani), url(http://cur.cursors-4u.net/symbols/sym-6/sym549.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/12/20/heartless-background.html" target="_blank" title="Heartless Background"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Heartless Background" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshoots
Heartless Background


*( X-Steel Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1028.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1027.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/22/x-steel-wait.html" target="_blank" title="X-Steel - Wait"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="X-Steel - Wait" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshoots
X-Steel - Wait


*( Defender Blue Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur395.ani), url(http://cur.cursors-4u.net/cursors/cur-4/cur395.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/09/08/defender-black-blue.html" target="_blank" title="Defender Black Blue"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Defender Black Blue" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshoots
Defender Black Blue


*( Shiny Flashy Green Matrix Cursor )*

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur201.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur201.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/shiny-flashy-green-matrix.html" target="_blank" title="Shiny Flashy Green Matrix"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Shiny Flashy Green Matrix" style="position:absolute; top: 0px; right: 0px;" /></a>

Screenshoots
Shiny Flashy Green Matrix

*( Batman Begins - Help Select Cursor )*


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur949.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur949.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-help-select.html" target="_blank" title="Batman Begins - Help Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Help Select" style="position:absolute; top: 0px; right: 0px;" /></a>


Screenshoots
Batman Begins - Help Select



Sumber : DizkyBlog
__________________________________________________________________________________________________________
Tidak ada komentar:

Cara Membuat Tombol Share Keren Di Blog



Login Blogger
Klik Template
Edit HTML
Centang "Expand Template Widget"
Cari Kode : </head>
Copy Kode Di Bawah ini, Lalu Paste Diatas Kode </head>

<!-- Start Widget Share Egg From Art Preview -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Widget Share Egg From  Art Preview -->

Lalu cari kode </body>  kemudian copy kode dibawah ini dan pastekan tepat diatas kode </body>

<!--  Start Widget Share Egg From Art Preview -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>
<!--  End Widget Share Egg From  Art Preview  -->

5.Simpan jika sudah selesai.
__________________________________________________________________________________________________________
2 komentar:

Cara Menghilangkan Tulisan "Langgan: Entri (Atom)"


1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini


<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

6. Hapus (delete) kode tersebut.
7. Simpan template jika sudah selesai.
__________________________________________________________________________________________________________
Tidak ada komentar:

Cara Membuat Kotak Search ( Pencarian ) Di Blog


 Menampilkan kotak search bawaan BLOG :
1. Login ke akun Blogger.
2. Klik Tata Letak
3. Kemudian Pilih Add a Gadget.
4. Lalu Pilih "Kotak Penelusuran"
5. Nah disitu ada beberapa pilihan, silahkan pilih sesuaikan dengan keinginan.
6. Simpan [ Finish ] -> Search Box / Kotak Pencarian akan segara tampil di blog.


Menambahkan kotak search dengan JavaScript :
1. Login ke akun Blogger.
2. Klik Tata Letak
4. Kemudian Pilih Add a Gadget.
5. Lalu Klik HTML/Javascript.
6. Dan Pastekan Kode dibawah ini :


Kode.1
<form action="http://blogklopedia.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Keterangan :
Ganti http://blogklopedia.blogspot.com/ dengan nama blog Kalian.
Angka 40 = menunjukkan panjang kotak (search box) yang akan tampil di blog anda, semakin banyak angkanya maka semakin panjang box-nya, maka silahkan kalian ganti sesuai selera kalian.
Lalu Save dan lihat hasilnya.


Kode.2
<span style='float:right;'>
<style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMtNXw3viDiqPIB8BuAumDeYYty4LPGtas8v_jv-y-76YmaK3zFS-4DLfRgbU9Lmtz5yLyeCibMiyXkIUEhUG1c1ewdR79nUP9bUVqXSWHlzlETkpDkSOoJ38ZZ3wtCt8w9H57W-slucUe/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get">    <input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div>
</span>

Keteranagan : Tulisan yang berwarna Merah,bisa kamu ganti dengan kalimat yang kamu sukai.Contohnya :
"Cari artikel menarik lainnya disini".

Maka hasilnya akan seperti ini :






Kode.3
 <form action="/search" style="display:inline;" method="get">
<input id="s" name="q" type="search" placeholder="Cari Artikel Disini"/>
</form>
<style>
#s {
    margin: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 12px 48px 12px 12px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
 width: 200px;
    height: 16px;
    color: #3a4449;
    border: none;
    outline: none;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
 position: relative;
    z-index: 2;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbIVSv-k60wCNi0Y-uLw2vuaYmmey3cjzF-n9ZUh8-0y_kIFlTJbEMQDdSs0IPvvBkrPhJHQoS0kfoqjvIGQ-eWyoNBycHNtP1nPPoAmwZvVGoE3tm0dEzFBV6xOdBfPlGg3s6fuQp_Hw/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
    color: #607078;
}
</style>
NB : Ganti warna merah sesuai dengan selera  tulisan anda. Dan itu akan muncul di tengah kotak pencariannya. Dan warna biru itu ukuran kotak pencariannya, silahkan kalian rubah sesuai dengan kebutuhan!                                                       

                                                           Maka hasilnya akan seperti ini :
Kode.4
<style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwnELFtONZReuBleieRhyifEyNmkPtJLsVmyOcmB7ctUONKWECFGkkeKvhyphenhyphenbB4KBJoihDTPlwkX7MPke-bAhGBbNxAzmwNyqVlzc9q226yneo4smF36ZoP4WdY3435qZxLvcSgBala_HE/s1600/impoint.blogspot.com-red.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' /></form></div>


                                                          Maka hasilnya akan seperti ini :

Keterangan :
Untuk tulisan yang berwarna Merah adalah URL gambar kotak search.Anda juga bisa mengubah warna kotak pencarian dengan warna kesukaan anda.Dan beikut saya tampilkan beberapa warna yang bisa anda sesuaikan dengan blog anda. 

Warna Hijau :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvne0VY4TEXBgE2e92fLtUUkfBbupemRLjDFhpbFWqnx5CjvSunxrRtU-9LzRE560deMBHshjt0F6tbo9r2mAAN6vb0zYoEwWVoGAZVl-MCEy1BOU0HR3zOLU1VhM2Rst7UkO12ZC61MBO/s1600/impoint.blogspot.com-green.png
*******************************************************************************
Warna Merah :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwnELFtONZReuBleieRhyifEyNmkPtJLsVmyOcmB7ctUONKWECFGkkeKvhyphenhyphenbB4KBJoihDTPlwkX7MPke-bAhGBbNxAzmwNyqVlzc9q226yneo4smF36ZoP4WdY3435qZxLvcSgBala_HE/s1600/impoint.blogspot.com-red.png
*******************************************************************************

Warna Biru :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW2QduqOTEPG4wt5nYLzqWfrUOpzYmMfpItUiPzmQOl8abEUeyQf7r1m6F-_Ek-36AH747uLe8NtNSiIg9ATGalBjIkidmQ95UPS-hUl8PWErkJlmS77E5xi9CStSliYRnKobWxUTBvtfF/s1600/impoint.blogspot.com-blue.png
*******************************************************************************
Warna Orange :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjus2AxIEslreD9xqIc_TNHQFwr_EfvvYmPM3Z2QnnGLwYLzsA3vcP_HOq3FeAq4pU22jhx2YjCdhCMN-L4Ht3-kKHFXwqawg0XOuekq9mHsb6CIPUqwVysw-FklfkLu-k2KsDhWEZVPPR6/s1600/impoint.blogspot.com-orange.png 

Kode.5
<style type="text/css">
#a-searchbox{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9lGaSOrf6vYaZ_g4_zghdOYIyYxU264lsgGT3MPN4H0FeKNEDHEAzTC-QTrEpIaSKlq3Qa_JYFgOaZlLj00cyK3a2JRnQS-_BfBN72fk0qRc2848mpRpK_ZnMhbHk90yb-pEQgfHflHq/s1600/lostsector-search-box-blue.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#a-searchform{display: block;padding: 10px 12px;margin:0;}
form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<center>
<div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
</form>
</div></center>


                                                          Maka hasilnya akan seperti ini :

Keterangan :

Tulisan yang berwarna Merah,adalah URL gambar kotak search.Anda juga dapat merubah URL tampilan kotak pencarian dengan url gambar di bawah ini :

Url.1
http://3.bp.blogspot.com/-jukSBGryNx4/UPgqKoLKi2I/AAAAAAAAC38/V7A3wruYzgo/s1600/lostsector-search-box-darkgrey.png

Url.2

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsIYVrPmf1gvjslqQIDKkPsKnIIqWeNloAVIHpAplHuBTzIsh5mUhnCFiaAxQaTfX_d-_CRaZYEVuPR9Fbfu37MLYojKH21oiC3dhYjJUvujcSX6FvfV7VbKKKXraj61iaW7ExeXTP-oEt/s1600/lostsector-search-box-gray.png

Url.3

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCXRdW-6knutJBksBgdJFSpRKLsZHzkk7P4ORl_n4nNAZ88mGVPxjwihpfdKWrRyE_HOHtlN8_AOQLiQ1tpr1tEpokw9Wn_EDUHgvPK15fM5D29sLhcnNOKBWpVp_N5T7RIaCQWPa_xOC_/s1600/lostsector-search-box-black.png

Url.4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH7CLx0vP2WkdiP_iCv4R7lIdxoOyQODJBSyN66XQbYD9yS_npqTlLLM3fVfWk4db2isuz5bLoDYZ1bSPJsYb207hjwNOU-HKRwIuUDSvJctPE0MZeRAtPar9FBmXot-E-FH9wRZCTnVfW/s1600/lostsector-search-box-red.png

Url.5

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKy_Ld2GrBdgoWd1k2i9JZa_CnCqjmyqIe4UwAB1lv9sNv-_Jr6jgZXRCJ06dhkdh8LD4KelHi-EprFUoMDpL1i-MEdnV_OYbPuVAbz0687Q_epjQudSBx6BPj4RrwqYXHOMwLpHZM0irh/s1600/lostsector-search-box-yellow.png

Berikut adalah contoh kotak pencarian keren di blog.
Untuk lebih jelasnya,sobat dapat mengunjungi Mazinubersahabat. Di :
http://mazinubersahabat.blogspot.com/2013/05/6-cara-membuat-kotak-pencarian-paling.html
__________________________________________________________________________________________________________
Tidak ada komentar:

Memasang 3 Widget Keren Di Blog

 


<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p> <center>


<img src="http://www.mahesajenar.com/scripts/ayatimg.php?&amp;text=000000&amp;bg=eeeeee&amp;border=cccccc&amp;sc=00008B&amp;c=30" />

<a href="https://plus.google.com/101734731054751111179/posts" target="_blank"><img src="http://www.buttonshut.com/Google+-Buttons/Google+-Buttons-7-70-.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Google+" title="Add Me to Your Circle On Google+" width="36"/></a>

<a href="http://twitter.com/ardhyan_id" target="_blank"><img src="http://buttonshut.com/links/twitter.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Follow Twitter" title="Follow Me On Twitter" width="37"/></a>

<a href="http://www.facebook.com/ardhyan.id" target="_blank"><img src="http://buttonshut.com/links/facebook.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Add Facebook" title="Find Me On Facebook" width="37"/></a>

<a href="http://feeds.feedburner.com/Blogklopedia" target="_blank"><img src="http://buttonshut.com/links/rssfeed.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="RSS FEED" title="Subcribe RSS FEED" width="37"/></a></center>
<br />


Keterangan :

  • Kode yang berwarna Pink,adalah kode widget jam garuda.
  • kode yang berwarna Biru,adalah kode widget Al-Quran.
  • Dan yang berwarna Merah,adalah kode widget share sosial media.
  • Ganti tulisan yang berwarna Hijau dengan ID anda sendiri.
__________________________________________________________________________________________________________
Tidak ada komentar:

Cara Menambahkan JavaScript Anti Iframe


Sebelum saya berbagi tentang artikel ini,saya akan menjelaskan sedikit tentang 'Iframe'.Ap itu Iframe? mungkin sebagian blogger sudah tau mengenai iframe.Ya,iframe adalah kode yang di gunakan untuk menampilkan suatu web secara utuh.Dengan mengijinkan iframe,maka halaman blog atau web yang menggunakan iframe akan tampil pada halaman blog kita.Sehingga ketika kita menulis nama blog kita di google,akan muncul beberapa blog yang menyediakan javascript yang kita ambil dari blognya.Dan itu akan mempengaruhi jumlah trafik blog.Maka dari itu jika kita harus menon-aktifkan iframe dengan menambahkan javascript anti iframe maka ketika blog kita ditampilkan dalam cara iframe akan secara otomatis ter-redirect ke blog kita,sehingga dengan begitu kita akan dapat meningkatkan jumlah trafik blog.Baiklah jika anda igin memasang anti iframe di blog anda,silahkan ikuti petunjuk pemasangannya di bawah ini :

1. Login ke blogger.
2. Di Dashboard blog Pilih Template
3. Kemudian pilih Edit HTML,
4.Cari kode </head>
5. Taruh kode di bawah tepat di atas kode  </head>
<script type="text/javascript">
    <!-- JavaScript Anti Iframe
        if (top.location != self.location) {
          top.location = self.location
        }
    //End JavaScript Anti Iframe-->

</script>

5.Simpan template jika sudah selesai.
__________________________________________________________________________________________________________
Tidak ada komentar:
Langganan: Postingan (Atom)




Copyright ©2013 Blogklopedia Desain By Ardhyan ID
█║▌│█│║▌║││█║▌│║█║▌ © Official Profile Facebook 2013