Info Kontes Blog Review Affiliate Jejualan.com

Info Kontes Review Affiliate Jejualan.com-Hallo sobat Tb4all..
Kali ini saya akan berbagi informasi tentang Kontes Review Affiliate Jejualan.com.
Yang bagaimana kamu suruh menuliskan sebuah Review tentang toko online jejualan.com.

Berikut Detail pelaksanaan dan cara mengikuti Kontes Review Affiliate ini adalah :
Kontes Blog Review Affiliate jejualan.com

WAKTU PELAKSANAAN 
17 Januari 2013 sampai 31 Maret 2013
PENGUMUMAN PEMENANG
Rabu, 10 April 2013 di facebook.com/Jejualan .
Jadi, pastiin kamu udah Like FB nya Jejualan.

HADIAH 
Pemenang I : Samsung Galaxy Tab + Free Berlangganan jejualan.com paket GOLD selama 6 bulan + kaos Jejualan.com
Pemenang II : Handphone Samsung Galaxy Wonder + Free Berlangganan jejualan.com paket GOLD selama 6 bulan + kaos Jejualan.com
Pemenang III : Handphone Samsung Galaxy Young + Free Berlangganan jejualan.com paket GOLD selama 6 bulan + kaos Jejualan.com
Pemenang IV : Uang tunai senilai Rp 250.000 + Free Berlangganan jejualan.com paket GOLD selama 6 bulan + kaos Jejualan.com
Pemenang V : Uang tunai senilai Rp 150.000 + Free Berlangganan jejualan.com paket GOLD selama 6 bulan + kaos Jejualan.com
Pemenang VI - XV : Free Berlangganan jejualan.com paket GOLD selama 6 bulan + kaos Jejualan.com
Pemenang XVI - XXV : Kaos jejualan.com.

SYARAT DAN KETENTUAN
1. Peserta menulis sebuah artikel yang mereview tentang jejualan.com dengan tema affiliate seperti yang ada di program affiliate Jejualan.
2. Artikel yang diikutsertakan dalam lomba belum pernah dipublikasikan sebelumnya.
3. Peserta melakukan pendaftaran dengan menulis link artikel blog yang diikutkan lomba di halaman komentar Facebook yang menginformasikan Kontes Review Affiliate
di bagian paling bawah dari halaman ini.
4. Tidak ada batasan peserta pada pekerjaan, kemampuan menulis, ataupun tema blog pribadi peserta.
5. Yang menjadi penilaian adalah kualitas dan isi artikel yang diikutsertakan dalam lomba.
6. Artikel yang diikutsertakan menggunakan bahasa Indonesia. Bahasa Inggris dapat menjadi konten pelengkap.
7. Artikel harus menggunakan bahasa yang menarik dan komunikatif dengan alur yang mudah dimengerti.
8. Konten artikel tidak boleh mengandung unsur pornografi, pornoaksi, dan SARA, serta bukan hasil plagiat.
9. Panjang tulisan minimal 4 paragraf atau 1000 karakter dengan spasi dilengkapi dengan gambar/ foto.
10. Di dalam artikel yang di ikutsertakan harus memuat link ke http://jejualan.com dengan kata kunci bebas.
11. Artikel yang menjadi penilaian adalah artikel yang diposting dalam jangka waktu pelaksanaan lomba, yaitu 17 Januari 2013 sampai 31 Maret 2013 12. Artikel yang diikutsertakan boleh lebih dari satu. 13. Semua pertanyaan mengenai Kontes Review Affiliate hanya boleh diajukan melalui halaman http://facebook.com/jejualan .

KEWAJIBAN
1. Peserta wajib mencantumkan ofisial banner Kontes Review Affiliate Jejualan.com di halaman utama atau sidebar blog.
2. Peserta wajib menambahkan link http://jejualan.com sebagai teman di blogroll dengan nama “ Website toko online”.
3. Peserta wajib like Facebook Jejualan dan follow twitter @jejualan.
4. Blog yang boleh mengikuti lomba harus sudah memiliki minimal 10 posting / tulisan.
5. Setiap artikel yang diikutsertakan dalam lomba harus diberikan link di sidebar blog agar mudah dalam pencarian.

CARA PENDAFTARAN
Para peserta lomba melakukan pendaftaran dengan memasukkan link url artikel yang diikutsertakan ke kontes blog review ke form komentar FB dibagian bawah halaman ini

