Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Friday, December 14, 2012

Widget Recent post Keren

By Arief Budiman | At 7:52 PM | Label : , | 11 Comments

بِسْــــــــــــــــــــــمِ اللّهِ الرَّحْمَنِ الرَّحِيْم



Haloo bro/sis, Recent post ? siapa coba blogger yang ga tau widget satu ini, Selain sebagai widget wajib pada blog. Widget ini pun memiliki daya tarik sendiri bagi para pengunjung blog anda, kalo singkatnya sih bikin betah pengunjung untuk berlama lama di blog anda. Ya semakin banyak peminat semakin banyak juga orang yang membuat widget keren keren, nah saya pun ingin meng-Share Cara memasang widget Recent post keren, Caranya ? ya gampang ikutin aja tutorial dibawah ini :

1.) Buka browser anda >> Tulis pada address bar anda "Blogger.com"

2.) Login dengan email yang valid >> Pilih blog yang akan dipasang

3.) Pergi ke "Layout/Tata letak"

4.) Klik "add gadget" >> Pilih "HTML/Java Script"

5.) Copy-kan code dibawah ini dan paste kan pada kotak "HTML/Java Script" tadi

<style type="text/css">#rp_plus_img{height:377px;}#rp_plus_img li {height:60px;padding:5px;list-style:none;background-color:#ffffff;border:solid 1px #000000;}#rp_plus_img a{color:#00000;}#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;text-align:justify;-moz-border-radius: 5px;}#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://hanjs.googlecode.com/files/recentpostv2.js"></script><script type="text/javascript">var speed = 1500;var pause = 3500;$(document).ready(function(){rpnewsticker();interval = setInterval(rpnewsticker, pause);});</script><ul id="rp_plus_img"><script style="text/javascript">var numposts = 5;var numchars = 0;</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>


NB: Yang huruf nya berwarna merah bisa anda ganti sesuai selera anda :D, itu adalah jumlah  post yang akan di tampilkan nanti 

6.) Terakhir simpan , dan liat hasilnya 

Wednesday, December 12, 2012

Widget Disable Klik kanan/ Menonaktifkan klik kanan

By Arief Budiman | At 6:11 PM | Label : , | 0 Comments
بِسْــــــــــــــــــــــمِ اللّهِ الرَّحْمَنِ الرَّحِيْم


Haloo bro/sis , Disable Klik kanan/ membuat klik kanan tidak aktif di blog anda sangat mudah. Tetapi walaupun sangat mudah meng-nonaktifkan klik kanan memiliki fungsi tersendiri yaitu membuat anda puas dengan artikel yang anda tulis sendiri , otomatis tidak ada yang bisa meng-Copy paste artikel anda tersebut !! Ada yang mauu ? langsung ikutin step by step dibawah ini, cekidot :

1.) Buka Browser Anda >> Tulis di address bar "Blogger.com"

2.) Login dengan email yang valid >> Pilih blog yang akan dipasang

3.) Langsung ke Layout/ Tata letak >> klik "Add Gadget" >> Pilih 'HTML/Java Script'

4.) Copy kan kode script dibawah ini dan pastekan di kotak 'HTML/ Java Script'

<script language="JavaScript">
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>

5.) Selesai , dan saat nya saya bilang "Semppprull" :D 

Tuesday, December 11, 2012

Membuat widget Random Post dengan thumbnail

By Arief Budiman | At 5:43 PM | Label : , | 7 Comments
بِسْــــــــــــــــــــــمِ اللّهِ الرَّحْمَنِ الرَّحِيْم


Halooo bro/sis, Widget yang satu ini alias yang akan kita bincangkan adalah Random Post. Random post adalah salah satu widget wajib para blogger *katanya , dan salah satu trik SEO yang baik dan benar. Selain itu random post juga memiliki fungsi yaitu membuat pengunjung betah berlama-lama di blog bro/sis, soalnya random post kan bersifat acak jadi postingan yang lama lama atau terdahulu bisa masuk kedalam random post dan tentunya berbeda dengan arsip blog. Jadi ga usah berlama lama lagi bro/sis, tinggal sedot aja widget nya, ikutin step nya OK :

1.) Buka browser > langsung ketik di address bar nya "Blogger.com"

