Happy Reading ^_^: Widget Blog

Showing posts with label Widget Blog. Show all posts

Saturday, February 16, 2013

Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog

Assalamualaikum Wr. Wb.

Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog | Kali ini Blog Ariflaw akan sedikit meberikan Tips dan Cara Memasang Iklan Melayang di Sebelah Kanan dan Sebelah Kiri Blog keren. Nah kalian pasti udah pernah liatkan Blog yang memasang Iklan di Samping kana dan Kiri Blog. Biasanya jenis penempartan Iklan ini adalah jenis yang paling Mahal dari beberapa Tempat yang ada di blog.

Kenapa paling mahal !! yah tau sendirikan iklan ini akan selalu tampil di semua Halaman yang pengunjung buka, nga cuman di home doang. Trus jenis tempat iklan ini juga bisa mengikuti Scroll dari Brouser, jadi mau di atas blog ataupun di bawah Blog ikan ini akan selalu tampil sesuai dengan ukuran dan Bentuknya. Seperti ini niee kira-kira contohnya.

Contoh Pemasangannya di Blog Dummy Saya

Nahh gimana tuh udah ada gambaran !! oh yaa scrip ini ada tombol Closenya Lo, jadi kalo pengunjung nga suka kan mereka tinggal Close aja. hee hebat kan. Tertarik buat masang di blog, siapa tau setelah masang space iklannya ada Advister yang minat hee..

Berikut adalah Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog :

Kita masuk Ke Blogger terlebih dahulu.

Kalo udah kita ke Menu Tata Letak.

Pilih Tambahkan Gadged.

Pilih yang HTML/Java Scrip.

Setelah itu tambahkan Kode Html di bawah ini:

<script type='text/javascript'>
    $(document).ready(function() {
    $('img#closed').click(function(){
    $('#btm_banner').hide(90);
    });
    });
    </script>
    <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
    </script><script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('headEnd');
    </script>
    
    <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">
    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNgxwwIXZrHm4rPZbAJnuErwsWA2o8eI-_BIM7YvFlhcwxp88R6Rur0uM-nbwefpQxEaNjMDVMwbQRwK8nUPsO_Eq-F7JfMNEdaBeSupVqHIQKmFt8LG3i_lnxsutdITZyiUAqJN2EXnzo/s1600/PhoXo2.png'/></center></a></div>
    

Scrip Iklan tarus di sini

    
    </div>
    
    
    <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">
    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNgxwwIXZrHm4rPZbAJnuErwsWA2o8eI-_BIM7YvFlhcwxp88R6Rur0uM-nbwefpQxEaNjMDVMwbQRwK8nUPsO_Eq-F7JfMNEdaBeSupVqHIQKmFt8LG3i_lnxsutdITZyiUAqJN2EXnzo/s1600/PhoXo2.png'/></center></a></div>
    

scrip iklan kalian taruh di sini

    
    </div>

Nahh Kalo udah dimasukin Tinggal Di Save dahh.

Masih binggung gimana cara pasangnya... nahh niee saya kasih Contoh pemasangannya di blog saya :

Ini Adalah Contoh Scrip Pemasangan Ikan Melayang Di Blog Saya

<br /><script type='text/javascript'>    $(document).ready(function() {     $('img#closed').click(function(){     $('#btm_banner').hide(90);     });     });     </script><br />    <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};     </script><script type="text/javascript">    if (window.jstiming) window.jstiming.load.tick('headEnd');     </script><br />    <br />    <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNgxwwIXZrHm4rPZbAJnuErwsWA2o8eI-_BIM7YvFlhcwxp88R6Rur0uM-nbwefpQxEaNjMDVMwbQRwK8nUPsO_Eq-F7JfMNEdaBeSupVqHIQKmFt8LG3i_lnxsutdITZyiUAqJN2EXnzo/s1600/PhoXo2.png'/></center></a></div><br />    <br /><br /><script language="javascript" src="http://www.cpmfun.com/getad.php?39390;69348;160x600"></script><br /><br />    <br /><br />    </div><br />    <br />    <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNgxwwIXZrHm4rPZbAJnuErwsWA2o8eI-_BIM7YvFlhcwxp88R6Rur0uM-nbwefpQxEaNjMDVMwbQRwK8nUPsO_Eq-F7JfMNEdaBeSupVqHIQKmFt8LG3i_lnxsutdITZyiUAqJN2EXnzo/s1600/PhoXo2.png'/></center></a></div><br />    <br /><script language="javascript" src="http://www.cpmfun.com/getad.php?39390;69348;160x600"></script><br />    <br />    </div>

Demikian apa yanb bisa saya sampiakan mengenai Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog, cari juga Tips Blog yang lain di Daftar isi. Bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih saya ucapkan dan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Monday, February 11, 2013

Cara Membuat Buku Tamu Melayang di Blog yang Bagus

Assalamualaikum Wr. Wb

Cara Membuat Buku Tamu Melayang di Blog yang Bagus | Nahh pada kesempatan yang baik ini saya mencoba menyajikan sebuah Tutorial yang mungkin udah biasa ada, dan saya juga rewrite dengan bahasa saya, bahasa anak Blogger gitu lohh hee.. Yahh biar lebih komunikatif dan mungkin lebih menarik jika saya yang menyampaikannya hee..

Apa sihh yang akan saya sampikan, heee kan udah ada tuhh di atas.. hee Cara Membuat Buku Tamu Melayang di Blog yang Bagus. Yappp bener banget tuh, di sini nanti saya akan memberikan Trutorial Blog yang lumanyan simpel tapi hasilnya Luar biasa bagusnya hee..

Tampilan Button Buku Tamu

Siapa sih yang nga tau Guest Book atau Buku Tamu ?? Buku tamu ini adalah Widget yang wajib ada buat blogger-blogger yang suka dengan Blogwakling, termasuk saya hee. Tapi karna saya udah jarang Online dan juga udah mualai banyak mengurus Blog jadi Aktivitas Blogwalking saya, tak kurangi hee. Maaf yaa buat temen -temen blogger yang udah mampir ke sini, tapi saya nga mampir ke tempat kalian. Sekali lagi Maaf yaa.