PENJURIAN
1. Para pemenang akan dipublikasikan di blog.jejualan.com pada tanggal 10 April 2013
2. Keputusan dewan juri adalah mutlak.
3. Tidak diperkenankan melakukan surat-menyurat baik digital (email) maupun bentuk lainnya dengan juri lomba.

PENILAIAN
1. Kualitas tulisan yang diposting.
2. Kesesuaian dengan tema, syarat, dan ketentuan lomba.
3. Pelaksanaan kewajiban peserta lomba.
4. Orisinalitas artikel yang dimuat.
5. Kreatifitas dan konsep serta ide yang membangun.
6. Kemudahan pencarian lokasi di blog BANNER Silakan pasang salah satu banner di bawah ini di blog kamu

 

<a href="http://jejualan.com/kontesblog" title="Blog Review Competition 2013" alt="Blog Review Competition 2013"><img src="http://jejualan.com/images/Image/blogreview_competition1.jpg" border="0" /></a>

 

<a href="http://jejualan.com/kontesblog" title="Blog Review Competition 2013" alt="Blog Review Competition 2013"><img src="http://jejualan.com/images/Image/blogreview_competition2.jpg" border="0" /></a>

<a href="http://jejualan.com/kontesblog" title="Blog Review Competition 2013" alt="Blog Review Competition 2013"><img src="http://jejualan.com/images/Image/blogreview_competition3.jpg" border="0" /></a>

Nah itu dia persyaratan da tetek bengek untuk mengikuti Kontes Blog Review Affiliate jejualan.com
semoga kamu mengikuti dan memenangkan lomba ini,,,
selamat bersaing bro.

Cara Mengubah Page Terbaru/Sebelumnya Menjadi Angka

             Kali ini TB4all Akan Memberitahu Bagaimana Cara Mengubah Page Terbaru/Sebelumnya Menjadi Angka,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu Cara Mengubah Page Terbaru/Sebelumnya Menjadi Angka.

Caranya :

1. Login Ke Akun Blogger Sobat
2. Pilih Rancangan > Tambah Gadget > HTML/JavaScript
3. Lalu Copy Script Dibawah dan Pastekan Ke Dalam Gadget Yang Tadi Dibuat !

Langsung Copy-Paste Script HTMLnya :

<style>.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #bbb; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #bbb; background-color:#bbb; } .showpagePoint { color:#fff; text-decoration:none; border: 1px solid #fff; background: #000; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #bbb; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333; } </style> <script type="text/javascript"> function showpageCount(json) { var thisUrl = location.href; var htmlMap = new Array(); var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/"; var isLablePage = thisUrl.indexOf("/search/label/")!=-1; var isPage = thisUrl.indexOf("/search?updated")!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; var pageCount=5; var displayPageNum=3; var firstPageWord = 'Awal'; var endPageWord = 'Akhir'; var upPageWord ='Sebelumnya'; var downPageWord ='Selanjutnya'; var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp = post.published.$t.substr(0,10); var title = post.title.$t; if(isLablePage){ if(title!=''){ if(post.category){ for(var c=0, post_category; post_category = post.category[c]; c++) { if(encodeURIComponent(post_category.term)==thisLable){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } postNum++; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } } }//end if(post.category){ itemCount++; } }else{ if(title!=''){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!='') postNum++; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } itemCount++; } } for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>'; }else{ upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; } }else{ upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; } fFlag++; } if(p==(thisNum-1)){ html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>'; }else{ if(p==0){ if(isLablePage){ html = labelHtml+'1</a></span>'; }else{ html += '<span class="showpageNum"><a href="/">1</a></span>'; } }else{ html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>'; } } if(eFlag ==0 && p == thisNum){ downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; eFlag++; } }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p< htmlMap.length;p++){ if(thisNum>1){ if(!isLablePage){ html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; }else{ html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; } } html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html; if(thisNum<(postNum-1)){ html += downPageHtml; html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>'; } if(postNum==1) postNum++; html += '</div>'; if(isPage || isFirstPage || isLablePage){ var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; } } } </script> <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://tb4all.blogspot.com/"></a><a href="http://tb4all.blogspot.com/">All About Tutorial</a></div>

4. Jika Sudah Save dan Lihat Apa Yang Terjadi ^_^ 10000% SUKSES

Selesai Sudah Tutorial Dari TB4all Cara Mengubah Page Terbaru/Sebelumnya Menjadi Angka, Terima Kasih Sudah Berkunjung dan Menbaca Artikel Blog Kami ^_^ Jangan Lupa Follow Atau Tinggalkan Sebuah Komentar :D