2.) Login dengan email yang valid > Pilih blog yang akan dipasang *buat yg punya blog lebih dari 1

3.) Cari Layout/tata letak > Add gadget > HTML/Java Script

4.) Copy-kan kode dibawah ini ke kotak 'HTML/Java Script'

<style>#random-postsimg{float:left;margin-right:10px;margin-bottom:10px;width:55px;height:55px;padding:3px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);} #random-posts img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);} </style><div id='random-posts'>

Selesai deh bro/sis , gampangkan ? coment yah kalo work :D -Aji- 

Sunday, December 9, 2012

Membuat banner iklan mengikuti Scroll

By Arief Budiman | At 4:40 PM | Label : , , | 6 Comments
بِسْــــــــــــــــــــــمِ اللّهِ الرَّحْمَنِ الرَّحِيْم 


Haloo bro, yang lagi mencari penghasilan melalui nge-blog ? banyak sekali jarak yang bisa ditempuh, mulai dari ikut memasang iklan dari Adsense, atau PPC dan lainnya. Namun untuk iklan PPC/adsense tidak bisa menggunakan cara ini bro/sis alias hanya iklan yang menggunakan jasa banner di blog anda, harga nya bervariasi bro/sis itu juga tergantung banyak nya pengunjung blog anda perhari !! aduhh jadi menyimpang sama pembicaraan nih :D ga usah lama lama langsung aja ketutorialnya bro/sis , cekidot :

1-) Buka Browser > Blogger.com

2-) Login > Pilih blog yang akan di pakai *bagi anda yang memiliki blog lebih dari satu dalam satu Gmail

3-) Pergi ke Layout/Tata Letak 

4-) Pilih Add Gadget > HTML/Java Script

5-) Copy Paste kan kode dibawah ini didalam kotak HTML/Java Script
<style type="text/css">#gb{position:fixed;top:10px;z-index:+1000;}* html #gb{position:relative;}

.gbcontent{float:right;border:2px solid #000000;background:#F1DEDE;padding:10px;}</style>
<script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.top = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right"><a href="javascript:showHideGB()">.:<img src="http://lh6.ggpht.com/_RVpTV2JOOxA/S8X3Rh5G2OI/AAAAAAAACxI/0zISG8UL24A/tutup_iklan_t4belajarblogger.png" title="kalau muncul, klik lagi" alt="tutup" />:.</a></div><center>
TARUH SCRIPT IKLAN BLOG BRO/SIS DISINII
</center>
<script type="text/javascript">var gb = document.getElementById("gb");gb.style.center = (30-gb.offsetWidth).toString() + "px";</script></div></div>
6-) Selesai deh bro/sis, SAATNYA MENGHELA NAFAS :D haha  

Monday, December 3, 2012

Widget Tweet Box seperti Narrow Shot blog

By Arief Budiman | At 7:33 PM | Label : , | 4 Comments
بِسْــــــــــــــــــــــمِ اللّهِ الرَّحْمَنِ الرَّحِيْم


Halo bro/sis , seperti yang kita ketahui sosial media sangat membantu kita dalam menaikan traffik pada blog. Banyak sekali sosial media dan yang paling terkenal sekarang ini adalah Facebook dan Twitter, Karena postingan kotak box mengambang untuk facebook sudah pernah saya posting, maka kali ini akan saya posting yang untuk twitter, caranya gampang bro/sis tinggal ikutin perintah step by step di bawah ini, cekidot :
  • 1-) Otw ke blogger.com
  • 2-) Login dengan ID yang valid 
  • 3-) Langsung ke Tata Letak/Layout
  • 4-) Klik tambah Gadget / Add gadget
  • 5-) Cari HTML/Java Script dan copy kan code di bawah ini dan masukan kedalam HTML/Java script yang tadi dibuka 
<div style="background:#fff url(http://4.bp.blogspot.com/-aQPyI_G1C98/T3uoRmyemPI/AAAAAAAAANk/CUQQalt646k/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px"><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: 123,theme: {shell: {background: 'transparent',color: '#000000'},tweets: {background: 'transparent',color: '#000000',links: '#135a9e'}},features: {scrollbar: false,loop: true,live: true,hashtags: true,timestamp: true,avatars: true,behavior: 'default'}}).render().setUser('ajinarrowshot').start();</script></div>