Oke udah.. sekarang kita masuk Ke Trutorial Cara Membuat Buku Tamu Melayang di Blog yang Bagus, emang sebagus apa sihh sampe-sampe di recomen. Nihh saya kasih sedikit gambaran yeee.

Tampilan Buku Tamu Melayangnya

Gimana keren nga tuh?? Pasti keren donk dengan tampilan dan efek yang keren bikin betah dehhh buat selalu ngisi Buku Tamunya hee.

Pengin tau cara buatnya, yukk kita simak sama-sama.. jangan sampai kelewatan yaa nanti malah nga jadi hee biar nga banyak pertanyaan he. Oke deh berikut adalah Cara Membuat Buku Tamu Melayang di Blog yang Bagus :

Kita masuk Ke Blogger terlebih dahulu.

Kalo udah kita ke Menu Tata Letak.

Pilih Tambahkan Gadged.

Pilih yang HTML/Java Scrip.

Setelah itu tambahkan Kode Html di bawah ini:

<-- Start Shoutbox light effect by Kiss -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
$(document).ready(function() {
//select all the a tag with name equal to modal
$('a[name=modal]').click(function(e) {
//Cancel the link behavior
e.preventDefault();
//Get the A tag
var id = $(this).attr('href');
//Get the screen height and width
var semahHeight = $(document).height();
var semahWidth = $(window).width();
//Set heigth and width to semah to fill up the whole screen
$('#semah').css({'width':semahWidth,'height':semahHeight});
//transition effect
$('#semah').fadeIn(1000);
$('#semah').fadeTo("slow",0.8);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
//transition effect
$(id).fadeIn(2000);
});
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#semah').hide();
$('.window').hide();
});
//if semah is clicked
$('#semah').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>
<style>a {color:#ffffff; text-decoration:none}
img { border: none; }
#semah {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#wadah .window {
position:fixed;
left:0;
top:0;
width:450px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}
#wadah #kid53 {
background:url(http://i809.photobucket.com/albums/zz15/yuda03/REDGUESTBOOK.png) no-repeat 0 0 transparent;
width:265px;
height:460px;
padding:56px 0 20px 5px;
}
#tutupan {
padding:2px 0 0 0;
}
</style>
<ul><center> <a href="#kid53" name="modal"><img src="http://i809.photobucket.com/albums/zz15/yuda03/shoutboxtabRED.png" border="0" width="158" height="58" /></a> </center> </ul>
<div id="wadah">

<div id="kid53" class="window">

Taruh Kode GuesBook Di sini

<div id="tutupan"><input type="button" value="Close" class="close" /><a style=" float:center; font-size:10px; color:#3B78CD; text-decoration:none;" href="http://ariflaw.blogspot.com">Blogger Tutorials</a>

</div></div>
<div id="semah"></div></div>

Nahh Kalo udah dimasukin Tinggal Di Save dahh.

Masih binggung gimana cara pasangnya... nahh niee saya kasih Contoh pemasangannya di blog saya :

Ini Adalah Contoh Pemasangan Widget Buku Tamu Melayang Di Blog Saya