Cara Membuat Label Cloud Berputar Serti Bola Dunia

          Kali ini TB4all Akan Memberitahu Bagaimana Cara Membuat Label Cloud Berputar Serti Bola Dunia,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu Cara Membuat Label Cloud Berputar Serti Bola Dunia.

Caranya :
1. So Pasti Login Akun Blogger Sobat
2. Pilih Rancangan > Edit HTML > Centang  Expand Template Widget.
3. Cari Kode <b:section class='sidebar' id='sidebar' preferred='yes'> Pake Ctrl+F
4. Jika Sudah Ketemu Copy Script Dibawah dan Paste Kan Dibawah Kode <b:section class='sidebar' id='sidebar' preferred='yes'> Pake Ctrl+F

Langsung Copy-Paste Script HTMLnya :

<b:widget id='Label100' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2></b:if> <div class='widget-content'> <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/> <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div><script type='text/javascript'> var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='18'><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit'/> </div></b:includable> </b:widget>

5. Jika Sudah Simpan Template dan Lihat Apa Yang Terjadi :D

Terima Kasih Sudah Membaca dan Berkunjung Ke Artikel dan Blog Kami, Jangan Lupa Follow dan Comment Ya :D

Cara Memasang Widget Total Post dan Komen

            Kali ini TB4all Akan Memberitahu Bagaimana Cara Memasang Widget Total Post dan Komen,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu  Cara Memasang Widget Total Post dan Komen .

Caranya : 

1. Yang Pasti Login Ke Akun Blogger Sobat

2. Pilih Rancanagn > Tambah Gadget > HTML/JavaScript
3. Copy Script Dibawa dan Paste kan Kedalem Gadget Yang Tadi Di buat. 