NB : Kata yang diberi warna berwarna Kuning anda ganti dengan username pada twitter anda , Contoh anda bisa lihat di address bar nya seperti ini https://twitter.com/ajinarrowshot << yang diberiwarna kuning adalah username anda.
Gampang kan bro/sis ? monggo meluncur kalo mau :D  

Saturday, November 17, 2012

Widget Facebook like box mengambang di samping

By Arief Budiman | At 6:23 PM | Label : , | 0 Comments

Haloo bro/sis yang masih betah keliling dunia dengan sekejap *lewat internet maksudnya :D , kali ini saya akan memposting postingan tentang Memasang widget facebook like box mengambang di samping , jadi sekali di toel pake cursor mouse langsung ngerespon alias ngebuka . pokoknya keren deh , tapi maap nih soalnya postingan nya ga di lengkapin sama Screen shot nya . Jadi langsung ke cara-cara nya aja yah bro/sis :
  1. Buka Browser > Ke blogger.com
  2. Login > ke Dashboard
  3. Layout/tata letak > Add Gadget
  4. pilih HTML/Java Script , dan Copy paste kan kode berikut 
<script type="text/javascript">
 /*<![CDATA[*/
 jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
 /*]]>*/
 </script>
 <style type="text/css">
 .abtlikebox{background: url("http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
 .abtlikebox span a{color: gray;text-decoration:none;}
 .abtlikebox span a:hover{text-decoration:underline;}
}
</style>
 <div class="abtlikebox" style="">
     <div>
     <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FNarrow-Shot&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://Narrowshot.blogspot.com"> Narrow Shot Tips</a></span>
     </div>
 </div>
Eittt kalo yang di kotak ini jangan di copy juga yah :) ini buat ngejelasin doang , itu yang diwarna biru-in ganti dengan user name facebook anda atau bisa juga menggunakan nomor ID facebook bro/sis semua , kalau bingung mengetahui mana itu nomor ID facebook baca postingan sebelumnya yang membahas tentang Cara Melihat Nomor ID Facebook

Wednesday, November 14, 2012

Widget Back To Top keren , Top MarkoTOP

By Arief Budiman | At 11:33 PM | Label : | 0 Comments


Assalamualaikum Wr.Wb , Karena saya newbie blogger :D jadi masih bingung mau memulai Artikel itu dengan kata kata apa selain Assalamualaikum . Aduhh karena saya ga pandai berbasa basi , saya akan langsung aja kasih trik nya yah , sebelum memulai anda harus tau bahwa widget yang saya berikan ini sangat TOP MarkoTOP udah ahh langsung cekidot aja :
  • Buka Blogger.com
  • Login Bloggger > Pilih blog yg akan di pasangi widget ini
  • Dasbor > Tata Letak 
  • HTML/Java Script , dan Copy Paste kan kode berikut 

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

<script type="text/javascript" >
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://3.bp.blogspot.com/-b1hw2cqey60/TfzE0oLSFkI/AAAAAAAAD3w/FpMh-mdf7rA/s400/Back-to-top.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

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

scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},

keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},

togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},

init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

udah belum bro/sis ? Kalo udah , ya udah haha selamat Berjuang ehh hepi blogging maksudnya :D

Thursday, November 1, 2012

Mengubah-ubah background hanya dengan 1 Template

By Arief Budiman | At 7:13 PM | Label : , | 0 Comments

Post post dan post , kali ini kita akan mengposting tentang widget template dengan animasi bermacam macam , widget ini sangat tidak saya sarankan tapi bagi yang suka bosan dengan background yang hanya seperti itu itu saja bisa menggunakan widget ini , cara nya ikuti saja langkah langkah berikut :

  • Login ke blogger.com
  • langsung ke Tata Letak/layout
  • Klik add gadget
  • cari HTML/Java Script kalau sudah ketemu copy paste kan  kode dibawah ini di HTML/Java Script tersebut