<br /><script type="text/javascript"  src="http://code.jquery.com/jquery-latest.pack.js"></script><br /><script>$(document).ready(function() { //select all the a tag with name equal to modal $('a[name=modal]').click(function(e) { //Cancel the link behavior e.preventDefault(); //Get the A tag var id = $(this).attr('href'); //Get the screen height and width var semahHeight = $(document).height(); var semahWidth = $(window).width(); //Set heigth and width to semah to fill up the whole screen $('#semah').css({'width':semahWidth,'height':semahHeight}); //transition effect $('#semah').fadeIn(1000); $('#semah').fadeTo("slow",0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); //Set the popup window to center $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); //transition effect $(id).fadeIn(2000); }); //if close button is clicked $('.window .close').click(function (e) { //Cancel the link behavior e.preventDefault(); $('#semah').hide(); $('.window').hide(); }); //if semah is clicked $('#semah').click(function () { $(this).hide(); $('.window').hide(); }); }); </script><br /><style>a {color:#ffffff; text-decoration:none} img { border: none; } #semah { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; } #wadah .window { position:fixed; left:0; top:0; width:450px; height:200px; display:none; z-index:9999; padding:20px; } #wadah #kid53 { background:url(http://i809.photobucket.com/albums/zz15/yuda03/REDGUESTBOOK.png)  no-repeat 0 0 transparent; width:265px; height:460px; padding:56px 0 20px 5px; } #tutupan { padding:2px 0 0 0; } </style><br /><ul><center><a href="#kid53" name="modal"><img  src="http://i809.photobucket.com/albums/zz15/yuda03/shoutboxtabRED.png"  border="0" width="158" height="58" /></a>  </center></ul><div id="wadah"><br /><div id="kid53" class="window"><br /><div style="text-align: center;"><iframe  allowtransparency="yes" frameborder="3" height="250"  id="cboxmain5-816248" marginheight="2" marginwidth="2"  name="cboxmain5-816248" scrolling="auto"  src="http://www5.cbox.ws/box/?boxid=816248&boxtag=jz5q4a&sec=main"  style="border: #ababab 1px solid;"  width="250"></iframe></div><div><br /><div style="text-align: center;"><br /><iframe allowtransparency="yes" frameborder="0" height="95"  id="cboxform5-816248" marginheight="2" marginwidth="2"  name="cboxform5-816248" scrolling="no"  src="http://www5.cbox.ws/box/?boxid=816248&boxtag=jz5q4a&sec=form"  style="border-top: 0px; border: #ababab 1px solid;"  width="250"></iframe></div></div><div  id="tutupan"><input type="button" value="Close" class="close"  /><a style=" float:center; font-size:10px; color:#3B78CD;  text-decoration:none;" href="http://ariflaw.blogspot.com">Blogger  Tutorials</a><br /></div></div><br /><div id="semah"></div></div>

Demikian apa yanb bisa saya sampiakan mengenai Cara Membuat Buku Tamu Melayang di Blog yang Bagus, cari juga Cara Mempercantik blog yang lain di Daftar isi. Bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih saya ucapkan dan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Sunday, February 10, 2013

Cara Mempercantik Blog Islami dengan Widget Kalender Hijriah

Assaamualaikum Wr. Wb.

Cara Mempercantik Blog Islami dengan Widget Kalender Hijriah | Sebagai seorang Muslim pasti kita harus tau donk Kalender Kita, kalender Hijriah atau Kalender Islam. Nahh membahas tentang hal itu, saya punya niee wiget bagus buat temen-temen blogger Semua yang kepengin memasang Kalender Islami di Blog temen-temen.

Widget Kalender Islam

Kalender ini Unyu-unyu dan yang pasti di desai dengan sangat Keren dan Bagus. Jadi makin Mempercantik Tampilan Blog kalian dehh. Nag percaya!! luat aja tuh demonya, yang saya lingkari warna merahh hee. Unyu-unyu kann..hee.. nga cuman keren tapi juga bisa mengingatkan kita dengan Hari-hari islam di blog kesayangan kita, jadinya blog kita makin memberi manfaat buat kita. Betul tidak !!! hee.

Nahh gimana cara pasangnya, hee mudah kok yukk ikutin langkah-langkahnya. Berikut adalah Cara Mempercantik Blog Islami dengan Widget Kalender Hijriah :

Kita masuk Ke Blogger terlebih dahulu.

Kalo udah kita ke Menu Tata Letak.

Pilih Tambahkan Gadged.

Pilih yang HTML/Java Scrip.

Setelah itu tambahkan Kode Html di bawah ini:

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNDM4Njg5ODg4MTImcHQ9MTM*Mzg2ODk5Mjc1MCZwPTIzODk4MSZkPUlzbGFtaWMlMjBDYWxlbmRhciUzYSUyMHNt/aWxlJmc9MSZvPTM*MzcxNDg2Mzg1ODRiNmM5ZGExY2ZkMDYxNzYxMDgxJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:140px;height:160px;"><embed src="http://widgets.al-habib.info/images/Protected_hijricalendarsmile_wpd.swf" width="140" height="160" flashvars="&dayAdd=0&cal=true&rb=1&ak=1&jb=" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br /><img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1343868146524" /></embed></div>

Nahh Kalo udah dimasukin Tinggal Di Save dahh.

Gimana hasilnya Keren kan Wodgetnya cocok buat Mempercantik Blog temen-temen, iya kan!!

Demikian apa yanb bisa saya sampiakan mengenai Cara Mempercantik Blog Islami dengan Widget Kalender Hijriah, cari juga Cara Mempercantik blog yang lain di Daftar isi. Bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih saya ucapkan dan Wassalamualaikum Wr. Wb.

By Ariflaw Blog ---- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Friday, November 30, 2012

Cara Membuat Widget Twitter Live Updates di Blog

Asalamualaikum Wr.Wb.

Cara Membuat Widget Twitter Live Updates di Blog~Ariflaw Blog. Pastinya kepengin dehh tau update-update twitter kita... ada di blog kita tercinta. Apalagi buat kalian-kalian pecinta sosial media Twitter. Kalo memang nga punya akun Twietter pake aja Facebook tapi widgetnya Fanspage melayang lagi. Nahh di sini saya akan memberikan sebuah trurotial Gimana sih Cara Membuat Widget Twitter Live Updates di Blog. Mungin buat temen-temen udah ada yang tau .. dan ada juga yang belum tau. Ohh yaa Widgetnya seperti ini niee... tampilannya..

Gimana Tampilannya bagus kan apalagi kalo di pasang di blog kita tambah bagus lagi dehh. Widget ini bukan hanya sebagai penghias aja tapi jua bisa buat pengunjung tau perkembangan twitter si admin hee... kalo misalnya dia tertarik dengan si admin pasti di Follow dehh heee. Dan juga kalian bisa promosiin blog kalian di twietter lalu masuk ke widget ini dan kalo si pengunjung tertarik pasti akan mengunjungi apa yang kita Twieet dan ujung-ujungnya nambah PV(Page View) dehh .. Asik nga tuh...?? Pastinya donk!!

Oke dehhh langsung aja ke Trutorialnya Cara Membuat Widget Twitter Live Updates di Blog.

Kita Login Dulu ke Blogger.com.

Kita Masuk ke Menu Tata Letak (Layout).

Kalo udah masuk kita tinggal Pilih/Add Gadget.

Trus Pilih HTML/Java Scri.

Masukin Kode- kode di Bawah Ini -------

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Px17gIWMilONaHmy3TJDRggJ4qwpeOxlB7w1-7yOolfjvYOhcgW8_eigmvabnOVWyfzCSV7NcpypvLqv4Raf9ChtDvVrAqkrOZbjpCjrDNuzsa93CxSc4lAjOTfGKOt8SAHIswiI2v4/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px"><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version:2,type:"profile",rpp:10,interval:3000,width:285,height:118,theme:{shell:{background:"transparent",color:"#000000"},tweets:{background:"transparent",color:"#000000",links:"#B45F04"}},features:{scrollbar:true,loop:true,live:true,hashtags:true,timestamp:true,avatars:false,behavior:"default"}}
).render().setUser(" Nuer_Arif ").start();</script></div>

Ganti tuh yang Warna Biru dengan Akun Twietter kalian.... Kalo nga di ganti nanti pake akun twitter saya hee..

Kalo udah Tinggal Simpan deh. Dan liat hasilnya...!!! Gimana hasilnya bagus kan?? Pastinya donk. Oke dehh udah dulu yaa trutorialnya.. Kita ketemu di trutorial, cara-cara yang lainnya lagi. Demikian bila ada kata-kata yang kurang berkenang di hati kalian saya Mohon Maaf yang sebesar-besarnya, Terimakasih Wasalamualaikum Wr. Wb

By Ariflaw Blog----- Semoga Bermanfaat ^_^ Jangan lupa baca- baca yang lain....

Baca Selengkapnya..

Cara Membuat Spoiler di Blog yang Bagus dan Keren

Asalamualaikum Wr. Wb.

Wahhh udah lama saya ninggalin rutinitas ngeblog saya nihh. Okedeh pada kesempatan yang baik ini saya akan memberikan sebuat trutorial mengenai " Cara Membuat Spoiler di Blog yang Bagus dan Keren ". Sebenarnya sih cara cara ini udah banyak yang publis tapi siapa tau udah cari- cari pengin yang simpel nga nemu-nemu. Nahh di sini saya mencoba untuk memberikan caranya nga hanya satu cara aja mungkin beberapa cara untuk membuatnya dengan berbagai model.

Cara Membuat Spoiler di Blog yang Bagus dan Keren

Saya coba kembangkan kode Spoiler yang sudah berkembang dengan sedikit editan supaya ya....lebih menarik di lihatnya nga biasa aja gitu heee. Ya maklum lahh kalo hasilnya jelek nga sebagus yang kalian ingginkan yaa...Tapi tetep fugsinya saya supaya menghemat lahan Blog haa...Biar nga begitu panjang ataupun lebar kan bisa di tutup dengan widget ini. betul tidak.

Sebenarnya Spoiler ini nga hanya bisa di gunain buat widget aja, tapi juga bisa buat di postingan misalnya mau posting gambar tapi di buat Spoiler gitu. Kan jadinya menghemat ruang trus pandangan soalnya gambarnya di buat spoiler tapi tetep walaupun lamanya agag kosong kuota buat bukannya cukup lumayan besar kan yang di panggil gambar hee..

Oke dehh langsung aja yahhhh Spoiler Jenis yang Pertama....

Nahh kodenya Seperti ini nihhh

<div id="spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display= 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="LIHAT"/></div><div id="show" style="border: 1px solid white;display: none; margin: 5px; padding: 2px; width: 98%;"><pstyle="text-align: justify;">Letakkan Kode yang Dsembunyikan Disini</p></div><div id="hide"></div></div></div>

Yang warna Biru silahkan kalian isi dengan yang kalian ingginkan.... Contohnie yang saya pake di Atas Tuhh pake gambar kaya gini niee cara memasukannya...

<div id="spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display= 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="LIHAT"/></div><div id="show" style="border: 1px solid white;display: none; margin: 5px; padding: 2px; width: 98%;"><pstyle="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwBhYIqv3BR88IvwD8dx9-aAJbhta1of98a86ZyoUx0WNX33Q6jK3UqIpykvG7Ny33Elm_uwb0R4SlYHu6HcYn1CxCO6pSJV5-4VW4F0upDbiXr1B7ssKtKjLIFDELd2H0mxTHgFs-75U/s320/Gambar+Lucu+13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwBhYIqv3BR88IvwD8dx9-aAJbhta1of98a86ZyoUx0WNX33Q6jK3UqIpykvG7Ny33Elm_uwb0R4SlYHu6HcYn1CxCO6pSJV5-4VW4F0upDbiXr1B7ssKtKjLIFDELd2H0mxTHgFs-75U/s320/Gambar+Lucu+13.jpg" /></a></p></div><div id="hide"></div></div></div>

Kaya gitu tuhh masangnya.....

Untuk jenis yang kedua Ini Bedanya cuman Pake Backgroud Belakang aja tapi ini lumayan keren loo...

Untuk Kodenya... Seperti ini

<div id="spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;"onclick="if(this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display!= ''){this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display= '';this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP';} else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display=''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="BUKA" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;"><pstyle="text-align: justify;">LETAKKAN KODENYA DISINI</p></div><div id="hide"></div></div></div>

Seperti biasa yang warna Biru... di ganti pake kode-kode yang pengin kalian masukan. Cara masangnya hampir sama seperti yang ada di atas brooo...

Kalo yang Ke Tiga ini Jenis spoiler yang pake Garis Tepi /jenis yang sama kaya di Kaskus Spoilernya ..... Liat aja Dehhh di bawah ini

Kodenya Di bawah ini

<div style="margin: 5px;"><div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" 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 = 'Close';} else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button"></div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">LETAKKAN KODENYA DISINI</div></div></div>

Yang Biruu... Ganti deh dengan kode yang kalian ingginkan haaaa....

Wahhh gimana tuhh Spoilernya keren keren kan, di sini saya contohin yang buat Postingan tapi jangan kuatir kalo pengin masang di Sidebar blog kalian, karna caranya sama kok...>>>> Kalian Tinggal tambahkan Gadged trus Pilih HTML/Javascrip trus copy codenya dan masukin dehh kode-kode yang pengin kalian masukan misalnya mengenai Link Sahabat, Trafik Blog, Informasi Blog, dll. Kalian tinggal masukin aja Trus Simpan dan liat hasilnya .

Nahh gimana niehh trutorial Cara Membuat Spoiler di Blog yang Bagus dan Keren pastinya mudahkan ?? yaa gitu dehh tinggal masukin aja kodenya seperti di atas dan kalo binggung itu ada contohnya.. Oke dehh udah dulu ya... kia ketemu di posting yang selanjutnya. Bila ada tutur kata yang kurang pas saya Mohon Maaf yang sebesar besarnya.... Terimakasih Wasalamualaikum Wr. Wb.

By Ariflaw Blog === Semoga Bermanfaat ^_^

Baca Selengkapnya..

Saturday, October 20, 2012

Cara Memasang Widget Like Facebook Melayang di blog

Asalamualaikum Wr. Wb.

Pertama -tama .. mari kita selalu bersyukur atas nikmat yang telah di berikan oleh Allah SWT, sehingga kita di berikan nikmat hidup yang tiada gantinya. Pada kesempaytan ini saya akan membagikan ilmu tentang Cara Memasang Widget Like Facebook Melayang di blog.... yang saya saya sendiri mengakuinya sebagai sebuah widget yang bagus banget... keren... pokoknya kalo pake widget ini.... makin ngejreng tampilannya. Kurang lebih tampilannya seperti ini niee.....

Cara Memasang Widget Like Facebook Melayang di blog

Seberanrnya apa si fungsi memasang Widget ini...????..... Yapss tentunya dengan kita measang widget ini.. kita yang memiliki Fans Page Facebook akan lebih banyak yang Ngelike ngikutin perkembangan blog kita lewat Facebook... walaupun sekarang banyak di antara kita yang memakai ~~auto like~~ .... tapi kita sebagai seorang Blogger Sejadi tentunya... lebih suka dengan cara yang halal.. biar mereka yang memilih hak meraka untuk menyukai Fans Page kita.... Betulll tidakk ??? ..... yang halal kan lebih rido lebih bermanfaat.. Betul tidak!!!! heee.

Nahh untuk itu saya akan memberikan sebuah Cara Untuk Memasang Widget like Fans Page Melayang di blog... cara caranya sangatlah mudah yaaa seperi widget - widget yang lain kita memasukan kodenya di gadged Htlm trus blabalabal.... okedehhh dari pada kelamaan kita masuk ke bagian cara nya...

Ehhhitsss kalo mau liat Demonya seilahkan mampir ke blognya Om Galedeg di sana udah dipasanag kok widget ini.. Nahhh Ini dia cara memasangnya ::

1. Kita Mauk Ke Blogger....

2. Kita Ke Tata Letak....

3. Lalu kita Pilih Tambahkan Gadget.....

Cara- cara di atas kelihatanya mudah... tapi bagi newbie seperti saya mungkin akan terasa sulit tanpa adanya gambar yang menjelaskan langkah- langkahnya.... kalo gitu saya sertakan gambarnya dehh .. niee

Udah Bisa Kann..kalo gitu kita lanjuttt..
4. Kalo udah pilih Tambahkan Gadged sekarang kita pilih untuk jenis HTML/ Java scrip... seperti ini lagi.

5. Nahhh kalo udah semua langkah- langkahnya sekarang kita masukan deh Kodenya... Kodenya seperti ini:

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
      position:fixed !important;
      position:absolute; /* IE6 */
      bottom:-1000px;
      right:60%;
      margin:0px 0px 0px -182px;
      width:310px;
      height:auto;
      padding:16px;
       -webkit-box-shadow: 0px 0px 7px #222;
      -moz-box-shadow: 0px 0px 7px #222;
      box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
      color:#111;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}
    #kotak-facebook a.close {
      position:absolute;
      top:-10px;
      right:-10px;
      background:#333;
      font:bold 16px Arial,Sans-Serif;
      text-decoration:none;
      line-height:22px;
      width:22px;
      text-align:center;
      color:#fff;
      border:2px solid #fff;
      -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
      -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
      box-shadow:0px 1px 2px rgba(0,0,0,0.4);
      -webkit-border-radius:10px;
      -moz-border-radius:10px;
      border-radius:10px;
      cursor:pointer;
    }