Langsung Copy-Paste Script HTMLnya :
Script Yang Ini Jika Total Post dan Komentnya Ingin Dibuat Berjalan (Marquee)
<script style="text/javascript"> function numberOfPosts(json) { document.write('<marquee>Total Posts : <b>' + json.feed.openSearch$totalResults.$t + '</b> ~ '); } function numberOfComments(json) { document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b></marquee>'); } </script> <script src="www.tb4all.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script> <script src="www.tb4all.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script> <b>Get this Widget from <a target="_blank" href="http://tb4all.blogspot.com/">here!!!</a></b>

Ganti www.tb4all.blogspot.com dengan URL Blog Sobat Sendiri !
Jika Sobat Ingin Membuatnya Berjajar Doang Hapus Kode <marquee> dan </marquee>

Script Yang Ini Jika Total Post dan Komentnya Ingin Secara Berurut Kebawah
Langsung Copy-Paste Script HTMLnya :

<script style="text/javascript"> function numberOfPosts(json) { document.write('<ul><li>Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b></li>'); } function numberOfComments(json) { document.write(' <li>Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b></li></ul>'); } </script> <ul><li><script src="www.tb4all.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li><li><script src="www.tb4all.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul><b>Get this Widget from <a target="_blank" href="http://tb4all.blogspot.com/">here!!!</a></b>

Ganti www.tb4all.blogspot.com dengan URL Blog Sobat Sendiri !

Jika Sobat Ingin Menanpilkan Total Post, Koment dan Online Reader !
Langsung Copy-Paste Script HTMLnya :

<script style="text/javascript"> function totalPosts(json) { document.write('Stories: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>'); } function totalComments(json) { document.write('Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>'); } </script> <script src="URL BLOG KAMU/feeds/posts/default?alt=json-in-script&callback=totalPosts"></script> <script src="URL BLOG KAMU/feeds/comments/default?alt=json-in-script&callback=totalComments"></script> <p style="margin-top: 0; margin-bottom: 0"><table border="0" bordercolor="#111111" id="AutoNumber1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%"><tr> <td width="35%"> Online Readers:</td> <td width="65%"><p style="margin-top: 0; margin-bottom: 0"><b><script src="http://fastonlineusers.com/on3.php?d=URL BLOG KAMU" type="text/javascript"></script></b></p></td> </tr></table></p><script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-4679235-4"); pageTracker._trackPageview(); } catch(err) {}</script> <b>Get this Widget from <a target="_blank" href="http://tb4all..blogspot.com/">here!!!</a></b>

Jangan Lupa Ganti www.tb4all.blogspot.com dengan URL Blog Sobat Sendiri !

4. Jika Sobat Sudah Milih Script Mana Yang Mau di Pake Tinggal Save Template dan Liat Apa Yang Terjadi.

Sumber

Ya Sekian Dulu Tutorial Tentang Cara Memasang Widget Total Post dan Komen, Terma Kasih Sudah Membaca Artikel Kami :D 

Cara Memasang Animasi Berputar Di Cursor Mouse

              Kali ini TB4all Akan Memberitahu Bagaimana Cara Memasang Animasi Berputar Di Cursor Mouse,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu Cara Memasang Animasi Berputar Di Cursor Mouse.

Caranya : ====>>> DEMO

1. Login Ke Akun Blogger Sobat
2. Pilih Rancanagn > Tambah Gadget > HTML/JavaScript
3. Copy Script Dibawah dan Paste kan Kedalam Gadget Yang Tadi Dibuat!

Langsung Copy-Paste Script HTMLnya :

<script language="JavaScript" type="text/javascript"> var xCol = "#FF0000"; var yCol = "#24ED12"; var zCol = "#0000FF"; var n = 6; //number of dots per trail. var t = 40; //setTimeout speed. var s = 0.2; //effect speed. var r,h,w; var d = document; var my = 10; var mx = 10; var stp = 0; var evn = 360/3; var vx = new Array(); var vy = new Array(); var vz = new Array(); var dy = new Array(); var dx = new Array(); var pix = "px"; var strictmod = ((document.compatMode) && document.compatMode.indexOf("CSS") != -1); var domWw = (typeof window.innerWidth == "number"); var domSy = (typeof window.pageYOffset == "number"); var idx = d.getElementsByTagName('div').length; for (i = 0; i < n; i++) { var dims = (i+1)/2; d.write('<div id="x'+(idx+i)+'" style="position:absolute;' +'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+xCol+';font-size:'+dims+'px"><\/div>' +'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;' +'left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+yCol+';font-size:'+dims+'px"><\/div>' +'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;' +'left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+zCol+';font-size:'+dims+'px"><\/div>'); } if (domWw) r = window; else { if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0) r = d.documentElement; else { if (d.body && typeof d.body.clientWidth == "number") r = d.body; } } function winsize() { var oh,sy,ow,sx,rh,rw; if (domWw) { if (d.documentElement && d.defaultView && typeof d.defaultView.scrollMaxY == "number") { oh = d.documentElement.offsetHeight; sy = d.defaultView.scrollMaxY; ow = d.documentElement.offsetWidth; sx = d.defaultView.scrollMaxX; rh = oh-sy; rw = ow-sx; } else { rh = r.innerHeight; rw = r.innerWidth; } h = rh; w = rw; } else { h = r.clientHeight; w = r.clientWidth; } } function scrl(yx) { var y,x; if (domSy) { y = r.pageYOffset; x = r.pageXOffset; } else { y = r.scrollTop; x = r.scrollLeft; } return (yx == 0)?y:x; } function mouse(e) { var msy = (domSy)?window.pageYOffset:0; if (!e) e = window.event; if (typeof e.pageY == 'number') { my = e.pageY - msy + 16; mx = e.pageX + 6; } else { my = e.clientY - msy + 16; mx = e.clientX + 6; } if (my > h-65) my = h-65; if (mx > w-50) mx = w-50; } function assgn() { for (j = 0; j < 3; j++) { dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) + scrl(0) + pix; dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix; } stp+=s; for (i = 0; i < n; i++) { if (i < n-1) { vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left; vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left; vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left; } else { vx[i].top = dy[0]; vx[i].left = dx[0]; vy[i].top = dy[1]; vy[i].left = dx[1]; vz[i].top = dy[2]; vz[i].left = dx[2]; } } setTimeout(assgn,t); } function init() { for (i = 0; i < n; i++) { vx[i] = document.getElementById("x"+(idx+i)).style; vy[i] = document.getElementById("y"+(idx+i)).style; vz[i] = document.getElementById("z"+(idx+i)).style; } winsize(); assgn(); } if (window.addEventListener) { window.addEventListener("resize",winsize,false); window.addEventListener("load",init,false); document.addEventListener("mousemove",mouse,false); } else if (window.attachEvent) { window.attachEvent("onload",init); document.attachEvent("onmousemove",mouse); window.attachEvent("onresize",winsize); } </script>

4. Jika Sudah Di Copy-Paste Pindahkan Gadget Yang Baru Dibuat ini Ke Tempat Yang Kosong,
5. Jika Sudah Linggal Save dan Lihat Hasilnya Taraaaa :D

NB :  var xCol = "#FF0000";
    var yCol = "#24ED12";
    var zCol = "#0000FF";
    Kode Yang Berwarna Merah Adalah Warna Animasi Berputar Pada Cursor!    
    Kode Warna Ini Dapat Diganti Dengan Warna Kesukaan Sobat :D

Sekian Dulu Ya Artikel Tentang Cara Memasang Animasi Berputar Di Cursor Mouse, 

Semoga Bermanfaat :D

Jika Sobat Mengalami Kesulitan Dalam Mengerjakannya Sobat Bisa Bertanya Kepada Kami Melalui Kontak Komentar.

Mohon Maaf Bila Ada Kesalahan Terhadap Script Mohon DiBeritahukan Kami Akan Selalu Membantu.

Cara Menghilangkan Border Image atau Garis Pinggir Gambar Pada Blog

Kamu tau Border Image? border itu adalah garis pinggir pada sebuah blog / website yang terlihat seperti bingkai biasa, biasanya border pada sebuah gambar tampak karna pengaturan bordernya blum di matikan / OFF, dan biasanya Border Image atau Garis Tepi pada gambar tidak ekspresif yang membuat gambar itu tidak menawan ? dan biasanya border pada gambar itu menggangu bukan ? kalau mengganggu ini nih caranya biar bordernya gak ada.

Ikuti Cara Berikut :

1. Kamu login dulu ke akun blog kamu biar bisa edit HTMLnya di Blogger.com /
Blogspot.com .

2. Terus kamu masuk ke bagian "Edit HTML" Caranya : Dasbor Blog --> 

Rancangan --> Edit HTML, udah tau kan ? kalau udah lanjut langkah ke-3 !

3. Cari kode di bawah ini :

.post-body img

4. biasanya si kode itu tampil seperti ini :

.post-body img{ border:1px solid #666; margin:5px}

5. kalau udah ketemu kamu ganti tulisan yang berwarna merah menjadi none .
6. Langkah Terakhir kamu hanya tinggal klick tombol save lalu liat hasilnya.

  Look semua border pada gambar di blog ilang semua it's magic ... you know ... dan terlihat menawan bukan ? tapi bukan berarti blog yang gambarnya ada border itu tidak menawan, border pada gambar itu di sesuaikan dengan design templatenya Ya .

Cara Mencegah Copy/Paste Artikel Blog

Assalamu'alaikum Wr, Wb. Hey blog kamu pasti ada yang pernah di Copy/Paste ya pasti Artikelnya ? terus gak di kasih sumbernya kan ? gini TB4all punya satu trik biar blog kamu BISA ( gak bisa ) di Copy/Paste. Caranya gampang kok gampang banget, kamu hanya tinggal menambahkan satu group script di HTML blog kamu, mau tau caranya ? langsung aja nih!

Cara Mencegah Copy/Paste Artikel Blog

1. Kamu login dulu ke akun blog kamu biar bisa edit HTMLnya di Blogger.com / 

    Blogspot.com .

2. Terus kamu masuk ke bagian "Edit HTML" Caranya : Dasbor Blog --> 

    Rancangan --> Edit HTML, udah tau kan ? kalau udah lanjut langkah ke-3 !

3. Kamu cari kode </head> pada HTML blog kamu, biar lebih cepat untuk  

    mencarinya kamu bisa gunakan "CTRL + F" lalu masukan kode/text yang  

    ingin di cari.

4. Jika sudah ketemu kamu simpan 'script' di bawah ini tepat di atas kode 

    </head> , Copy/Paste :

<script type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</script>

5. Langkah Terakhir kamu hanya tinggal klick tombol save lalu liat hasilnya.

  Nah jika suatu saat orang yang gemar mengCopy/Paste Artikel blog kamu ingin mengCopy/Paste beberapa artikel blog kamu itu, sudah tidak bisa soalnya tombol mouse sebelah kanan yang biasanya digunakan untuk mengCopy/Paste Artikel akan dinonaktifkan (disable).

Cara Membuat Floating Share Button

       

     Assalammu'alaikum Wr.Wb | Kali ini TB4all Akan Memberitahu Bagaimana Cara Membuat Floating Share Button,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu Cara Membuat Floating Share Button. dan Sebelumnya Maaf Ya Baru Share Tutorial Lagi :D

Jadi Caranya :

Pertama : Yang Paling Penting Login Akun Blogger Sobat !

Kedua   : Pilih Desaign/Rancangan ==> Add Gadget ==> 

          HTML/JavaScript.

Ketiga  : Pilih Warna Share Button Yang Sobat Inginkan !

Silver :

                  <style type='text/css'>#sharebutton {background:#aaa;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa));background:-moz-linear-gradient(top, #f2f2f2, #aaa);border:1px solid #808080;position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #sharebutton .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;} </style><div id='sharebutton'><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='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></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='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.tb4all.blogspot.com" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

RED :

                  <style type='text/css'>#sharebutton {background:#C12424;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F54F4F), color-stop(1, #C12424));background:-moz-linear-gradient(top, #F54F4F, #C12424);border:1px solid #B31919;position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #sharebutton .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;} </style><div id='sharebutton'><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='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></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='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.tb4all.blogspot.com" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

BLUE :

                   <style type='text/css'>#sharebutton {background:#295698;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3980E6), color-stop(1, #295698));background:-moz-linear-gradient(top, #3980E6, #295698);border:1px solid #1E4A8A;position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #sharebutton .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;} </style><div id='sharebutton'><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='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></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='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.tb4all.blogspot.com" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

BLACK :

                   <style type='text/css'>#sharebutton {background:#333;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #656565), color-stop(1, #333));background:-moz-linear-gradient(top, #656565, #333);border:1px solid #222;position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #sharebutton .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;} </style><div id='sharebutton'><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='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></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='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.tb4all.blogspot.com" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>
KeEmpat : Jika Sobat Sudah Memilih Warnanya Sobat Tinggal Copy-Paste Ke Dalam Gadget Yang
                    Dadi Di Buat !

Selesai dan Selamat Mencoba ^_^

Ket. Jika Sobat Tidak Mendapatkan Warna Yang Di Inginkan Sobat Tinggal Ganti Kode Warnanya Menjadi Warna Yang Sobat Inginkan !

Terima Kasih Sudah Berkunjung dan Membaca Artikel Kami Semoga Bermanfaat. Wassalam

Jika Sobat Ada Yang Tidak Mengerti Silahkan Comment, dan Kami Akan Menjelaskannya Lebih Jelas Lagi ^_^.

Sekali Lagi Selamat Mencoba ^_^

Top Menu Slider Dengan Effect CSS3

Top Menu Slider Dengan Effect CSS3

Scriptnya Saya Simpan Sudah Dengan Tempat Peletakan Scriptnya Jadi Sobat Tinggal Copy/Paste Pada Tempat Yang Semestinya :D, Dan Juga Sobat Bisa Langsung Copy/Paste Semua Scriptnya Dan Simpan Di Gadget HTML/Java Script Pada Blog Sobat :D

DEMO

Ini Dia Scriptnya :

<head>
<style> 
a { text-decoration: none; 
color: #2e2e2e; 
} 
body { 
 background: #2e2e2e;
 margin: 0; 
 padding: 0; 
} 

ul { 
 font-family: Helvetica, Arial, sans-serif; 
 list-style: none; 
 margin: 0; 
 padding: 12px 0; 
 text-align: center; 
} 

ul li { 
 color: #fff; 
 font-size: 10px; 
 letter-spacing: 2px; 
 padding: 12px 0; 
 text-transform: uppercase; 
} 

#menu { 
 background: #222; 
 display: none; 
 width: 100%; 
} 

#bar { 
 background: #eee; 
 box-shadow: 0 0 5px #000; 
 -mox-box-shadow: 0 0 5px #000; 
 -webkit-box-shadow: 0 0 5px #000;
 height: 50px; 
 width: 100%; 
} 