<div class="widget-content">
    <center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">Change Background of This Blog!</span></blink><br /><br />

    <center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Change Background Image" width="185" height="30">
    <option value="url() repeat center center fixed" />None
    <option value="url(http://cdn.indowebster.com/www42.indowebster.com/7dd2ae51f4b0cb792d3a435dc953f5cc_thumbnail.gif) repeat center center fixed" />Red Matrix
    <option value="url(http://yahyarezpectors.files.wordpress.com/2011/01/sharingan_wheel_by_neronin2.gif) repeat center center fixed" />Sharingan
    <option value="url(http://data0.eklablog.fr/hinata/mod_article214242.gif) repeat center center fixed" />Sharingan 2
    <option value="url(https://lh3.googleusercontent.com/-qSMieDwzZVc/TWmtPeoYmNI/AAAAAAAAAD8/nTJAxAeCKHI/s1600/death-note%25284%2529.jpg) repeat center center fixed" />Death Note 1
    <option value="url(http://i469.photobucket.com/albums/rr57/dragonknight0000039/ae/death20note20L.jpg) repeat center center fixed" />L Lawliet 1
    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Hidden Leaf
    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC4NlmmMI/AAAAAAAAEvk/cma5mtW-beU/DADbg2.JPG) repeat center center fixed" />Rikimaru

    <option value="url(http://lh6.googleusercontent.com/_GaKwmMcf4N4/TZGC24bJuCI/AAAAAAAAEvg/O1mDH3LU91w/DADbg0.jpg) repeat center center fixed" />Yu-Gi-Oh!
    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGDGbOqsnI/AAAAAAAAEwI/FWAbOOZu2go/DAD1.jpg) repeat center center fixed" />Deidara
    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud
    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGC7UA67RI/AAAAAAAAEv0/ehJ-oez_akU/DADbluematrix.gif) repeat center center fixed" />Blue Matrix
    <option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix
    <option value="url(http://4.bp.blogspot.com/-wMd8QktixNE/T3LcqZ62NSI/AAAAAAAAAGU/9z8Sb0-YR9o/s320/Henge_Kyubi.jpg) repeat center center fixed" />kyubi
    <option value="url(http://3.bp.blogspot.com/-GoBUc4Djwcg/T3LePVQeVvI/AAAAAAAAAGc/TqDJ5fGBXeI/s1600/th_gif-sasuke-naruto.gif) repeat center center fixed" />Naruto VS Sasuke
    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/sharingan.gif) repeat center center fixed" />Sharinggan 3
    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/2748793811a3546012338b327107314l.gif) repeat center center fixed" />Sasuke Chidori
    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/thsharingan.gif) repeat center center fixed" />sharinggan 4
    <option value="url(http://i1187.photobucket.com/albums/z387/amandayassin/GenerasiRasengan.jpg) repeat center center fixed" />Rasenggan
    <option value="url(http://3.bp.blogspot.com/-1WcrAO9aV2U/TcY1EE-CGhI/AAAAAAAAAL0/2UjyuJZOHcA/s1600/avenged-sevenfold.gif) repeat center center fixed" />A7X
    <option value="url(http://gifsoup.com/webroot/animatedgifs1/1591575_o.gif) repeat center center fixed" />afterlife
    <option value="url(http://4.bp.blogspot.com/-F-FQA8SqVEM/TlqTTBl7DSI/AAAAAAAAAAU/CgHrITgjgf4/s1600/deathbat1.gif) repeat center center fixed" />avenged 7fold
    <option value="url(http://29.media.tumblr.com/tumblr_lqvacoNquH1qay46jo1_400.gif) repeat center center fixed" />avenged
    </select></center></center>
    </div><br/><center><a href="http://www.narrowshot.blogspot.com/" target="_blank">Narrow Shot</a></center>

Sunday, October 28, 2012

Membuat Random Post

By Arief Budiman | At 5:05 PM | Label : , | 0 Comments



Posting posting dan posting , kali ini saya akan berbagi tips and tricks tentang cara membuat widget random post . Kata nya sih random post termasuk salah satu syarat SEO ( Search Engine Optimization) , karena saya newbie dan ga pandai berkata-kata dan bingung mau ngomong apa haha jadi langsung aja saya kasih tutorial nya  :




  1. Login ke Blogger.com
  2. langsung ke Dasbor blog >> Tata Letak
  3. Copy paste kan code berikut 