</style>
    <script type='text/javascript'>
    $(window).bind("load", function() {
         // animasikan nilai top saat halaman telah selesai dimuat
         $('#kotak-facebook').animate({bottom:"50px"}, 1000);
        // hilangkan kotak pesan saat tombol (x) di klik
         $('a.close').click(function() {
             $(this).parent().fadeOut();
         return false;
         });
    });
    </script>
    <div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;"> Jangan Lupa Kalo Memang Suka<blink> Like Aja !!!</blink> </p>
<!-- Mulai --!>
Disini Tempat meletakan kode Fans Pagenya.......
<!-- Selesai --!><a class='close' href='#'>×</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://ariflaw.blogspot.com">Blogger Widgets</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://ariflaw.blogspot.com/2012/10/cara-memasang-widget-like-facebook.html">Blogger Tutorials</a></p>
    </div>

Nahhh Seperti itu tuh sobb kodenya.. untuk yang warna biru silahkan ganti... untuk penempatan widgetnya sama kode fanse pagenya. tapi saya punya kodenya.. dan kalian tinggal Ganti Url Fans pagenya dengan Url fans page kalian...

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FGaledeg&width=300&colorscheme=light&show_faces=true&border_color=%FFFFFF&stream=false&header=false&height=280" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:280px;" allowtransparency="false"></iframe>