h1 { 
 font-family: Helvetica, Arial, sans-serif; 
 font-size: 12px; 
 font-style: bold; 
 letter-spacing: 4px; 
 margin: 0; 
 padding: 18px; 
 text-align: center; 
 text-transform: uppercase; 
}

</style>
</head>
<body>
<div id="menu">
<ul>
<a href="#"><li>Home</li></a>
<a href="#"><li>Services</li></a>
<a href="#"><li>Work</li></a>
<a href="#"><li>Contact</li></a>
</ul>
</div>

<div id="bar">
<a href="#"><h1>Menu</h1></a>
</div>
   
<script>
$(document).ready(function(){
$("#bar a").click(function(){ 
          event.preventDefault();
$("#menu").slideToggle("slow");
});
});
    </script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
</body>

DEMO

NB.
  Bila Ada Yang Ingin Ditanyakan Silahkan Komentar Di Postingan Ini Atau Bisa Lewat Email : nurmansyahrully@gmail.com , Facebook : facebook.com/ggeessbbooll , Twitter : @RullyMNH , Selamat Mencoba Dan Selalu Sukses Untuk Kalian Semua :D

Cara Mendapatkan Domain Gratis

Lagi Wisata Di Facebook ehhh ada Tautan Friend Yang Isinya Domain Gratis Ane Coba Dan Berhasil :D

