backlink
cara meningkatkan trafick blog atau website yaitu dengan cara menggunakan trik baclink.cara ini sangat jitu meningkatkan trafik.banyak orang-orang yang menggunakan trik backlink karena sangat mudah mudah.aku tidak banyak bicara bisa langsung di coba link bancklink seperti berikut ini
1http://w3seo.info/backlink-maker
2.http://www.marketingblogonline.com/autobacklinks/
3.http://smallseotools.com/backlink-maker/
4.http://www.official.my/freebacklinks.php
5.http://www.linksoar.com/seo-tools
6.http://www.freebacklinkbuilder.net/
7.http://real-backlinks.com/en
8.http://www.free-web-submission.co.uk/
9.http://247backlinks.info/
10.http://sitowebinfo.com/back/
11.http://addurl.excitesubmit.com/
12.http://autobacklinkbuilder.com/linkscout-performance-marketing-machine/
13.http://seounity.com/tools/backlink-builder/
14.http://www.2000backlink.com/
15.http://www.backlinkr.net/
backlink comen
1.http://www.eac.gov
2.http://www.edinburgh.gov.uk
3.http://powershift.org
4.http://www.bicycling.com/
5.https://www.hendrix.edu/
6.https://teens.drugabuse.gov
7.https://myspace.com
forum
1.forums.myspace.com
2.forum.joomla.org
3. forum.siteground.com
4. c7y-bb.phparchitect.com
5. forum.meebo.com
6. drupal.org/forum
7. forums.cpanel.net
8.forum.wordreference.com
9. forum.filezilla-project.org
10. sitepoint.com/forums
11. forums.sun.com/index.jspa
12. forums.mysql.com
13- forums.cnet.com
14. bookforum.com
15. mathforum.org
16. forums.photobucket.com
17.gardenweb.com
18. forums.wsj.com
19. forums.cnet.com
20. forum.videolan.org
21. wrensoft.com/forum
22. pkp.sfu.ca/support/forum
23. audacityteam.org/forum
24. arch.designcommunity.com
25.forum.filezilla-project.org
26.awasu.com/forums
27. forums.mozilla.or.kr
28.flashpanoramas.com/forum
29. hostmonsterforum.com
30. forum.visagesoft.com
31. forum.maxthon.com
32. claroline.net/forum
33. message.snopes.com
34. softcatala.org/forum
35. forum.claroline.net
36. fckeditor.net/forums
37. 000webhost.com/forum
38. forum.wordreference.com
39. forums.mozillazine.org
40. forums.spry.com
41.Forum wikipedia.org
42.forum mozilla.org
cara masang tombol Subscribe youtube di blog
totorial ini aku beri judul cara memasang tombol subscribe youtube diblog,cara ingin banyak subscribe atau langganan youtube yaitu dengan cara memasang tombol subscribe youtube di blog,cara ini ingin sangat efektif untuk menambah pelanggan di youtube.sekarang juga bisa mencoba totrorialnya seperti berikut ini
1.https://developers.google.com
2.klik youtube
3.ADD A BUTTON
4.klik ID
5copy id youtube
7.pastakan id youtube
8.copy code scrip
9.buka blog =>layout =>HTML/java scrip
10.pastakan code scrip youtube
11.hasilnya
12.selesai
cara bikin loding di blog
Totorial tentang membahas cara membuat looding di blog,apa bila ingin membuat tambahan atau ingin membuat variasi blog dengan menambahkan looding di blog,supaya blog menarik untuk di lihat oleh pengunjung.jadi kalau ingin membuat looding di blog bisa membaca totorial ini dan pertama-tama harus memahami tentang cara memasang scrip di blog dengan benar kalau tidak tempat maka tidak bisa tampil. 1.buka blog
2.klik template
3.edit template
4.cari code ini </body> atau mencari dengan tekan tombol CTR+F
letakan diatasnya.Pada body background disisipkan kode<div id="page-loader"></div> ditampilkan dengan efek fadein dengan waktu 1000 detik, penundaan 8000detik, diakhiri dengan efek fadeout 1000detik.
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(8000).fadeOut(1000);
});
//]]>
</script>
Setelah kode diatas sudah anda terapkan, kemudian anda cari kode ]]></b:skin> anda letakkan sebelum kode atau tepatnya diatas kode ]]></b:skin>//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(8000).fadeOut(1000);
});
//]]>
</script>
page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:999999;
background: #000 url("URL IMAGE") no-repeat 50% 50%;
padding:1em 1.2em;
display:none
}
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:999999;
background: #000 url("URL IMAGE") no-repeat 50% 50%;
padding:1em 1.2em;
display:none
}
tinggal mengganti backgroun dan ulr image
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGmA6eEl_HclfvvxTC0-7C66VZCWRyb1EISOKrAItg2vUYV-cox2OWj0uhyphenhyphenPs_AiKNheSaGGmTH-SNcK53L0GmfY9WiBKOlnY4eJKUEeO_SwgDjr3b-rETtUW9Nz8SSuRoAkLC0HIGeR0/s1600/2.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm4VIsyUqVzocDLJG3NDPL9w-K-0MDqEevVNoZ1wUjESBRkHYOyLLv0fvAKfdD_yKiajdh38KmvtEy9hHsHWxTO92M1ydhyphenhyphenYTwjl-S8hYNSxgIU6Qt_ks_mkI3lgOgygYc7m6q6v3qsBw/s1600/e.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinRKP_7TujsL8MZPi2yuM2TrAy3PRKOgsOFk5bOWf9dtcoq6rKQVZsez-_whZv7J-9wkNgkIqpg3sBygGYfDfP3vpEQMR8M-TAkEzh760T1v8umD7XzEji6k-u4rw3zo2dU_Y-Dek-ghE/s1600/1.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEraS1fxncnfQSPoyjC1oL0Y0xVRYwzdnBxAnoNd9xs5Cu6a2rbFieQuAxlACT4xhNk_3NSIaNJf6mKZ2o5SsUw7tXNFYrkX6P2Rc3Epne5io8wPYR0VYwvLmeWn5LbyBmaSB63DpJaI0/s1600/3.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4mYzxcCIwSIo1lie5ZfgYGyWSxqoKL2EcfWhlbw0zE8whH9-DHIXCpu76WvFITHqIAA6HBZ-M149xWRXKEZrl0VEtUIqDzX-bXR8WxDhPebWhAgFMCF73rFzX_tyUYhBRND0QucufUmw/s1600/5.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNm4A9AhPbxDonfo5gX-t3A_psM7aeOThQw4UdwY2mOx0OpGwusV4jMc_x1UMyskUuab7-zCS_MFesGvGmuGK5SGWUlMP1LDQT4ghZW52nCQ4XulwgYtTOJhZ7nJulPjoLcRcTUiHBKFQ/s1600/7.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEaN7ArusGFzGww4jpyx5cBwzxLwsPqOtfPycfWH5BCbj-ArVG84dHbbilMrsWl8YyeaWxspNEc22BlNwvU0rWOpLTqLstceKeMkDsGVQjvvy7tbssNJ283cB6npzTjHA2J6Mv8bKxiTI/s1600/9.gif
cara masang widget untuk mengetahui pengunjung di blog
cara ingin mengetahui ada beberapa pengujung yang melihat blog anda,cara memasang widget di blog anda supaya bisa melihat apakah blog ramai atau sepi pengunjung jadi bisa memantau blog tiap hari dengan cara memasang widget di blog.sebelum membuat widget ada bisa mengujungi situs di bawah ini untuk mendapatkan code scrip
1 http://whos.amung.us/
2.ada beberapa pilihaqn widget yang suka
3.layout => add a gadget => HTML/java scrip
4.pastakan scrip
5.tampilan
6.selesai
cara masang menu di bwah atau di atas header
Cara membuat header di blog,pertama Anda perlu membuat header blog menggunakan scrip di bawah ini dan siapkan gambar baru untuk menggunakan gambar favorit Anda Lihat membuat template yang lebar kepala HTML dari blog Anda dan catatan dari blog Anda,Mungkin Anda ingin blog baru Anda dengan pikiran yang lebar itu,Jangan khawatir tentang tinggi,ini dapat sebagai besar atau kecil akan berbagi cara memasang header di blog
1.1.buka blog
2.template
3.edit HTML
2.copy
/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: #ff0000 repeat-x;width:980px;margin:0 auto;padding:0 auto} #menuwrapper{width:980px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#000000;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3BfUl-0lhmHip4fYAb9IpGxHIlDV-ojtqdsMBDZvu8dos-VYDG8A7BX24H2yKYEkiLPjaAuEYNwJuTC3-_nNlNzCdqVQHK-giaEA7rmoWVbHER3_T_lFM5TTBw-Qs2EddI6slRAfPfzw/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
3.Cari kode ]]> </ b: skin> (gunakan ctrl + F untuk memudahkan pencarian) Copy dan pastekan Kode CSS dibawah ini dan tempatkan diatas kode ]]> </ b: skin>
4.copy
</ul>
</li>
<li><a class='trigger'>Menu 4</a>
<ul>
<li class='hr'/>
<li class='hr'/>
<li><a href='nama-alamat-blog.html' target='new'>Sub Menu 4</a></li>
<li class='hr'/>
<li><a href='nama-alamat-blog.html' target='new'>Sub Menu 4</a></li>
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://ketutjoel.blogspot.com/search' method='get' target=''>
<input name='sitesearch' style='display:none;' value='http://ketutjoel.blogspot.com'/>
<input id="search-box" name="q" size="25" type="text" style="background: #EEEDED; border: 1px solid #000000 "/>
<input id="search-btn" value="Search" type="submit"/>
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>5.1.cari code
2.menu di atas header blog <header>
3.menu di bawah header blog </header>
cara bikin slide otomatis di blog
Hari ini kita akan belajar bagaimana melakukan sesuatu yang menyenangkan! wordpress pengguna kemampuan untuk menginstal plugin dan menciptakan fitur slider gambar di blog-nya. Ini cara masang gambar slider template dan widget standar untuk Blogger pengunjung, tapi sekarang saya akan menunjukkan cara untuk membuat slide gambar Blogger. Kode acara asli saya dapat membuat Anda pembantu ditemukan di Blogger. Cara membuat slider gambar blog,silakan langsung ke tkp
1.1Blogger
2.Edit template
3Copy code di bawah ini dan cari code
]]></b:skin>
atau </style>
di bagian head template. perhatian wrapper dan #slider jka pada wrapper anda ubah code width atau height pada #slider wrapper { position:relative; margin:0 auto 15px; width:600px; height:350px; display:block; padding:5px; background:#FFF; z-index:2; }
#slide-prev,#slide-next { -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; padding:15px; bottom:50%; position:absolute; z-index:4; }
#slide-prev { left:20px; background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOzSd6czugE5suvbaekIQq7FnuwH4s3FJoA3zFLaonpLHyG0F3aq93F5-AfvRS9UctH7hGdFJvn3WDgZxVllvxpNkhuS2sIfRmYEDGQ7eo3-FCO453tkFJLQqgxBcN7K4CEbzeMrqwFa0/s1600/arrow_left.png) no-repeat center; }
#slide-next { right:20px; background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizZmscE3Y4oX5T14cMdPqMIYBQa5G_Pl8eryY1pUuUEqKNwW6zU2E-IOsy_9Skg9BteYfsr5GlB3c4f013sT_W7oqp2et9d-_A_obiWUyjRIqE1lN92ohRaPcq3OKEG35TAyXjFNtpdCs/s1600/arrow_right.png) no-repeat center; }
#slider { width:600px; height:350px; margin-left:auto; margin-right:auto; position:relative; z-index:2; display:block; }
#slider img { width:100%; height:100%; }
.slide { display:none; }
.cs-activeSlide { display:block; }
.slide-descriptions { display:none; }
.caption { background:rgba(238,238,238,0.83); color:#333; display:none; padding:5px 10px; position:absolute; left:0; right:0; bottom:5px; z-index:3; font:normal 13px/20px Arial,sans-serif; }
2.copy scrip di bawah ini,cari code <head> atau tekan CTR+F dan letakan scrip di bawahnya
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://sites.google.com/site/vanzdy/script/jquery-chopslider-2.2.0.js"></script>
<script src="https://sites.google.com/site/vanzdy/script/jquery-cstransitions-1.2.js"></script>
<script>
jQuery(function(){
$("#slider").chopSlider({
slide : ".slide",
nextTrigger : "a#slide-next",
prevTrigger : "a#slide-prev",
hideTriggers : true,
sliderPagination : ".slider-pagination",
useCaptions : true,
everyCaptionIn : ".sl-descr",
showCaptionIn : ".caption",
captionTransform : "scale(0) translate(-600px,0px) rotate(45deg)",
autoplay : true, // slidernya otomatis bermain, "false" jika tidak otomatis
autoplayDelay : 3000, // waktu penundaan gambar
t3D : csTransitions['3DFlips']['random'],
t2D : [ csTransitions['multi']['random'], csTransitions['vertical']['random'] ],
noCSS3 : csTransitions['noCSS3']['random'],
mobile : csTransitions['mobile']['random'],
onStart: function(){},
onEnd: function(){}
})
})
</script>
3.1.layout<script src="https://sites.google.com/site/vanzdy/script/jquery-cstransitions-1.2.js"></script>
<script>
jQuery(function(){
$("#slider").chopSlider({
slide : ".slide",
nextTrigger : "a#slide-next",
prevTrigger : "a#slide-prev",
hideTriggers : true,
sliderPagination : ".slider-pagination",
useCaptions : true,
everyCaptionIn : ".sl-descr",
showCaptionIn : ".caption",
captionTransform : "scale(0) translate(-600px,0px) rotate(45deg)",
autoplay : true, // slidernya otomatis bermain, "false" jika tidak otomatis
autoplayDelay : 3000, // waktu penundaan gambar
t3D : csTransitions['3DFlips']['random'],
t2D : [ csTransitions['multi']['random'], csTransitions['vertical']['random'] ],
noCSS3 : csTransitions['noCSS3']['random'],
mobile : csTransitions['mobile']['random'],
onStart: function(){},
onEnd: function(){}
})
})
</script>
2.add a gadget
3.pastakan code scrip dan ganti ulr gambarnya
4.save
<div class="wrapper">
<a id="slide-next" href="#"></a>
<a id="slide-prev" href="#"></a>
<div id="slider">
<div class="slide cs-activeSlide"><img src="url gambar1.jpg"/></div>
<div class="slide"><img src="url gambar2.jpg"/></div>
<div class="slide"><img src="url gambar3.jpg"/></div>
<div class="slide"><img src="url gambar4.jpg"/></div>
</div>
<div class="slide-descriptions">
<div class="sl-descr">Disini deskripsi gambar anda.</div>
<div class="sl-descr">Disini deskripsi gambar anda.</div>
<div class="sl-descr">Disini deskripsi gambar anda.</div>
<div class="sl-descr">Disini deskripsi gambar anda.</div>
</div>
<div class="caption"></div>
</div>
<a id="slide-next" href="#"></a>
<a id="slide-prev" href="#"></a>
<div id="slider">
<div class="slide cs-activeSlide"><img src="url gambar1.jpg"/></div>
<div class="slide"><img src="url gambar2.jpg"/></div>
<div class="slide"><img src="url gambar3.jpg"/></div>
<div class="slide"><img src="url gambar4.jpg"/></div>
</div>
<div class="slide-descriptions">
<div class="sl-descr">Disini deskripsi gambar anda.</div>
<div class="sl-descr">Disini deskripsi gambar anda.</div>
<div class="sl-descr">Disini deskripsi gambar anda.</div>
<div class="sl-descr">Disini deskripsi gambar anda.</div>
</div>
<div class="caption"></div>
</div>
cara masang pop up facebook di blog
Tapi apa yang baik adalah blog yang tidak ada yang membaca? hanya satu item di web, tidak banyak membantu Sederhananya. Lalu lintas dapat ditemukan. Para pengunjung ke blog Anda, bahan bakar yang membuat dia hidup. Melalui portal media sosial seperti Facebook, Twitter dan trik yang dapat Anda mencetak dengan jarak jauh yang sesuai. Untuk ini untuk bekerja, Anda perlu untuk mengambil keuntungan penuh dari blog untuk berbagai tinggi-range. Banyak dari mereka dapat dengan cepat dan hanya membuat mediasosial.saya akan membuat facebook pop up di blog supaya facebook banyak yang like dan blog bi sa di share.lansung saja totorialnya
1.copy code scrip
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtxPOQHJAqe6Hu5RlgPu9hzXRCBqt8kzerFMjZYvI3S_COnjGJL4AuRGkUCaLK5r5Sr58LkAgXIhdQf0oAKMWUj336Rb0KIW6sch24k_SFeSPRdDpOmWI4aa13QpexqnNKVVr6nQg6Cs9/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_like') != 'yes'){
$('#fanback').delay(5000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_like', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'></div>
\
<div id='fanbox'>
\
<div id='fanclose'></div>
<div class='remove-borda'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/braderblog&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div>
</div>
2.kli layout =>add a gadget =>HTML/java scri =>pastakan codenya<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtxPOQHJAqe6Hu5RlgPu9hzXRCBqt8kzerFMjZYvI3S_COnjGJL4AuRGkUCaLK5r5Sr58LkAgXIhdQf0oAKMWUj336Rb0KIW6sch24k_SFeSPRdDpOmWI4aa13QpexqnNKVVr6nQg6Cs9/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_like') != 'yes'){
$('#fanback').delay(5000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_like', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'></div>
\
<div id='fanbox'>
\
<div id='fanclose'></div>
<div class='remove-borda'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/braderblog&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div>
</div>
5.hasilnya
6.cari code scrip tinggal ganti identitas facebook (url facebook)dengan identitas kamu
cara bikin gambar aminasi di blog
cara mempercantik blog dengan cara masang gambar aminasi blog,membuat variasi untuk blog supaya blog menarik di lihat oleh pengujung dengan cara memasang gambar aminasi di blog.bisa langsung ke TKP
1.copy code
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://www.belajarngeblog.cf/" target="_blank">Animasi Blog</a></center></small></div>
2.klik layout => add agadget =>HTML/java srip3.pastakan code scrip
4.selesai lihat hasilnya gambar di bawa ini
5.selesai
anti klik kanan di blog
untuk menghindari blog di copy,agar blog tidak bisa di copy oleh orang lain yaitu dengan cara harus memasang anti copy supaya blog aman dari pencurian postingan.cara memasang anti copy sangan muda mudah tinggal pasang scrip anti copy di blog,bisa langsung di coba totorialnya sekarang
1.cope code scrip tek warna kuning ganti tek kamu
<SCRIPT language=JavaScript>
var message = "No Right Click";
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>
2.klit layout =>add a gadget => HTML/java scripvar message = "No Right Click";
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>
3.pastakan code scrip => save
4.selesai
cara masang comentar facebook di blog
cara membuat cometar facebook di blog,banyak teman-teman di facebook bertanya tentang cara membuat comentar facebook di blog,jadi sekarang aku membuat totorial tentang cara membuat comentar facebook di blog,supaya bisa membantu sedikit teman yang kesulitan.bisa langsung totrial ini seperti berikut in
1.copy code scrip
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>
<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>
3.cari code <div class='comments' id='comments'> letakan di bawanya klik save
4.ganti yang tulisan yang warna merah dengan identitas facebook dan bisa setting panjang lebar kotak comentar
cara masang sosial share di blog
cara memasang sosial share melayang di blog,bagi yang kesulitan membuat share sosial di blog.aku akan memberi sedikit tips cara memasang sosial di blog,tips ini bisa sedkit membantu bagi yang baru belajar tentang blog bisa langsung mencobanya totorial ini
1.copy code scrip
<style>
#seocipssharebtn {position:fixed; bottom:20%; left:10px; float:left; background-color:#fff;padding:0 0 2px
0;z-index:10;box-shadow:0 2px 2px #666;-webkit-box-shadow:0 2px 2px #666;border-radius:4px;-webkit-border-radius:4px;border: 1px solid #ddd;moz-animation:bawah 7s;-webkit-animation:bawah 7s;animation:bawah 7s;}
#seocipssharebtn .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
@media screen and (max-width:480px){#seocipssharebtn{display:none;}}
@-webkit-keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
@keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
</style>
<div id='seocipssharebtn' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
2.klik layout => add a gadget =>HTML/java scrip#seocipssharebtn {position:fixed; bottom:20%; left:10px; float:left; background-color:#fff;padding:0 0 2px
0;z-index:10;box-shadow:0 2px 2px #666;-webkit-box-shadow:0 2px 2px #666;border-radius:4px;-webkit-border-radius:4px;border: 1px solid #ddd;moz-animation:bawah 7s;-webkit-animation:bawah 7s;animation:bawah 7s;}
#seocipssharebtn .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
@media screen and (max-width:480px){#seocipssharebtn{display:none;}}
@-webkit-keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
@keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
</style>
<div id='seocipssharebtn' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
3.masukan scode scrip =>save
4.lihat hasil tampilannya
5.selesai
cara masang efeck cursor bintang,salju dan daun di blog
Totorial ini tentang membahas cara mempercantik blog dengan memberi sedikit variasi efeck dari cursor seperti bintang bertaburan,salju dan daun berguguguran di blog,saya akan memberi sedikit cara memasang cursor yang penuh efeck.kalau ingin mencobanya silakan tidak panjang lebar bisa langsung ke TKP
1.buka blog
2.template
3.edit template
4.cari code </head> bisa tekan CTR+F LALU letakan di atasnya </head> silakan copy code di bawah ini
efeck bintang
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>
efek daun<script src='http://misbahudin.googlecode.com/files/daun%20gugur.js'/>
efec salju<script src='http://misbahudin-dcaesga.googlecode.com/files/efek-salju.js'/>
cara bikin variasi bentuk cursor di blog
Cara ingin membuat bentuk cursor variasi di blog,bagi yang ingin merubah bentuk cursor menjadi penampilan cantik di blog ada beberapa cara bentuk variasi dan aku memberi sedikit bentuk cursor bulu ayam.bisa mencoba sekarang totorialnya seperti berikut ini
1.copy code di bawah ini
<style>HTML,BODY{cursor: url("http://i1263.photobucket.com/albums/ii623/dek_rif/Blog/otowebsieblogspotcom.png"), auto;}</style>
2.buka blog klik tempalate => Edit HTML3.cari code <head> atau bisa cari dengan tombol CTR+F lalu letakan di atasnya =>save template
4.selesai
cara bikin kotak scrip di blog
Totorial ini akan membahas cara membuat kotak penyimpanan scrip di postingan blog.totorial untuk yang baru belajar tentang blog,pasti akan kesulitan bagi pemula ingin membuat kotak penyimpanan scrip atau yang lain pda postingan.blog ini adalah akan membahas tentang belajar.jadi totorial ini sangat penting buat pemula untuk blogger.ayo langsung saja mencobanyanya dengan cara seperti berikut ini.
1.buka blog
2.klik postingan
3.klik HTML
4.pastakan scripnya
5.klik compose
6.pastakan scrip anda
bentuk-bentuk kotak
<div style="background-color: white; border: 3px #1780dd solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: auto;">
</div>
</div>
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>
text-align: left;">
.Klik Disini.</div>
Klik show untuk melihat
<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
Masukkan tulisanmu di sini
</div></div></div>
Masukkan tulisanmu di sini
cara bikin privacy policy di blog
Tapi informasi seperti ini, bisnis menghadapi tugas yang menakutkan melindungi data dan memberitahu pengunjung dan / atau pelangganapa yang dapat Anda lakukan dengan informasi tersebut. Terlepas dari apakah pengunjung situsmembaca syarat dan ketentuan, perusahaan tidak dapat mengabaikan penciptaan kebijakanmenunjukkan cara untuk menemukan informasi akan digunakan.Kebijakan Privasi dan deskriptif link.Misalnya kebijakan privasi baik ditempatkan dan linkdeskriptif.kalau mencoba bisa langsung totorialnya seperti berikut ini
1.buka http://www.privacypolicyonline.com/
2.klik generate HHTL for this page
3.copy code scrip
4.buka blog klik page =>New page
5.klik html ,pastakan code scrip klik public
6.klik view
7.tampilan
8.selesai
cara bikin contact us
totorial ini akan membahas tentang cara membuat contact us di blog.contact us yaitu sebagai sarana tempat untuk berkomunikasi dengan pengunjung.contact us sangat penting untuk sebuah blog untuk penlayanan pengunjung seperti menyampaikan pertayaan,kiritis dan lain-lain.jadi contact us sangat pening sekali apalagi
untuk berbisnes.tapi jika ingin membuat contact us bisa langsungdi coba totorialsaya seperti berikut ini
1.buka isi data http://www.foxyform.com/2.copy code
3.buka blog pilih page =>New page
4.klik HTML pastakan code scrip klik publik
5.klik view
6.hasil tampilan contact us
6.selesai
Subscribe to:
Posts (Atom)