Ganti yang warna biru dengan Url terakhir dari Fanspage kalian Misal https://www.facebook.com/Galedeg , url yang biru yang di taruh.. di situ. Taruh kodi ini do bagian yang tadi itu.... dari pada repot....

6. Kalo udah semua langkah langkahnya... TInggal kita save dan Liat deh Hasilnya Cligg.... Bagus kann....

Sebenarnya Widget ini tidak hanya berlaku/ di gunakan buat Fanspage facebook saja tetapi bisa buat membuat Salam Pembuka Buat blog ataupun bisa buat nampilin Iklan ... jadi sekreatif kalian memanfatkan Widget ini.

Nahh kayaknya udah dulu ya.. penerangkannya. Kalo ada kesulita silahkan tanya aja ... jangan malu malu... okedehhh sekian bila ada kata- kata yang kurang pas atau menyinggung perasaan kalian saya mohon maaf yang sebesar besarnya akhir kata Waslalamualaikum Wr. Wb

By Ariflaw ----- Semoga Bermanfaat ^-^

Baca Selengkapnya..

Wednesday, October 17, 2012

Cara Menampilkan Jumlah Posting dan Komentar Pada Blog

Asalamualaikum Wr. Wb.

Kali ini saya akan membahas tentang Cara Menampilkan Jumlah Posting dan Komentar Pada Blog. Hemm seperti yang kita tau.... informsi mengenai banyaknya posting yang kita post dan banyaknya komentar yang ada . itu biasanya berada bi Blogger dan kalo kita kepengin atau inggin melihatnya kita harus masuk ke blogger dulu... Nahhh di sini niee.. hebatnya kita measang Widget Statistik Untuk Menampilkan Jumlah Posting dan Komenar. Deang adanya widget ini .. pastinya kita bisa tau berapa sih posting yang sudah kita post... dan berapa sih koemntar yang ada di blog kita.... dengan begitu kita nga perlu masuk ke blogger untuk mengetahuinya... cukup memasang Widget ini kita bisa tau semuanya... Jadi kita tingal masuk ke blog kita,,,,, biar irit + Nambah trafik wkwkwkwk......

Di sini saya akan menampilkan 2 jenis widget yang akan saya share.....

Untuk jenis yang pertama adalah jenis yang standar atau yang biasa yang tidak ada effek CSSnya Tampilanya seperti di bawah ini :

Cara Menampilkan Jumlah Posting dan Komentar Pada Blog

Dan untuk membuat widget nya.... kita ikuti langkah- langkah di bawah ini -------