1.Register dulu ke Intuit Register

2. Lalu masuk ke intuit >> Getting Started ( Bagian Ini Di Selesaikan Semua Biar Cepet Di approve nya )



3. Isikan Nama Domain anda




Lalu Klik "Get Domain"

4.Setelah itu Isi Form >> Klik Save & Continue



5.Setelah itu Jangan centang "Yes (Recomended), dan centang I agree



6. Nanti Akan Muncul Form Lagi, nah silahkan anda isi




Pada Billing Information
Kalian Isi
"Name On Card" = Terserah
"Card type" = Visa
"Credit Card Number" = 4067424205414109

"Expiration Date" = 02/2013
"Card Security Number" = 145
Lalu Kalian klik "Purchase"

Update Creadit Card Number:
-4715630003689017
Update Card Security Number:
-905
Update Expiration Date:
-01/2015


7. Domain Akan Aktif Kurang lebih 3-4 Jam

Karena Dengan Cara Credit Card Masih Blom Bisa Jadi Kita Pakai Cara Bypass Saja :D

Kan Udah Punya Akunnya Tuh ?
Nah, Untuk Bypass Domainnya Silahkan Kesini, Bypass Domain 
User : black4rt.us
Password : black4rt.us

Lalu Masukan Data2nya Dan Submit Dah Domainnya Dan Domain Akan Di Konfirmasi Kurang Lebih 24 Jam :D