<script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=10;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>



  • NB : Angka "10" anda ganti dengan angka yang anda mau , itu adalah jumlah postingan yang ingin anda tampilkan

Selesai deh :D , selamat mencoba (AJI)



Tuesday, October 23, 2012

Membuat Comment box facebook di BLOG

By Arief Budiman | At 1:48 PM | Label : , | 2 Comments

Haloo bro/sis , kali ini saya akan membagi tips membuat comment box facebook di blog ! mau les nih jadi ga bisa lama-lama hehe . Saya kasih keterangan dari gambar yang di beri nomor :
  • 1 .) Anda isi dengan URL Page anda 
  • 2 .) itu adalah banyaknya orang yang comment dan di tampilkan di comment box tersebut
  • 3 .) itu adalah lebar box itu sendiri . bisa anda atur sesuka anda sendiri
  • 4 .) Yang ke-Empat anda Cocokan dengan background template blog anda saja sendiri , biar Meching istilah anak gahool nya :D .
Kalo udah anda langsung Klik "GET CODE" , maka akan keluar gambar seperti ini 


Anda Copy code yang di kotak merah , kalau sudah anda OTW Ke Blogger.com >> Login >> Page Element / tata letak >> Add Gadget >> HTML/Java Script >> Paste kan code yang tadi anda copy :D . Selesai deh . (AJI) 

Memasang Widget Translator dengan bendera berkibar

By Arief Budiman | At 1:09 PM | Label : , | 1 Comments

Halo bro/sis pecinta blogger *lebay haha , kali ini kita akan meng-share/berbagi tips cara memasang widget translator dengan bendera yang berkibar . Mau tau caranya ? Langsung aja ke TKP :


  1. Seperti biasa bro/sis harus OTW ke blogger.com dulu
  2. udah sampe ? macet ? terbang aja haha !! kalo udah langsung login 
  3. Abis itu langsung ke Page Element / tata letak 
  4. pilih "Add Gadget" 
  5. Abis itu pilih "HTML/Java Script
  6. kalo udah copy & paste-in code berikut :
<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #ffffff;">
<center><a href="http://narrowshot.blogspot.com/" target=" blank"><b>Google Translate</b></a></center>
<style>
.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
.google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }
</style>
<div style="overflow:no; width:100%px; height:100%px; padding: 5px 0px 0px 0px;">
<center>
<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;margin-right:3px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/saudiarabiEDYPUTRA.gif" title="Arabic" align="absbottom"/></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;margin-right:3px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/southkoreaEDYPUTRA.gif" title="Korean" align="absbottom" /></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;margin-right:3px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/japanEDYPUTRA.gif" title="Japanese" align="absbottom" /></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;margin-right:3px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/chinaEDYPUTRA.gif" title="Chinese Simplified" align="absbottom" /></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;margin-right:3px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/russiaEDYPUTRA.gif" title="Russian" align="absbottom" /></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;margin-right:0px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/EDYPUTRAbrazil.gif" title="Portuguese" align="absbottom" /></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;margin-right:3px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/EDYPUTRAunitedking.gif" title="English" align="absbottom" /></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;margin-right:3px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/EDYPUTRArance.gif" title="French" align="absbottom" /></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;margin-right:3px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/EDYPUTRAgermany.gif" title="German" align="absbottom" /></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;margin-right:3px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/EDYPUTRAspain.gif" title="Spain" align="absbottom" /></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;margin-right:3px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/EDYPUTRAItalia.gif" title="Italian" align="absbottom" /></a>


<a class="google_translate" href="http://narrowshot.blogspot.com/" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;margin-right:0px" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/EDYPUTRAnetherland.gif" title="Dutch" align="absbottom" /></a>
</center>
</div></div>



  • URL yang berwarna merah anda ganti dengan URL/alamat blog anda 
  • Sekian dari saya (AJI)
Posting Lama ►
 

Followers

About Me

My photo

Tiada hari tanpa Online, Mau tuker informasi ? Saya sudah mantengin di Facebook , twitter , G+. Tuker pikiran sama sama menguntungkan kok :D

Copyright © 2012. Narrow Shot - All Rights Reserved B-Seo Versi 3 by Bamz Templates