1. Kita Masuk Ke Blogger....

2. Masuk ke menu Tata Letak

3. di menu Tata Letak kita Pilih Tambahkan Gadget dan kita pilih HTML

4. Kalo udah sekarang kita masukan kode berikut ini------

<script style="text/javascript">
function showpostcount(json) {
document.write('Jumlah Posting : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b><br>');}</script>
<script src="http://Blog Kalian .com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script><script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {
document.write('Jumlah Komentar : <b>' + json.feed.openSearch$totalResults.$t +
'</b><br>');}</script>
<script src="http://Blog Kalian.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></center><span style="font-size: xx-small;"><a href="http://ariflaw.blogspot.com" target="_blank">Widget</a></span>

Pasang dehhh Kode Itu... eitss... janganb lupa... yang warna Hijau .. untuk Urlnya Silahkan Ganti dengan Blog kalian dan yang jumlah.. silahkan kalo mau di ganti...

Nahhh Gimana Udah jadi blum untuk tampilan jenis pertama.... Sekarang kita ke Jenis Tanmpilan yang ke 2..

Gambarnya seperti ini.. atau kalian dapat juga melihatnya di blog saya... Klik di Sini.

Langkah- langkahnya sama seperti yang di atas cuman kode yang kita masukan berbeda.... Kodenya seperti ini... Silahkan tambahnkan yoooo.....--------

<style type="text/css">
#counter {
margin:10px 60px 10px 10px;
background-color:#990000;
font:bold 12px Cambria,Georgia,Serif;
color:#fff;
position:relative;
display:block;
line-height:50px;
padding:0px 0px 0px 30px;
left:-10px;
}

#counter:before {
content:"";
width:0px;
height:0px;
border:5px solid transparent;
border-top-color:#bb0000;
border-right-color:#bb0000;
position:absolute;
top:100%;
left:0px;
}

#counter:after {
content:"";
width:0px;
height:0px;
border:25px solid #990000;
position:absolute;
top:0px;
left:100%;
border-right-color:transparent;
}
</style> <script type="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}
</script>
<div id="counter">
<script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Posting & <script src="/feeds/comments/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Komentar </div>

Kalo udah dimasukan tigal simpan dan liat hasilnya... Gimana?????? agak beda yaa..... ya jelas soalnya kan pake css.. jadinya tampiannya lebih menarik ketimbang yang pertama.

Yapsss mungkin Segini dulu yang bisa saya sampaikan Semoga apa yang saya sampaikan bisa bermanfaat buat kalian semua...... bila ada kata-kata yang kurang berkenang saya mohon maaf yang sebesar besarnya akhir kata saya sampaikan Wasalaualaikum Wr. Wb

By Ariflaw Blog------ Semoga Bermanfaat ^-^

Baca Selengkapnya..

Saturday, October 13, 2012

Cara Membuat Icon Tang atau Obeng Pada Blog tidak Muncul

Asalamualaikum Wr. Wb.

Cara Membuat Icon Tang atau Obeng Pada Blog tidak Muncul. Sering kali icon Obeng Atau Tang yang ada si blog... Bisa membuat keindahan blog itu tergangu... contohnya seperti punya saya dulu sebelum saya tau cara ini .... saya kira itu hal biasa muncul icon tang atau obengnya... Awalnya itu saya anggap biasa soalnya saya pikir itu hal yang biasa ketika kita masuk ke Blooger dan petinjau blog kita pasti muncul Icon Tang / Obengnya... ehh ternyata itu malahan error . adi setiap pengunjung atau visitor yang mampir keblog ku baik yang login ke Blogger maupun yang tidak Muncul tampilan Obengnya kan jadi mengangu pemandangan ... udah 2 kali saya dengar dari sahabat blogger yang lain, soal munculnya icon obeng/ tang tersebut . Seperti ini niee Mereka menagapinya.... klik di sini .Dan dari itu akhirnya saya di saranin supaya pake cara ini ..... biar nga ada tampilan obeng/ tangnya.

Fungsi dari Icon Tang /Obeng itu sendiri sebenarnya bagus kita bisa meng edit themplet Tata letak Kita tanpa harus masuk ke blogger...... tapi kalo nga bisa di atur kapan dan dimana icon tersebut muncul kan jadinya susah tu... apalagi kao bisa mengangu pemandangan.... Welehhhhh

Nahhh makanya di sini saya akan mengshare pengalaman yang saya alami... Siapa tau bisa membantu buat temen- temen yang lain... yukk simmak aja...

>> Pertama- tama pastinya kita masuk ke Blogger dulu..
>> Baru ke Menu Themplet.. seperti biasa.. Centang Explainya jangan lupa yaa.
>> Nahhh Kalo udah Tingaal Deh tambahkan kode di bawah Ini....

.quickedit {
display:none !important;
}

Taruh Kode tersebut diatas kode ]]></b:skin>

>> Selanjutnya Kita Simpan Dehn.. dan liat hasilnya.. cwemmmmmm langsung hilang dehh Icon Obengnya

Sebenarnya ada cara manual lain yang dapat di gunakan yaitu dengan menghapus kode <b:include name='quickedit'/> di setiap widgednya... iya kalo cuman 1 atau 2 aja nga masalah coba kalo ada di atas 10 dan di setiap membuat widget baru harus menghapus kode tersebut... apa nga lama tuh... nahh dengan kode yang ada di atas itu kita nga usah menghapus kode quickeditnya... Jadi lebih simpelkan.

Oke dehh segini dulu yaa... bila ada kata kata yang kurang berkenang saya mohon maaya yang Sebesar besarnya.. Akhir kata Wasalamualaikum Wr. Wb.

By Ariflaw '-' Semoga Bermanfaat......

Baca Selengkapnya..

Thursday, September 27, 2012

Cara Menaruh Iklan di Bawah Posting Berdampingan 2 Kolom

Asalamualaikum Wr. Wb.

Cara Menaruh Iklan di Bawah Posting Berdampingan 2 Kolom~ Ariflaw Blog. Pada kesempatan kali ini saya akan memberikan sedikit Cara.. buat kalian semua pengunjung setia Ariflaw Blog. udah tau kan judulnya... Yapppss menaruh iklan di bawah postingan 2 kolom Yang paling Strategis.