Cara Membuat Widget Alexa Rangking Di Blog

Cara Membuat Widget Alexa Rangking Di Blog, Tutorial Cara Membuat Widget Alexa Rangking Di Blog, Membuat Widget Alexa Rangking Di Blog, Widget Alexa Rangking Di Blog, Cara Membuat Widget Alexa Rangking Pada Blog, Cara Membuat Widget Alexa Rangking Pada Blogspot, Cara Membuat Widget Alexa Rangking Pada Blogger, Cara Membuat Widget Alexa Rangking Di Blog Dengan Mudah, How To Make  Widget Alexa Rangking On Blog

Langsung Aja Ke Tutorialnya :

Caranya :

1. Login Ke Akun Blogger Sobat

2. Masuk Ke Tataletak

3. Buat Gadget dan Pilih HTML/Java Script

4. Buka Tab Baru Pada Browser dan Masuk Ke alexa.com

5. Masukan URL Blog Sobat Lalu Enter.

6. Klick Get Details, Lalu ada Menu Ged Widget Klick!

7. Lalu Klick Build Widget

8. Nanti Ada 3 Pilihan Bentuk Widgetnya Lalu Copy/Paste Script Widgetnya Ke dalam Dadget HTML/Java Script Yang Tadi Di Buat, Save Dan Liat Hasilnya :D

Selamat Mencoba ^_^

Cara Membuat Effect Pop Up Pada Gambar/Foto Di Blog

---

Cara Membuat Effect Pop Up Pada Gambar, Membuat Effect Pop Up Pada Gambar, Effect Pop Up Pada Gambar, Effect Pop Up Untuk Gambar, Tutorial Cara Membuat Effect Pop Up Pada Foto, Effect Foto, Foto Effect, Pop Up Effect, Edit Foto, Cara Membuat Effect Pop Up Pada Foto, Membuat Effect Pop Up Pada Foto, Effect Pop Up Pada Foto, Effect Pop Up Untuk Foto Dengan Simple Dan Mudah Di Pahami

Effect Pop Up Untuk Gambar/Foto Ini Bisa Juga Di Gunakan Untuk Membuat Gallery Foto.
Langsugn Aja Dah Ke Tutorialnya.

Caranya :

1. Login Ke Akun Blogger Sobat

2. Buat Postingan/Entry Baru

3. Beri Judul ( Jika Ingin Membuat Gallery Foto )

4. Lalu Copy/Paste Script Di Bawah Ke Dalam Page HTML :