Tentunya cara ini sangat berguna sekali buat temen temen yang Ngeblognya di gunain buat cari Penghasilan.. salah satu caranya pasti dengan memasang iklan di blog kalian. Nahh pemasangan iklan yang strategis membuat peluang akan klikannya besar... Semakin besar yang mengklik semakin besar juga pendapatan kita apa lagi bagi soba -sobat yang memasang iklannya dari PPC, kan perhitungan pendapatan dari ppc itu tergantung dari banyaknya iklan yang di klik oleh pengunjung.

Nahhhh untuk itu pemasangan iklan yang strategis merupakan pilihan yang tepat... buat sobat semua. Disi saya akan memberikan cara upaya iklannya tampil di bawah postingan dengan 2 kolom. karna jujur di bawah postingan rasio terkliknya lebih besar. dan juga tidak membuat berat saat di home blog kalian.. kan iklannya nga tampil di Home cuman tampil di postingan... hee. Okedehhh jangan panjang lebar lagi.. ini dia Cara Menaruh Iklan di Bawah Posting Berdampingan 2 Kolom Simakk Yukkkk

Ohhh yaa... kalo kalian memang pengin liat hasilnya kaya apa... Silahkan ke blognya Om Galedeg .... Klik di sini.. lihat di di postingan pasti ada iklan 2 kolom di bawah postingannya...
Etttss dan juga ukurang Iklan yang bisa di pasang di bawah posting harus berukuran Normalnya adalah 300 x 250 .. itu juga harus di sesuaikan dengan lebar laman posting themplet blog kalian..... pada intinya dalam 1 baris ada 2 iklan yang berdampingan... Silahkan kalo memang kok nga pass.. di sesuaikan ukuran iklannnya (saran iklanya yang Persegi) dan juga ukurang lebar Laman Postingan biar passs Gitu... Seperti punyaa nya Om galedeg.

Cara Menaruh Iklan di Bawah Posting Berdampingan 2 Kolom
Pastikan dulu kalo kalian udah mempersiapkan iklan yang mau di pasang dan jangan lupa di parse dulu... nga tau caranya Ke sini aja.. trus Parse Kode Iklannya biar bisa Muncul gitu..

Kalo udah di Parse sekarang tinggal kita Masuk Ke Blogger >>> Ke Menu Themplet
Trus Pilih Edit HTML >> Lanjutkan >> Jangan lupa Centang Explain Thempletnya
Kalo udah sekarang cari kode <data:post.body/> Caranya dengan mengunakan kotak Find/ Ctrl +F
Kalo udah ketemu Sekarang tambahkan Kode ini Di bawahnya... di sesuain aja... Misalnya kalian udah posting artikel terkait... itu mau di psang di atas atau di bawahh.. tingal di sesuain aja.. Ini Kodenya :::::::::
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left;'>
Scripp iklan kalian
<div style='float:right;'>
Scripp iklan kalian
</div></div>
</b:if>

Yang berwarna Biru gunanya agar widgetnya nga nampil di home cuman di postingan saja . Trus warna Merahh adalah kode penaruhan Iklannya....

Kalo memang masihh bingung ini saya kasih contoh penempatan iklan bidfertiser... Seperti di bawah ini...
Ini adalah penemppatannya... silahkan di pahami... jka yang di atas blum paham. Iklannya juga udah di Parse

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/> <div style='clear: both;'/> 
</div>

<b:if cond='data:blog.pageType == "item"'>
<div style='float:left;'>

<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=482108%26bid=1197416" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com/bdv/BidVertiser/bdv_publisher_toolbar.dbm">toolbar creator</a></noscript>

<div style='float:right;'>

<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=482108%26bid=1197422" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com/bdv/BidVertiser/bdv_publisher_toolbar.dbm">toolbar creator</a></noscript>

</div></div></b:if>

Hemmm gimana Caranya udah bisa....??
udahh dulu yaa.... udah pegel nieemata mandangin laptop trus he... Mungkin segitu caranya... Semoga bisa membantu buat kalian semua. Bila ada Kata- Kata yang kurang Berkenang di Hati kalian saya Mohon Maaf yang Sebesar- besarnya akhir kata .... Wasalamualaikum Wr. Wb.

By Ariflaw Blog ::::::: Semoga Bermanfaat ^-^

Baca Selengkapnya..

Friday, September 21, 2012

Cara Membuat Scroll Di Widget Archive Supaya Lebih Menarik

Asalamualaikum Wr. Wb.

Kali ini saya akan memberikan Sebuah cara yaitu " Cara Membuat Scroll Di Widget Archive Supaya Lebih Menarik". Yapss membuat scrool pada widget arcive tentunya menjadi solusi jika kita inggin mengunakan Archire untuk memudahkan pengunjung mencari astikel yang mereka cari.

Kenapa Kok nga pake yang Menu Dropdown dan Yang lainyaa.. yang sifatnya lebih simpel.... Karna Dengan cara ini lebih menarik karna semua postingannya bisa di cari dengan sekali klik ... mau di tampilin per bulan .. per minggu ataupun Per hari... bisa aja.. tapi kebanyakan pake yang 1 bulan... kaya punya ane niee hheee.

Oke dehh cukup dulu penjelasannaya kita langsung ke prakteknya yaaa.... yukkk mariii..

Cara Membuat Scroll Pada Blog Archive (Arsip Blog) Supaya Lebih Menarik

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

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

6. Lalu Terapkan Seperti di bawahh ini.....

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>

itulah pemasangannya di blog saya

7. Kode warna Biru dan Merah adalah kode yang ditambahkan kedalam script tersebut.
200 adalah tingginya, dan kalian bisa ubah seseuai ke inginann kalian..

8. Kalo Udahh tinggal Simpan dehhhh.. Liat hasilnyaaa... Mantapsss kan.

Hemm kayaknya udahh cukup dulu yaa.... Caranyaa... Sampe ketemu di cara cara yang lainn.hee
Jika ada kata kata yang kurang berkenan di hati kalian saya mohon maaf yang sebesar besarnya
akhir kata...... Wasalamualaikum Wr. Wb

By Ariflaw Blog ::::::: Semoga Bermanfaaat ^-^

Baca Selengkapnya..

Sunday, September 9, 2012

Cara Membuat Daftar Isi Blog Yang Bagus

Asalamualaikum Wr. Wb.

Salam sejahtera buat rekan-rekan Ariflaw Blog, Kali ini saya akan memberikan sedikit Tips buat kalian gimana sihh "Cara Membuat Daftar Isi Blog Yang Bagus" Yang kalo visitor liat enak gitu, yang simpel tapi elegan dan ringan. Ohh kayaknya pass banget pake cara ini.... udah banyak yang make dengan cara ini. Taukan Fungsi dari daftar isi ... kalo nga tau oke dehh saya sedikit singgung. Daftar ini di gunakan untuk mengetahui seberapa banyak artikel kita yang sudah pernahh di buat dan mengkelompokan menurut jenisnya supaya kalo kita pengin maencarinya mudah nga bolak balik, nga buka halaman selanjutnya di home atau yang lain cukup dengan 1 halaman dan dengan tampilan yang simpel akan lebih memudahkan kita untuk mencari sebuat artikel yang kita ingginkan dengan cepat.

Hemm gimana di ulang ulang yaa... yahh itu si menurut pandangan saya... udah cukup yaa... pengantarnya . sekarang kita masuk ke Caranya... Cekidot!!!!! etttss kalo yang pengin liat Demonya di sini

Inilah Cara Membuat Daftar Isi Blog Yang Bagus

Hal yang harus kalian lakukan adalah membuat sebuah laman ataupun posting baru yang isinya ada kaitannya dengan daftar isi .. terserah aja... kalo saya buatnya de dengan laman bukan dengan postingan. di sini saya contohin yang Di buat di laman Blog

Kalo udah Buat Skarang masukan Scrip ini di bagian HTML jangan yang Compose.. karna nanti nga akan jadi.... silahkan boleh di tambah kata kata sendiri biar lebih menarik heee ... Contohh nya seperti di bawah ini....

Ini Scrip yang harus di tambah

<script src="http://ariflawblog.googlecode.com/files/daftar%20isi%20blog.js.js">
</script><script src="http://ariflaw.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

yang berwarna merah silahkan ganti dengan blog kalian

kalo udah Boleh di lihat dulu hasilnya dengan Petinjau .. biar pasti... Kalo udah pasti baru Kita Publiskan..

hemm gimana gampangkan Cara Membuat Daftar Isi Blog .... Oke dehh Cukup dulu segini Cara yang saya berikan nanti kalo ada cara yang lain akan segera tayang hee..

Sekian dulu Bila ada kata kata yang kurang berkenang di hati kalian saya Mohon Maaf yang sebesar-besarnnya akhir kata ...... Wasalamualaikum Wr. Wb.

Baca Selengkapnya..

Monday, July 2, 2012

Cara Menjadikan Link Bergoyang Di Blog

Asalamu'alaikum Wr. Wb

Cara Menjadikan Link Bergoyang Di Blog- Link Bergoyang saat kursor melintas.Kali saya akan berbagi Tips Blog membuat Semua link goyang, pasti akan menyenangkan bila mempunyai link yang bergoyamg. membuat tampilan blog sobat menjadi lebih menarik dan indah dengan link bergoyang.

Tips ini sangat mudah dan simpel,karena tidak perlu mengedit template lagi.

Untuk tutorial Cara Menjadikan Link Bergoyang Di Blog Gampang Ko sob....

Langsung Praktek aja yaa.... Niee Di Praktekin :

Pergi ke Dasbor
Rancangan
Tambah element Html/Javascript

Lalu Copy Script dibawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>

Kalo Udahh Tnggal Simpan Deh Sob

Saya udah Coba Sobbb Dan Hasilnya yaa Lumayan Lahh Bisa Buat Hiburan Sobb

Mungkin itu saja tips singkat dari saya Cara Menjadikan Link Bergoyang Di Blog .

Semoga bisa bermanfaat dan selamat mencoba.Mohon maaf bila masih banyak kekurangan dari saya.

Terimakasih

Wasalamu'alaikum Wr. Wb.

By Ariflaw Blog --- Semoga Bermanfaat ^_^

Baca Selengkapnya..

Sunday, July 1, 2012

Cara Memasang Burung Twitter Pada Blog Dengan Mudah

Di Pagi hari yang dinggin ini saya menyempatkan diri untuk ngepost . Saya akan update tentang Cara Memasang Burung Twitter Pada Blog Dengan Mudah. Yaa burung ini gak seperti burung-burung biasa, melainkan burung yang bisa terbang pada blog anda dan takkan Pernah Kabur ya kaya gitu dehh

Trik Memasang Burung Twitter Pada Blog :

Pastikan anda sudah login ke ID blogger anda masing-masing.

Pilihlah tata letak dan kliklah tambah gadget
Lalu pilih HTML/Java Script
Kemudian masukan kode berikut :

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
        <script type="text/javascript">var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQWzti4g7HvrvIsWghhQ03Mc45bkU6dzqFzHQVwCgOZxk_bNKmq706_FbJk9DOqbvSS-KAy26ppN8ta2qjyPnPxsUIJR97NIOi1vTeRdOMkTI09BMFZM9SdiQL7rFXSppp9AiaNbDm2mA/s1600/burung+twitter+terbang.png";
        var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
        "select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
        var twitterAccount = "http://twitter.com/akun twiternya";
        var tweetThisText = "Twitter - UserID http://ariflaw.blogspot.com";
        tripleflapInit();
        </script>

Ganti Akun Twiternya dengan akun twitter anda dan ariflaw.blogspot.com Ganti dengan blog Kalian, Sekarang Tinggal Simpan Deh Tu Pengaturan Pasti Burungnya udah datang. Lucukan gambarnya hee...

Demikian apa yang dapat saya sampaikan bila ada kata- kata yang kurang berkenang di hati kalian saya Mohon maaf yang sebesar besarnya.. Wasalamualaikum Wr.Wb.

By Ariflaw Blog--- Semoga Bermanfaat ^_^

Baca Selengkapnya..