---

<style>

.thumbnail{
position: relative; 
z-index: 0; 
}

{
background-colo
.thumbnail:hove
rr: transparent;
z-index: 50;
}

uk gambar pop up*/
position: absolute;
background-c
.thumbnail span{ /*aturan css un
tolor: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
 up*/
border-width:
visibility: hidden;
}

.thumbnail span img{ /*aturan css untuk gambar po
p 0;
padding: 2px;
}

 /*aturan css untuk gambar pop up pada saat hover*/
visibility: visible;
.thumbnail:hover span
{top: 0;
left: 60px; /*posisi dimana gambar pop up akan diletakkan secara horizontal */

}
</style>

---

5. Jika Sudah Tambahkan Lagi Script HTMLnya Di Bawah Script Yang Tadi Di Kopas :

---

<a class="thumbnail" href="Link Tujuan Gambar"><img src="Link Foto Pertama Yang Kecil" width="100px" height="66px" border="0" /><span><img src="Link Foto Kedua Yang Besar" /><br />Beautifulness of Bali, Indonesia</span></a>

a class="thumbnail" href="Link Tujuan Gambar"><img src="Link Foto Pertama Yang Kecil" width="100px" height="66px" border="0"/><span><img src="Link Foto Kedua Yang Besar" /><br />Bali beautiful sunset</span></a>

---

6. Save Dan Lihat Hasilnya :D

Selamat Mencoba dan Berkreasi ^_^

Jika Tidak Ada Yang Di Mengerti Bisa Tinggalkan Komentar Di Postingan Ini :D dan Insyaallah Saya Bisa Membantu :D

Cara Membuat Gallery Foto Di Blog Dengan CSS

---

Gallery Foto, Foto Gallery, Cara Membuat Foto Gallery, Cara Membuat Gallery Foto, Cara Membuat Gallery, Tutorial Membuat Gallery Foto, Tutorial Membuat Foto Gallery, Cara Membuat Gallery Foto Di Blog, Cara Membuat Gallery Foto Dengan, Cara Membuat Foto Gallery Di Blogspot Dengan Mudah.

Contoh/Example :

• 
• 
• 
• 
• 
• 
• 

Langsung Saja Masuk Ke Intinya Ok :D:

1. Login Ke Akun Blogspot/Blogger Sobat,

2. Buat Postingan/Entry Baru Untuk Membuat Gallery Foto Blog Sobat,

3. Jika Sudah Membuat, Beri Judul Dengan Judul Yang Anda Inginkan,

4. Masuk Ke Bagian HTML, Lalu Copy/Paste Script Didalam Kotak Note Di Bawah Ke Dalam Bagian HTML Postingan Anda :

CSS Code :

<style>#gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:400px; height:425px; border:1px solid #888; background:#fff url(images/image6.jpg) } #gallery li { float:left; } #gallery li a { display:block; height:30px; width:400px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img { width:400px; height:30px; border:0; } #gallery li a:hover { background:#eee; height:239px; } #gallery li a:hover img { height:239px; } </style>

5. Jika Sudah Enter 1X dan Masukan Kode HTML Di Bawah :

HTML Code :

	<ul id="gallery">
	<li><a href="Link Tujuan Foto">
	<img src="Link Foto Yang Ingin Dimasukan" alt="#1" title="Foto1" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src=" Link Foto Yang Ingin Dimasukan " alt="#2" title="Foto2" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src=" Link Foto Yang Ingin Dimasukan " alt="#3" title="Foto3" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src=" Link Foto Yang Ingin Dimasukan " alt="#4" title="Foto4" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src="Link Foto Yang Ingin Dimasukan " alt="#5" title="Foto5" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src=" Link Foto Yang Ingin Dimasukan " alt="#6" title="Foto6" /></a></li>
	<li><a href=" Link Tujuan Foto ">
	<img src=" Link Foto Yang Ingin Dimasukan " alt="#7" title="Foto7" /></a></li>
	</ul>
	6. Simpan Postingan/Entry Dan Sobat Tinggal Buat Menu Navigasi Yang Mengarah Ke Postingan Yang Di Buat Itu :D. Sekian Dulu Tutorial Hari Ini Dari Saya Mohon Maaf Bila Kurang Di Mengerti dan Jika Ada Yang Tidak Di Mengerti Bisa Komentar Saja dan Insyaallah Saya Bisa Membantunya :D Selamat Mencoba ^_^