NavBar

Search This Blog

0 Jadikan Background WEBSITE Slide Auto

Sabtu, 05 Desember 2015
Pasti sobat sudah tidak asing lagi dengan Blog.Dimana Trik n Tip's selalu ada dan bermunculan blog-blog new bie seperti blog ini.

Tetapi tidak menutup kemungkinan untuk para blogger pasti banyak yang mengerti dan paham "Cara menjadikan Gambar Web Slid Auto".

Untuk kesekian kalinya saya post dan Hari ini saya akan berbagi dengan sobat semuanya tentang Trik ini.Trik ini Aku dapat waktu browsing di Google.

Tanpa di sengaja menemukan Trik ini di web nya master.Yang saya sendiri lupa nama blognya.
Sebelum ke pokok  Artikel di Blog ini silahkan sobat siapkan bahan-bahannya dulu yaitu pilih Gambar atau Photo yang mau di jadikan background.

Dari pada teman -teman penasaran lagi dan bingung langsung saja simak langkah-langkahnya di bawah ini :


1. Gambar atau Photo
2. Silahkan Upload photo atau gambarnya [ yang penting bisa dapat URL dari photo tsb ] saran saya : upload di picasaweb.google.com
3. Catat URL photo tadi yang sudah di Upload
4. Masuk / Login ke Blog anda. (Blogger)
5. Pilih "Template" >> Klik "Edit HTML" >> beri tanda centang pada "Expand Template Widget".
6. Untuk keamanan jika terjadi kesalahan sebaiknya anda "COPY" terlebih dahulu script HTML anda dan "PASTE" kan ke dalam NOTEPAD untuk backup.
7. Cari kode </head> pada bidang HTML template blog anda (gunakan tombol "Ctrl+F" untuk memudahkan pencarian)
8. Masukkan kode script berikut tepat diatas kode </head>


Kode Script-1 :


<br
 />
<br />
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'
type='text/javascript'></script><br />
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
//Execute the slideShow, set 6 seconds for each images
slideShow(3000);
});
function slideShow(speed) {
//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('
<li id="slideshow-caption" class="caption"><div
class="slideshow-caption-container">
<h3>
</h3>
</div>
</li>
');
//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});
//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow
a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow
a:first').find('img').attr('alt'));
//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});
//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);
//pause the slideshow on mouse over
$('ul.slideshow').hover(
        function () {
                clearInterval(timer);
        },
        function () {
                timer = setInterval('gallery()',speed);
        }
);
}
function gallery() {
//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')?  $('ul.slideshow li.show') :
$('#ul.slideshow li:first'));
//Get next image, if it reached the end of the slideshow, rotate it back
 to the first image
var next = ((current.next().length) ? ((current.next().attr('id') ==
'slideshow-caption')? $('ul.slideshow li:first') :current.next()) :
$('ul.slideshow li:first'));
//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');
//Set the fade in effect for the next image, show class has higher
z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
                //Display the content
                $('#slideshow-caption h3').html(title);
                $('#slideshow-caption p').html(desc);
                $('#slideshow-caption').animate({bottom:0}, 500);
});
//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');
}
//]]>
</script><br />
<style type="text/css">
ul.slideshow {
list-style:none;
width:500px;        // ukuran lebar gambar
height:200px;       // ukuran tinggi gambar
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:500px;
height:200px;
border:none;
}
#slideshow-caption {
width:500px;
height:60px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style><br />
<br />
9. "Simpan Template" blog anda.
10. Sekarang beralih ke menu "Tata Letak"
>> Klik "Tata Letak" >> Klik "Tambahkan Widget" >> pilih "HTML / JAVASCRIPT".
11. Masukkan kode script berikut kedalam bidang widget "HTML / Javascript" tersebut.


Kode script -2


<br
 />
<br />
<ul class="slideshow">
<li><a href="http://url link
tujuan"><img src="http://Url gambar-1" title="Judul Slideshow 1"
alt="Masukan Deskripsi Gambar-1 Slideshow Disini"
/></a></li>
<li><a href="http://url link tujuan"><img src="http://Url
 gambar-2" title="Judul Slideshow 2" alt="Masukan Deskripsi Gambar-2
Slideshow Disini" /></a></li>
<li><a href="http://url link tujuan"><img src="http://Url
 gambar-3" title="Judul Slideshow 3" alt="Masukan Deskripsi Gambar-3
Slideshow Disini" /></a></li>
<li><a href="http://url link tujuan"><img src="http://Url
 gambar-4" title="Judul Slideshow 4" alt="Masukan Deskripsi Gambar-4
Slideshow Disini" /></a></li>
</ul>
<br />
<br />

Keterangan :
- Untuk kode script-2 silahkan atur size / ukuran gambar sesuai dengan ukuran gambar yang sudah anda   upload tadi.
- Untuk kode script-2 sulahkan atur Url link gambar sesuai dengan url masing-masing gambar anda yang sudah anda simpan di media penyimpanan online tadi.

Gimana sobat Blogger mudah kan.Silahkan di coba dan di Save Trik diatas.Jika kurang jelas bisa di tanyakan di kotak komentar.Atau bisa masuk di sini untuk melihat Trik yang lebih dan plus.

Salam Blogger,,,,,by....by...by....
<marquee> Sala3_Web </marquee>
Read more

0 Script Deface

Rabu, 02 Desember 2015


Pasti semua sudah pada tahu apa itu " Deface ".Deface itu sendiri adalah kegiatan untuk mengganti ataupun merubah tampilan halaman depan sebuah situs.

Tentu saja prosesnya ilakukan dengan memanfaatkan kelemahan dari situs tersebut, sehingga kalo loe adalah web master dan loe ngerubah tampilan halaman situs yang loe punya tentu saja itu nggak bisa disebut deface.

Untuk lebih jelasnya lagi mengenai tentang Deface silahkan sobat cari di mbah google.Di situ para anymouse banyak yang posting tentang ini.

<!DOCTYPE html> <html class='v2' dir='ltr'> <head> <meta content='width=1100' name='viewport'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <script type="text/javascript">(function() { (function(){function c(a){this.t={};this.tick=function(a,c,b){var d=void 0!=b?b:(new Date).getTime();this.t[a]=[d,c];if(void 0==b)try{window.console.timeStamp("CSI/"+a)}catch(e){}};this.tick("start",null,a)}var a;window.performance&&(a=window.performance.timing);var h=a?new c(a.responseStart):new c;window.jstiming={Timer:c,load:h};if(a){var b=a.navigationStart,e=a.responseStart;0<b&&e>=b&&(window.jstiming.srt=e-b)}if(a){var d=window.jstiming.load;0<b&&e>=b&&(d.tick("_wtsrt",void 0,b),d.tick("wtsrt_", "_wtsrt",e),d.tick("tbsd_","wtsrt_"))}try{a=null,window.chrome&&window.chrome.csi&&(a=Math.floor(window.chrome.csi().pageT),d&&0<b&&(d.tick("_tbnd",void 0,window.chrome.csi().startE),d.tick("tbnd_","_tbnd",b))),null==a&&window.gtbExternal&&(a=window.gtbExternal.pageT()),null==a&&window.external&&(a=window.external.pageT,d&&0<b&&(d.tick("_tbnd",void 0,window.external.startE),d.tick("tbnd_","_tbnd",b))),a&&(window.jstiming.pt=a)}catch(k){}})();window.tickAboveFold=function(c){var a=0;if(c.offsetParent){do a+=c.offsetTop;while(c=c.offsetParent)}c=a;750>=c&&window.jstiming.load.tick("aft")};var f=!1;function g(){f||(f=!0,window.jstiming.load.tick("firstScrollTime"))}window.addEventListener?window.addEventListener("scroll",g,!1):window.attachEvent("onscroll",g); })();</script> <meta content='blogger' name='generator'/> <link href='http://fandicome-back.blogspot.co.id/favicon.ico' rel='icon' type='image/x-icon'/> <link href='http://fandicome-back.blogspot.com/' rel='canonical'/> <link rel="openid.server" href="https://www.blogger.com/openid-server.g" /> <link rel="openid.delegate" href="http://fandicome-back.blogspot.com/" /> <!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/1494333581-ieretrofit.js"></script> <![endif]--> <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]--> <title>~~~~==~~~~</title> <link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3726630547-css_bundle_v2.css' /> <link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6725327857658030483&zx=72b37280-e2a5-475a-9be3-19601a610b1a' /> <style id='page-skin-1' type='text/css'><!-- /*----------------------------------------------- Blogger Template Style Name: Picture Window Designer: Josh Peterson URL: www.noaesthetic.com ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="keycolor" description="Main Color" type="color" default="#1a222a"/> <Variable name="body.background" description="Body Background" type="background" color="transparent" default="#111111 url(//themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center"/> <Group description="Page Text" selector="body"> <Variable name="body.font" description="Font" type="font" default="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="body.text.color" description="Text Color" type="color" default="#333333"/> </Group> <Group description="Backgrounds" selector=".body-fauxcolumns-outer"> <Variable name="body.background.color" description="Outer Background" type="color" default="#296695"/> <Variable name="header.background.color" description="Header Background" type="color" default="transparent"/> <Variable name="post.background.color" description="Post Background" type="color" default="#ffffff"/> </Group> <Group description="Links" selector=".main-outer"> <Variable name="link.color" description="Link Color" type="color" default="#336699"/> <Variable name="link.visited.color" description="Visited Color" type="color" default="#6699cc"/> <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff"/> </Group> <Group description="Blog Title" selector=".header h1"> <Variable name="header.font" description="Title Font" type="font" default="normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff" /> </Group> <Group description="Tabs Text" selector=".tabs-inner .widget li a"> <Variable name="tabs.font" description="Font" type="font" default="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff"/> <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="transparent"/> </Group> <Group description="Tabs Background" selector=".tabs-outer .PageList"> <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent"/> <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent"/> <Variable name="tabs.separator.color" description="Separator Color" type="color" default="transparent"/> </Group> <Group description="Post Title" selector="h3.post-title, .comments h4"> <Variable name="post.title.font" description="Title Font" type="font" default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> </Group> <Group description="Date Header" selector=".date-header"> <Variable name="date.header.color" description="Text Color" type="color" default="#cccccc"/> </Group> <Group description="Post" selector=".post"> <Variable name="post.footer.text.color" description="Footer Text Color" type="color" default="#999999"/> <Variable name="post.border.color" description="Border Color" type="color" default="#dddddd"/> </Group> <Group description="Gadgets" selector="h2"> <Variable name="widget.title.font" description="Title Font" type="font" default="bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="widget.title.text.color" description="Title Color" type="color" default="#888888"/> </Group> <Group description="Footer" selector=".footer-outer"> <Variable name="footer.text.color" description="Text Color" type="color" default="#cccccc"/> <Variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="#aaaaaa"/> </Group> <Group description="Footer Links" selector=".footer-outer"> <Variable name="footer.link.color" description="Link Color" type="color" default="#99ccee"/> <Variable name="footer.link.visited.color" description="Visited Color" type="color" default="#77aaee"/> <Variable name="footer.link.hover.color" description="Hover Color" type="color" default="#33aaff"/> </Group> <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" min="0" max="100px"/> <Variable name="content.padding" description="Content Padding" type="length" default="0" min="0" max="100px"/> <Variable name="content.background" description="Content Background" type="background" default="transparent none repeat scroll top left"/> <Variable name="content.border.radius" description="Content Border Radius" type="length" default="0" min="0" max="100px"/> <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="0" min="0" max="100px"/> <Variable name="header.padding" description="Header Padding" type="length" default="0" min="0" max="100px"/> <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none"/> <Variable name="header.border.radius" description="Header Border Radius" type="length" default="0" min="0" max="100px"/> <Variable name="main.border.radius.top" description="Main Border Radius" type="length" default="20px" min="0" max="100px"/> <Variable name="footer.border.radius.top" description="Footer Border Radius Top" type="length" default="0" min="0" max="100px"/> <Variable name="footer.border.radius.bottom" description="Footer Border Radius Bottom" type="length" default="20px" min="0" max="100px"/> <Variable name="region.shadow.spread" description="Main and Footer Shadow Spread" type="length" default="3px" min="0" max="100px"/> <Variable name="region.shadow.offset" description="Main and Footer Shadow Offset" type="length" default="1px" min="-50px" max="50px"/> <Variable name="tabs.background.gradient" description="Tab Background Gradient" type="url" default="none"/> <Variable name="tab.selected.background.gradient" description="Selected Tab Background" type="url" default="url(//www.blogblog.com/1kt/transparent/white80.png)"/> <Variable name="tab.background" description="Tab Background" type="background" default="transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left"/> <Variable name="tab.border.radius" description="Tab Border Radius" type="length" default="10px" min="0" max="100px"/> <Variable name="tab.first.border.radius" description="First Tab Border Radius" type="length" default="10px" min="0" max="100px"/> <Variable name="tabs.border.radius" description="Tabs Border Radius" type="length" default="0" min="0" max="100px"/> <Variable name="tabs.spacing" description="Tab Spacing" type="length" default=".25em" min="0" max="10em"/> <Variable name="tabs.margin.bottom" description="Tab Margin Bottom" type="length" default="0" min="0" max="100px"/> <Variable name="tabs.margin.sides" description="Tab Margin Sides" type="length" default="20px" min="0" max="100px"/> <Variable name="main.background" description="Main Background" type="background" default="transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left"/> <Variable name="main.padding.sides" description="Main Padding Sides" type="length" default="20px" min="0" max="100px"/> <Variable name="footer.background" description="Footer Background" type="background" default="transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left"/> <Variable name="post.margin.sides" description="Post Margin Sides" type="length" default="-20px" min="-50px" max="50px"/> <Variable name="post.border.radius" description="Post Border Radius" type="length" default="5px" min="0" max="100px"/> <Variable name="widget.title.text.transform" description="Widget Title Text Transform" type="string" default="uppercase"/> <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string" default="transparent none repeat scroll top left"/> <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/> <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/> */ /* Content ----------------------------------------------- */ body { font: normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif; color: #cccccc; background: transparent none no-repeat scroll center center; } html body .region-inner { min-width: 0; max-width: 100%; width: auto; } .content-outer { font-size: 90%; } a:link { text-decoration:none; color: transparent; } a:visited { text-decoration:none; color: transparent; } a:hover { text-decoration:underline; color: transparent; } .content-outer { background: transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left; -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); margin: 0 auto; } .content-inner { padding: 10px; } /* Header ----------------------------------------------- */ .header-outer { background: transparent none repeat-x scroll top left; _background-image: none; color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; } .Header img, .Header #header-inner { -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; } .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: 30px; padding-right: 30px; } .Header h1 { font: normal normal 48px Georgia, Utopia, 'Palatino Linotype', Palatino, serif; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .Header h1 a { color: transparent; } .Header .description { font-size: 130%; } /* Tabs ----------------------------------------------- */ .tabs-inner { margin: .5em 15px 1em; padding: 0; } .tabs-inner .section { margin: 0; } .tabs-inner .widget ul { padding: 0; background: transparent none repeat scroll bottom; -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; } .tabs-inner .widget li { border: none; } .tabs-inner .widget li a { display: inline-block; padding: .5em 1em; margin-right: 0; color: transparent; font: normal normal 15px Georgia, Utopia, 'Palatino Linotype', Palatino, serif; -moz-border-radius: 0 0 0 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -goog-ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; background: transparent none no-repeat scroll top left; border-right: 1px solid transparent; } .tabs-inner .widget li:first-child a { padding-left: 1.25em; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -goog-ms-border-top-left-radius: 0; -goog-ms-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { position: relative; z-index: 1; background: #dd7700 none repeat scroll bottom; color: transparent; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .15); box-shadow: 0 0 0 rgba(0, 0, 0, .15); } /* Headings ----------------------------------------------- */ h2 { font: normal normal 18px Georgia, Utopia, 'Palatino Linotype', Palatino, serif; text-transform: none; color: transparent; margin: .5em 0; } /* Main ----------------------------------------------- */ .main-outer { background: transparent none repeat scroll top center; -moz-border-radius: 0 0 0 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -goog-ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .15); box-shadow: 0 0 0 rgba(0, 0, 0, .15); } .main-inner { padding: 15px 20px 20px; } .main-inner .column-center-inner { padding: 0 0; } .main-inner .column-left-inner { padding-left: 0; } .main-inner .column-right-inner { padding-right: 0; } /* Posts ----------------------------------------------- */ h3.post-title { margin: 0; font: normal normal 18px Georgia, Utopia, 'Palatino Linotype', Palatino, serif; } .comments h4 { margin: 1em 0 0; font: normal normal 18px Georgia, Utopia, 'Palatino Linotype', Palatino, serif; } .date-header span { color: #ffff00; } .post-outer { background-color: transparent; border: solid 1px transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -goog-ms-border-radius: 0; padding: 15px 20px; margin: 0 -20px 20px; } .post-body { line-height: 1.4; font-size: 110%; position: relative; } .post-header { margin: 0 0 1.5em; color: transparent; line-height: 1.6; } .post-footer { margin: .5em 0 0; color: transparent; line-height: 1.6; } #blog-pager { font-size: 140% } #comments .comment-author { padding-top: 1.5em; border-top: dashed 1px #ccc; border-top: dashed 1px rgba(128, 128, 128, .5); background-position: 0 1.5em; } #comments .comment-author:first-child { padding-top: 0; border-top: none; } .avatar-image-container { margin: .2em 0 0; } /* Comments ----------------------------------------------- */ .comments .comments-content .icon.blog-author { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); } .comments .comments-content .loadmore a { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .comments .continue { border-top: 2px solid transparent; } /* Widgets ----------------------------------------------- */ .widget ul, .widget #ArchiveList ul.flat { padding: 0; list-style: none; } .widget ul li, .widget #ArchiveList ul.flat li { border-top: dashed 1px #ccc; border-top: dashed 1px rgba(128, 128, 128, .5); } .widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child { border-top: none; } .widget .post-body ul { list-style: disc; } .widget .post-body ul li { border: none; } /* Footer ----------------------------------------------- */ .footer-outer { color:transparent; background: transparent none repeat scroll top center; -moz-border-radius: 0 0 0 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -goog-ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .15); box-shadow: 0 0 0 rgba(0, 0, 0, .15); } .footer-inner { padding: 10px 20px 20px; } .footer-outer a { color: transparent; } .footer-outer a:visited { color: transparent; } .footer-outer a:hover { color: transparent; } .footer-outer .widget h2 { color: transparent; } /* Mobile ----------------------------------------------- */ html body.mobile { height: auto; } html body.mobile { min-height: 480px; background-size: 100% auto; } .mobile .body-fauxcolumn-outer { background: transparent none repeat scroll top left; } html .mobile .mobile-date-outer, html .mobile .blog-pager { border-bottom: none; background: transparent none repeat scroll top center; margin-bottom: 10px; } .mobile .date-outer { background: transparent none repeat scroll top center; } .mobile .header-outer, .mobile .main-outer, .mobile .post-outer, .mobile .footer-outer { -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; } .mobile .content-outer, .mobile .main-outer, .mobile .post-outer { background: inherit; border: none; } .mobile .content-outer { font-size: 100%; } .mobile-link-button { background-color: transparent; } .mobile-link-button a:link, .mobile-link-button a:visited { color: transparent; } .mobile-index-contents { color: #cccccc; } .mobile .tabs-inner .PageList .widget-content { background: #dd7700 none repeat scroll bottom; color: transparent; } .mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-left: 1px solid transparent; } .status-msg-body {display:none; } .status-msg-wrap {display:none; } --></style> <style id='template-skin-1' type='text/css'><!-- body { min-width: 1000px; } .content-outer, .content-fauxcolumn-outer, .region-inner { min-width: 1000px; max-width: 1000px; _width: 1000px; } .main-inner .columns { padding-left: 0; padding-right: 310px; } .main-inner .fauxcolumn-center-outer { left: 0; right: 310px; /* IE6 does not respect left and right together */ _width: expression(this.parentNode.offsetWidth - parseInt("0") - parseInt("310px") + 'px'); } .main-inner .fauxcolumn-left-outer { width: 0; } .main-inner .fauxcolumn-right-outer { width: 310px; } .main-inner .column-left-outer { width: 0; right: 100%; margin-left: -0; } .main-inner .column-right-outer { width: 310px; margin-right: -310px; } #layout { min-width: 0; } #layout .content-outer { min-width: 0; width: 800px; } #layout .region-inner { min-width: 0; width: auto; } --></style> <script type="text/javascript">var a="&m=1",d="(^|&)m=",e="?",f="?m=1";function g(){var b=window.location.href,c=b.split(e);switch(c.length){case 1:return b+f;case 2:return 0<=c[1].search(d)?null:b+a;default:return null}}var h=navigator.userAgent;if(-1!=h.indexOf("Mobile")&&-1!=h.indexOf("WebKit")&&-1==h.indexOf("iPad")||-1!=h.indexOf("Opera Mini")||-1!=h.indexOf("IEMobile")){var k=g();k&&window.location.replace(k)}; </script><script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script></head> <body class='loading variant-screen'> <div class='navbar section' id='navbar' name='Navbar'> </div> <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'> <meta content='~~~~==~~~~' itemprop='name'/> </div> <div class='body-fauxcolumns'> <div class='fauxcolumn-outer body-fauxcolumn-outer'> <div class='cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left'> <div class='fauxborder-right'></div> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <div class='content'> <div class='content-fauxcolumns'> <div class='fauxcolumn-outer content-fauxcolumn-outer'> <div class='cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left'> <div class='fauxborder-right'></div> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <div class='content-outer'> <div class='content-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left content-fauxborder-left'> <div class='fauxborder-right content-fauxborder-right'></div> <div class='content-inner'> <header> <div class='header-outer'> <div class='header-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left header-fauxborder-left'> <div class='fauxborder-right header-fauxborder-right'></div> <div class='region-inner header-inner'> <div class='header section' id='header' name='Header'><div class='widget Header' id='Header1'> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> ~~~~==~~~~ </h1> </div> <div class='descriptionwrapper'> <p class='description'><span> </span></p> </div> </div> </div></div> </div> </div> <div class='header-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </header> <div class='tabs-outer'> <div class='tabs-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left tabs-fauxborder-left'> <div class='fauxborder-right tabs-fauxborder-right'></div> <div class='region-inner tabs-inner'> <div class='tabs section' id='crosscol' name='Cross-Column'><div class='widget HTML' id='HTML1'> <div class='widget-content'> By Indonesia Technology <link rel="SHORTCUT ICON" href="" /> <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><script language="javascript" type="text/javascript" src="http://onehackoranother.com/projects/jquery/jquery-grab-bag/javascripts/jquery.text-effects.js"></script> <style type="text/css">body, td, th { font-family:"Courier New", Courier, monospace;font-size: 12px; color: #009900; margin:0; padding:0; height:100%; overflow:hidden;}html { height:100%; width:100%;}body { background-color: #000000;}.teks { color:#00CC00; font-size:74px; font-weight:bold; font:"Times New Roman";}.teks2 { color:#00CC00; font-size:24px; font-weight:bold; font:"Times New Roman";}#i12 { position:absolute; top:30%; left:35%;}.theAbs { top:0; position:absolute; width:2%;}.hide { display:none;}#iHacked { position:absolute; width:100%; top:5%; height:100%; opacity:0.3;}li{ color:#fff; font:bold 13px; list-style: none;}</style><script language="javascript" type="text/javascript">eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c]);return p}('i 9;$.8.7=n(b){i c={P:10,Q:2,F:10,1y:v,1h:v,19:'1z',C:'1a',K:r,G:r,D:v};k(!b)b=c;i d=$.1Z(c,b);9=$.8.7.1A();E 1B.20(n(){i a=$(1B);k(d.D){d.1C={Z:a.g('Z'),11:a.g('11'),12:a.g('12'),s:a.g('s'),l:a.g('l'),y:a.g('y'),1D:a.g('t-u'),1E:a.g('z-1F')}}a.g('Z','21');d.1G=a.g('t-u');1i(d.C){A'1b':$.8.7.1j(a,d);B;A'1k':$.8.7.1l(a,d);B;A'13':$.8.7.1m(a,d);B;A'14':$.8.7.1n(a,d);B;22:$.8.7.1o(a,d)}})};$.8.7.1A=n(){i h,w;k(1p 1q.1H!='1r'){h=1q.1H;w=1q.23}H k(1p T.16!='1r'&&1p T.16.1c!='1r'&&T.16.1c!=0){h=T.16.1c;w=T.16.1I}H{h=T.1J('I')[0].1c;w=T.1J('I')[0].1I}i a={q:1s 1t(h,R.V(h/2),R.V(h/5)),m:1s 1t(w,R.V(w/2),R.V(w/5))};E a};$.8.7.j=n(a,b,c){k(a&&b&&(b>a)){i d=a;a=b;b=d}k(a==b)E a;i e=R.V(R.1a()*a);k(b&&e<b){1u(e<b)e=R.V(R.1a()*a)}E c?e-c:e};$.8.7.K=n(){i a='24';i b='';1u(b.25<6)b+=a.26($.8.7.j(6));E b};$.8.7.1v=n(){i a,l;i b=$.8.7.j(4)+1;1u(b>4)b=$.8.7.j(4)+1;1i(b){A 1:a=$.8.7.j(9.q[0]-9.q[1],9.q[1]-9.q[2]);l=$.8.7.j(9.m[1]);B;A 2:a=$.8.7.j(9.q[0],9.q[1]+9.q[2]);l=$.8.7.j(9.m[0]+9.m[1],9.m[1]+9.m[2]);B;A 3:a=$.8.7.j(9.q[2],0,9.q[1]);l=$.8.7.j(9.m[0]+9.m[1],9.m[1]+9.m[2]);B;A 4:a=$.8.7.j(9.q[2],0,9.q[1]);l=$.8.7.j(9.m[1]-9.m[2],0,9.m[2]);B}E 1s 1t(a,l)};$.8.7.W=n(a,b,c,d,e){i f,t;k(d.1y)f=$.8.7.j(d.F);H f=d.F;k(d.1h)t=d.19;H t=a.g('t-u');a.1w({27:'1d%',1e:0,l:c,s:b,28:t},(f*29),n(){$.8.7.U(a,d,e-1)})};$.8.7.U=n(a,b,c){a.g('t-u',b.1G);k(c>0){a.g('11','2a');a.1w({1e:1d},1);a.g('12','');k(b.K)a.g('y',$.8.7.K())}H k(c<=0){k(b.D){i d=b.1C;a.1w({1e:1d},1);a.g('1e','1d');a.g('Z',d.Z);a.g('11',d.11);a.g('12',d.12);a.g('s',d.s);a.g('l',d.l);a.g('y',d.y);a.g('t-u',d.1D);a.g('z-1F',d.1E)}k(b.G){a.2b()}E r}1i(b.C){A'1b':a.g('s',9.q[1]);a.g('l',9.m[1]);$.8.7.1j(a,b,c);B;A'1k':i e=$.8.7.1v();a.g('s',e[0]);a.g('l',e[1]);$.8.7.1l(a,b,c);B;A'13':a.g('s',0);a.g('l',$.8.7.j(9.m[0]));$.8.7.1m(a,b,c);B;A'14':a.g('s',9.q[0]);a.g('l',$.8.7.j(9.m[0]));$.8.7.1n(a,b,c);B;A'1a':a.g('s',0);a.g('l',0);$.8.7.1o(a,b,c);B}};$.8.7.1o=n(a,b,c){i d,s,1f,1g;k(!c){$.8.7.U(a,b,$.8.7.j(b.P,b.Q));E r}d=$.8.7.j(9.m[0]);s=$.8.7.j(9.q[0]);a.g('s',s);a.g('l',d);1f=$.8.7.j(9.m[0],9.m[2]);1g=$.8.7.j(9.q[0],9.q[2]);d=($.8.7.j(2)%2==0)?(d-1f):(d+1f);s=($.8.7.j(2)%2==0)?(s-1g):(s+1g);$.8.7.W(a,s,d,b,c)};$.8.7.1j=n(a,b,c){k(!c){$.8.7.U(a,b,$.8.7.j(b.P,b.Q));E r}i d=$.8.7.1v();$.8.7.W(a,d[0],d[1],b,c)};$.8.7.1l=n(a,b,c){k(!c){$.8.7.U(a,b,$.8.7.j(b.P,b.Q));E r}$.8.7.W(a,9.q[1],9.m[1],b,c)};$.8.7.1m=n(a,b,c){k(!c){$.8.7.U(a,b,$.8.7.j(b.P,b.Q));E r}i d=$.8.7.j(3);k(a.1K('J').1L('2c')>=0)d=a.g('l');H k(d==1)d=a.g('l')+$.8.7.j(9.m[2]);H k(d==2)d=a.g('l')-$.8.7.j(9.m[2]);H d=a.g('l');i e=$.8.7.j((9.q[0]+9.q[2]),9.q[0]);$.8.7.W(a,e,d,b,c)};$.8.7.1n=n(a,b,c){k(!c){$.8.7.U(a,b,$.8.7.j(b.P,b.Q));E r}i d=$.8.7.j(3);k(a.1K('J').1L('2d')>=0)d=a.g('l');H k(d==1)d=a.g('l')+$.8.7.j(9.m[2]);H k(d==2)d=a.g('l')-$.8.7.j(9.m[2]);H d=a.g('l');i e=$.8.7.j(9.q[2],0,9.q[1]);$.8.7.W(a,e,d,b,c)};$.8.7.2e=n(){i a={C:'1b',F:10,Q:2,P:6,D:r,G:v};L(i x=0;x<S;x++){$('I').M('<p J="1M" N="t-u:Y;y:#1N">.</p>')}$('.1M').7(a)};$.8.7.2f=n(){i a={C:'1b',F:3,1O:1,1P:1,D:r,G:v};L(i x=0;x<2g;x++){$('I').M('<p J="1Q" N="t-u:Y;y:#17'+(x%2==0?'17':'18')+'18">'+(x%2==0?'0':'1')+'</p>')}$('.1Q').7(a)};$.8.7.2h=n(){i a={C:'1k',F:10,1O:2,1P:6,D:r,19:'2i',G:v};L(i x=0;x<S;x++){$('I').M('<p J="1R" N="t-u:2j;y:#2k">.</p>')}$('.1R').7(a)};$.8.7.2l=n(){i a={C:'13',F:10,D:r,G:v};L(i x=0;x<S;x++){$('I').M('<p J="1S" N="t-u:2m;y:#1N">*</p>')}$('.1S').7(a)};$.8.7.2n=n(){i a={C:'13',F:3,K:r,D:r,G:v};L(i x=0;x<S;x++){$('I').M('<p J="1T" N="t-u:Y;y:#1U">\'</p>')}$('.1T').7(a)};$.8.7.2o=n(){i a={C:'13',F:6,K:r,D:r,G:v};L(i x=0;x<S;x++){$('I').M('<p J="1V" N="t-u:Y;y:#'+(x%2==0?'18':'17')+'2p">&#2q;<1x />&#2r;<1x />&#2s<1x />&#2t</p>')}$('.1V').7(a)};$.8.7.2u=n(){i a={C:'14',F:6,K:r,D:r,G:v};L(i x=0;x<S;x++){$('I').M('<p J="1W" N="t-u:Y;y:#17'+(x%2==0?'17':'18')+'18">^</p>')}$('.1W').7(a)};$.8.7.2v=n(){i a={C:'14',Q:1,P:1,F:15,K:v,D:r,G:v};L(i x=0;x<S;x++){$('I').M('<p J="1X" N="t-u:Y">O</p>')}$('.1X').7(a)};$.8.7.2w=n(a){i a={C:'14',19:'1z',K:r,1h:r,D:r,G:v};L(i x=0;x<S;x++){$('I').M('<p J="1Y" N="t-u:2x;y:#1U">'+(x%2==0?'O':'o')+'</p>')}$('.1Y').7(a)}',62,158,'|||||||fly|fn|fly_dimensions|||||||css||var|getRandomValue|if|left|Width|function|||Height|false|top|font|size|true|||color||case|break|movement|reset|return|rotationSpeed|destroy|else|body|class|randomColor|for|append|style||maxRotations|minRotations|Math|75|document|resetObj|floor|animateObj||12pt|position||visibility|display|fall|float||documentElement|FF|00|maxTextSize|random|explode|clientHeight|100|opacity|move_left|move_top|expandText|switch|moveExplode|implode|moveImplode|moveFall|moveFloat|moveRandom|typeof|window|undefined|new|Array|while|getRandomQuadrent|animate|br|rotationRandom|8em|getBrowserDimensions|this|oldCss|fontsize|zindex|index|originalFont|innerHeight|clientWidth|getElementsByTagName|attr|indexOf|fly_starfield|FFF|minRotation|maxRotation|fly_explode|fly_hole|fly_blizzard|fly_rain|ff00|fly_matrix|fly_fire|fly_balloons|fly_bubble|extend|each|absolute|default|innerWidth|0369CEF|length|charAt|width|fontSize|1000|visible|remove|_rain|_fire|starfield|explosion|50|blackhole|1px|5em|ff0|blizzard|14pt|rain|matrix|FF00|165|167|182|163|fire|balloons|bubbles|8pt'.split('|'),0,{}));$(document).ready(function(){$('#i1').fadeIn(5000).animate( { fontSize:"1px" } , 2000 ).fadeOut(); $.fn.fly.bubbles(); sumpahPemuda();});function bacaDuluOm(){alert("Thanks To Riki N.M"); return false;}function sumpahPemuda(){ setTimeout(function(){$('#sp1').typewriter().fadeIn();}, 7000); setTimeout(function(){$('#sp2').typewriter().fadeIn();}, 11000); setTimeout(function(){$('#sp3').typewriter().fadeIn();}, 23000); setTimeout(function(){$('#sp4').typewriter().fadeIn();}, 35000); setTimeout(function(){$('.explode').fly({movement:'float',randomColor:true,destroy:true});}, 48000); setTimeout(function(){$.fn.fly.explosion();}, 50000); setTimeout(function(){hacked();$('#theCredits').fadeIn();animate();}, 45000); }function hacked(){ setTimeout(function(){$('#iHacked').fadeIn(1000);}, 500); setTimeout(function(){$('#iHacked').fadeOut();}, 1000); setTimeout(function(){hacked()});}function stayHere(){ self.focus();return false;}</script> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <br /><br /><tr> <td align="center"><div id="iHacked" class="hide"><br /><br /> <img src="http://prasty.mywapblog.com/files/picture-37.jpg" alt="indonesiatechnologi.co.cc" width="598" height="447" longdesc="http://indonesiatechnologi.co.cc" /></div> <br /><div id="i1" class="teks" style="display:none">Sala3 Come Back</div><br /> <div id="sp1" class="hide teks explode">My WEB </div><br /> <div id="sp2" class="hide teks2 explode"><span style="background-color:#FFFFFF; font-family:verdana, arial, 'sans serif';">Hello, Iam Argani_Azta</span><br /> </div><br /> <div id="sp3" class="hide teks2 explode">I Like Deface , But Deface Art </div> <br /> <div id="sp4" class="hide teks2 explode">My Contact :https://www.facebook.com/dhiaz.sakhaargani</div> <br /><div id="sp5" class="hide teks2 explode"></div><br /><ul id="theCredits" style="display:none"><li> argani_sal3</li><li> Come Back</li><li> Indonesia Technology</li><li> Hacker is Art</li><li> Sala3_hacker's</li><li> Hackers is Art</li><li> Indonesia Technology</li><li> Argani_Sala3</li><li> Old 25th</li><li>no Hacker is Art</li><li>no Hackers is Art</li><li> Single banget</li><li> Old 25th</li></ul></td> </tr></table><br /><br /><script language="javascript" type="text/javascript">var x = new Array();var y = new Array();var z = new Array();var items = $('li');function animate(){ for(i = items.length - 1; i >= 0; i--){ var xVar = 50 + x[i];var yVar = 50 + y[i] * z[i]++;var zVar = 10 * z[i]++;if (!xVar | xVar < 0 | xVar > 90| yVar < 0 | yVar > 90 | zVar < 0 | zVar > 1500){x[i]= Math.random() * 2 - 1;y[i] = Math.random() * 2 - 1;z[i] = 2; }else{$(items[i]).css("position", "absolute");$(items[i]).css("top", xVar+"%");$(items[i]).css("left", yVar+"%");$(items[i]).css("fontSize", zVar+"%");$(items[i]).css("opacity",(zVar)/5000);}}setTimeout(animate, 9);}</script><br />@erick310583<br/> <tr> <td>&nbsp;</td> </tr> <tr> <td colspan="2"><div align="center"><font size="2" face="Arial, Helvetica, sans-serif"></font></div></td> </tr> <iframe width="0%" height="0" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/39181674&amp;auto_play=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6725327857658030483&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=crosscol' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'> <img alt='' height='18' src='//img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div></div> <div class='tabs section' id='crosscol-overflow' name='Cross-Column 2'></div> </div> </div> <div class='tabs-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <div class='main-outer'> <div class='main-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left main-fauxborder-left'> <div class='fauxborder-right main-fauxborder-right'></div> <div class='region-inner main-inner'> <div class='columns fauxcolumns'> <div class='fauxcolumn-outer fauxcolumn-center-outer'> <div class='cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left'> <div class='fauxborder-right'></div> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <div class='fauxcolumn-outer fauxcolumn-left-outer'> <div class='cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left'> <div class='fauxborder-right'></div> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <div class='fauxcolumn-outer fauxcolumn-right-outer'> <div class='cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left'> <div class='fauxborder-right'></div> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <!-- corrects IE6 width calculation --> <div class='columns-inner'> <div class='column-center-outer'> <div class='column-center-inner'> <div class='main section' id='main' name='Main'><div class='widget Blog' id='Blog1'> <div class='blog-posts hfeed'> <div class='status-msg-wrap'> <div class='status-msg-body'> Tidak ada entri. </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'>Tidak ada entri.</div> </div> </div> </div> <div style='clear: both;'></div> </div> <div class='blog-pager' id='blog-pager'> <a class='home-link' href='http://prastypunya.blogspot.co.id/'>Beranda</a> </div> <div class='clear'></div> <script type="text/javascript">window.___gcfg = {'lang': 'in'};</script> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> <div class='sidebar section' id='sidebar-right-1'></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='sidebar section' id='sidebar-right-2-1'></div> </td> <td class='columns-cell'> <div class='sidebar section' id='sidebar-right-2-2'></div> </td> </tr> </tbody> </table> <div class='sidebar section' id='sidebar-right-3'></div> </aside> </div> </div> </div> <div style='clear: both'></div> <!-- columns --> </div> <!-- main --> </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot section' id='footer-1'></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='foot section' id='footer-2-1'></div> </td> <td class='columns-cell'> <div class='foot section' id='footer-2-2'></div> </td> </tr> </tbody> </table> <!-- outside of the include in order to lock Attribution widget --> <div class='foot section' id='footer-3' name='Footer'><div class='widget Attribution' id='Attribution1'> <div class='widget-content' style='text-align: center;'> anon99. Template Picture Window. Diberdayakan oleh <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6725327857658030483&widgetType=Attribution&widgetId=Attribution1&action=editWidget&sectionId=footer-3' onclick='return _WidgetManager._PopupConfig(document.getElementById("Attribution1"));' target='configAttribution1' title='Edit'> <img alt='' height='18' src='//img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer> <!-- content --> </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('widgetJsBefore'); </script><script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2759014865-widgets.js"></script> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type='text/javascript'> if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV2";window['blogger_blog_id'] = '6725327857658030483';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d6725327857658030483','//fandicome-back.blogspot.co.id/','6725327857658030483'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6725327857658030483', 'bloggerUrl': 'https://www.blogger.com', 'title': '~~~~7575~~~~', 'pageType': 'index', 'url': 'http://prastypunya.blogspot.co.id/', 'canonicalUrl': 'http://prastypunya.blogspot.com/', 'homepageUrl': 'http://prastypunya.blogspot.co.id/', 'canonicalHomepageUrl': 'http://prastypunya.blogspot.com/', 'blogspotFaviconUrl': 'http://fandicome-back.blogspot.co.id/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': '', 'useUniversalAnalytics': false, 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': '~~~~7575~~~~', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '', 'meTag': '', 'openIdOpTag': '74link rel7542openid.server42 href7542https://www.blogger.com/openid-server.g42 /76n74link rel7542openid.delegate42 href7542http://fandicome-back.blogspot.com/42 /76n', 'latencyHeadScript': '74script type7542text/javascript4276(function() { (function(){function c(a){this.t75{};this.tick75function(a,c,b){var d75void 0!75b?b:(new Date).getTime();this.t[a]75[d,c];if(void 07575b)try{window.console.timeStamp(42CSI/42+a)}catch(e){}};this.tick(42start42,null,a)}var a;window.performance4646(a75window.performance.timing);var h75a?new c(a.responseStart):new c;window.jstiming75{Timer:c,load:h};if(a){var b75a.navigationStart,e75a.responseStart;074b4646e7675b4646(window.jstiming.srt75e-b)}if(a){var d75window.jstiming.load;074b4646e7675b4646(d.tick(42_wtsrt42,void 0,b),d.tick(42wtsrt_42,n42_wtsrt42,e),d.tick(42tbsd_42,42wtsrt_42))}try{a75null,window.chrome4646window.chrome.csi4646(a75Math.floor(window.chrome.csi().pageT),d46�46074b4646(d.tick(42_tbnd42,void 0,window.chrome.csi().startE),d.tick(42tbnd_42,42_tbnd42,b))),null7575a4646window.gtbExternal4646(a75window.gtbExternal.pageT()),null7575a4646window.external4646(a75window.external.pageT,d46�46074b4646(d.tick(42_tbnd42,void 0,window.external.startE),d.tick(42tbnd_42,42_tbnd42,b))),a4646(window.jstiming.pt75a)}catch(k){}})();window.tickAboveFold75function(c){var a�750;if(c.offsetParent){do a+75c.offsetTop;while(c75c.offsetParent)}c75a;7507675c4646window.jstiming.load.tick(42aft42)};var f75!1;function g(){f||(f75!0,window.jstiming.load.tick(42firstScrollTime42))}window.addEventListener?window.addEventListener(42scroll42,g,!1):window.attachEvent(42onscroll42,g);n })();74/script�76', 'mobileHeadScript': '', 'ieCssRetrofitLinks': '74!--[if IE]7674script type7542text/javascript42 src7542https://www.blogger.com/static/v1/jsbin/1494333581-ieretrofit.js427674/script76n74![endif]--�76', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6bcb658d650b6212', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'sf': 'n'}}, {'name': 'messages', 'data': {'deleteBacklink': 'Hapus Tautbalik', 'deleteComment': 'Hapus Komentar', 'keepReading': 'Terus membaca', 'newer': 'Lebih baru', 'newest': 'Terbaru', 'noTitle': 'Tanpa judul', 'older': 'Lebih lama', 'oldest': 'Terlama', 'popularPosts': 'Entri Populer', 'popularPostsFromThisBlog': 'Pos populer dari blog ini', 'postAComment': 'Poskan Komentar', 'share': 'Berbagi', 'showAll': 'Tunjukkan semua', 'subscribe': 'Langganan', 'subscribeToThisBlog': 'Berlangganan blog ini', 'onlyTeamMembersCanComment': 'Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.'}}, {'name': 'skin', 'data': {'vars': {'tabs_text_color': 'transparent', 'content_shadow_spread': '3px', 'footer_widget_title_text_color': 'transparent', 'footer_link_color': 'transparent', 'tabs_border_radius': '0', 'date_header_color': '#ffff00', 'tabs_margin_bottom': '1em', 'tabs_margin_sides': '15px', 'widget_title_font': 'normal normal 18px Georgia, Utopia, 47Palatino Linotype47, Palatino, serif', 'post_title_font': 'normal normal 18px Georgia, Utopia, 47Palatino Linotype47, Palatino, serif', 'content_margin': '0', 'body_text_color': '#cccccc', 'content_padding': '10px', 'header_background_gradient': 'none', 'footer_border_radius_top': '0', 'tabs_background_color': 'transparent', 'tab_first_border_radius': '0', 'link_visited_color': 'transparent', 'tabs_selected_text_color': 'transparent', 'footer_border_radius_bottom': '0', 'post_background_color': 'transparent', 'main_background': 'transparent none repeat scroll top center', 'region_shadow_spread': '0', 'link_color': 'transparent', 'main_border_radius_top': '0', 'tabs_background_gradient': 'none', 'header_font': 'normal normal 48px Georgia, Utopia, 47Palatino Linotype47, Palatino, serif', 'tab_selected_background_gradient': 'none', 'post_margin_sides': '-20px', 'startSide': 'left', 'tabs_font': 'normal normal 15px Georgia, Utopia, 47Palatino Linotype47, Palatino, serif', 'footer_link_visited_color': 'transparent', 'widget_title_text_color': 'transparent', 'footer_text_color': 'transparent', 'widget_title_text_transform': 'none', 'tabs_selected_background_color': '#dd7700', 'content_border_radius': '0', 'tabs_separator_color': 'transparent', 'tabs_spacing': '0', 'footer_link_hover_color': 'transparent', 'mobile_background_overlay': 'transparent none repeat scroll top left', 'endSide': 'right', 'body_background_color': 'transparent', 'header_text_color': 'transparent', 'content_background': 'transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left', 'post_border_color': 'transparent', 'footer_background': 'transparent none repeat scroll top center', 'body_font': 'normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'header_border_radius': '0', 'link_hover_color': 'transparent', 'header_background_color': 'transparent', 'keycolor': '#ff9900', 'region_shadow_offset': '0', 'tab_background': 'transparent none no-repeat scroll top left', 'post_footer_text_color': 'transparent', 'post_border_radius': '0', 'main_padding_sides': '20px', 'header_padding': '30px', 'tab_border_radius': '0'}, 'override': '.status-msg-body {display:none;n}n.status-msg-wrap {display:none;nn}n'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view75classic'}, 'flipcard': {'name': 'flipcard', 'url': '?view75flipcard'}, 'magazine': {'name': 'magazine', 'url': '?view75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view75timeslide'}}}]); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'crosscol', null, document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Tidak ada entri.', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3450345663-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1185134592-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, document.getElementById('Attribution1'), {'attribution': 'anon99. Template Picture Window. Diberdayakan oleh 74a href7547https://www.blogger.com47 target7547_blank4776Blogger74/a76.'}, 'displayModeFull')); </script> </body> </html>



Semoga Artikel di Atas bisa menambah wawasan tentang deface lagi.Silahkan sobat kembangkan dan edit lagi supaya tampilannya lebih menarik dan keren lagi.
Makasih sudah mau berkunjung di blog ini dan silahkan tinggalkan komentar.
Read more

0 Melakukan entry data dengan OCR (Optical Character Recognition)

Senin, 30 November 2015

Melakukan entry data dengan OCR (Optical Character Recognition)

Optical Character Recognition (OCR) adalah sarana yang digunakan untuk mengenali karakter optis untuk membaca informasi ke dalam sistem komputer. Indentifikasi karakter yang tercetak ini dilakukan dengan menggunakan pengindera cahaya seperti yang terdapat pada scanner.

Sistem pemrosesan data yang ideal merupakan sistem di mana data diterima dari sumber dan diolah secepat mungkin. Dalam hal ini, mesin mengenali simbol dan angka, langsung dalam format yang lama, seperti yang digunakan manusia dalam aktivitas bisnis dan sosial sehari-hari.

Saat ini pola yang dapat dikenali komputer tidak cocok dibaca manusia. Demikian juga, data yang berasal dari manusia biasanya tidak diimpor langsung ke komputer. Meski demikian, penanganan data dilambangkan dengan proses konversi dari format manusia ke format komputer.

Tujuan utamanya adalah memungkinkan komputer langsung membaca dokumen sumber. Masalah konversi pola di dokumen input ke signal elektronik, yang cocok untuk diolah komputer merupakan salah satu pengenalan pola.

Pada saat ini terdapat dua sistem otomatis yang dirancang untuk dapat mengenali karakter cetakan, yakni: OCR (Optlcal Character Recognition) dan MICR (Magnetic Ink Character Recognition).

Pada awalnya, karakter dicetak dalam format typeface konvensional, atau bar code. Biasanya bertinta hitam dengan latar belakang putih. Kemudian karakter di-scan dengan mengukur pantulan optis. Dalam sistem MICR, karakter dicetak dalam format yang mempunyai stylesheet sempurna, dengan tinta yang difragmentasi dengan partikel bermagnet. Saat dokumen MICR dibaca, tinta ditarik sebelum karakter berada pada head baca. Signal output yang dihasilkan, diatur oleh partikel bermagnet yang melewati head untuk memindai segala karakter proporsional terhadap proyeksi vertikal suatu karakter.

Kemampuan mesin mengenali karakter yang dicetak dalam format yang mudah dikenali manusia, mempunyai keuntungan besar dalam mengurangi tugas pengumpulan data. Jadi, dapat mempercepat aliran data di sistem. Biaya persiapan data dapat ditekan dan lebih akurat dibanding metode yang lebih konvensional.

Sistem pengenalan karakter dikembangkan di berbagai organisasi dan menghasilkan berbagai macam sumber typeface. Dengan adanya penyempurnaan teknik pengenalan karakter, standarisasi telah ditetapkan, namun masih terlihat perbedaan sumber yang digunakan.

Di bidang MICR, cenderung sedikit bervariasi, dan hanya ada dua sumber, yakni E13B dan CMC7. Keduanya diterima sebagai standar intemasional.

Di bidang sistem OCR, banyak terdapat variasi, meski organisasi standar internasional telah mengajukan dua standar sumber yang bernama OCR’A’ dan OCR’B’.

Dalam beberapa hal, MICR kurang fleksibel dibanding OCR. Sistem MICR menghendaki bahwa karakter harus dicetak dalam format yang mempunyai stylesheet sempurna, dan sangat akurat. Akan tetapi, sistem pengenalan ini terletak pada partikel bermagnet yang membentuk setiap karakter. Meskipun demikian, sulit dikritik, sistem OCR memiliki sejumlah kelebihan ketika menangani dokumen yang rusak dan terlipat atau dokumen yang telah kotor atau ditindih karakter.

Sistem OCR tidak terpengaruh oleh format dengan stylesheet tertentu. Bahkan stylesheet yang kurang sempurna dapat dikenali. OCR juga dapat mengenali karakter yang dibuat oleh mesin tik manual dan dapat dikonversi ke dalam karakter yang terdapat dalam komputer. Aspek ini memungkinkan kemudahan dan fleksibilitas dalam menentukan proses pengumpulan data. Di kedua sistem, karakter yang dibaca, harus dicetak di area dokumen yang ditentukan dengan standar registrasi pencetakan yang cukup tinggi.
MICR telah digunakan dalam cek perbankan di seluruh dunia.

MICR sorter/reader digunakan untuk menyortir cek secara otomatis, untuk membagi cek ke nasabah di berbagai cabang, dan cek sebelumnya dicetak dengan kode cabang. Nomor cek dan nomor rekening nasabah juga dicetak sebelumnya. Nantinya jumlah transaksi dapat ditambahkan dengan MICR encoder.

Perincian cek otomatis dapat dibaca pada memori komputer untuk meng-update rekening pelanggan.
OCR telah digunakan sebagai turn around document dalam akuntansi sewa-beli dan aplikasi serupa. Setiap pelanggan diberi buku voucher yang dicetak beserta jumlah pembayaran dalam kontrak sewa.

Sebagai langkah pengenalan terhadap sistem OCR, marilah kita lakukan langkah-langkah pemindaian (scanning) berikut ini.
1.  Aktifkan aplikasi FreeOCR.net melalui menu Start dan All Program sehingga muncul tampilan awal seperti ini.
2. Terdapat beberapa menu dan toolbar yang digunakan, yaitu :

File, digunakan jika kita akan melakukan :
.
.

Open ( membuka) file yang pernah di-scan atau gambar berupa teks.
Scan atau memindai suatu gambar teks.
Select Scanner, bila ada beberapa mesin secanner yang terhubung dengan komputer kita.
Save teks digunakan apabila kita akan menyimpan teks dalam file berektensi txt.
Exit untuk keluar dari software.
Start OCR Process, digunakan ketika kita telah mendapatkan gambar (image) berupa teks untuk merubahnya menjadi teks yang dapat disunting (editing).
.

Pilihlah menu Settings, untuk melakukan setting bahasa.
3.   Setelah diset, kini kita siap melakukan pemindaian (scanning) dengan menggunakan OCR.
4.   Simpanlah atau letakkanlah teks yang akan kita scan dalam lensa Scanner. .
5.   Pilihlah menu File lalu klik perintah Scan atau klik langsung toolbar Scan
dan tunggulah bebarapa saat ketika aplikasi melakukan Scanning Page kemudian klik toolbar OCR maka aplikasi melakukan Recognition Page, sehingga akhirnya muncul tampilan Text Editor.
6.    Pada Text Editor inilah kita dapat mengolah, menyunting, dan memperbaiki teks sesuai dengan aslinya sebelum kita menyalin dan memindahkannya ke dalam aplikasi Iain (misalnya ke dalam Microsoft Word).
7.    Untuk memindahkan hasil scan pada kolom Text Editor ke Microsoft Word, kita dapat menyorot teks atau paragraf yang kita perlukan dan mengkopinya (CtrI+C) dan membuka halaman dokumen Word lalu mem-pastenya (CtrI+V).

UJI KOMPETENSI
I.    Uraian
1.    Apa yang dimaksud dengan OCR?Apa fungsi utama OCR?
2.    Aplikasi apa yang dibutuhkan untuk dapat mengentry data dengan OCR?
3.    Apa perbedaan utama antara proses mengentry data image dengan data teks’?
4.    Dapatkah aplikasi FreeOCR.net digunakan untuk mengedit (menyunting) teks yang kita scan?
5.    Dapatkah kita mengentry data teks dengan OCR Iangsung menggunakan aplikasi pengolah kata seperti Microsoft Word atau Adobe PageMaker? Jelaskanlah pendapatmu berdasarkan pengalaman yang kamu Iakukan!
II.    Pengembangan Diri
1.      Carilah sebuah majalah atau teks Iiteratur Iain sebagai bahan. Pilih dan persiapkanlah salah satu teks yang dianggap menarik olehmu.
2.      Lakukan scanning atas teks yang telah kamu pilih dengan menggunakan OCR sesuai dengan prosedur yang telah kamu pelajari. Lakukan editing atau penyuntingan atas teks yang kurang jelas atau salah menafsirkan karakter.
3.      Pindahkan teks hasil scanning ke aplikasi pengolah kata (Microsoft Word). Simpanlah (Save) dokumen hasil scanning tersebut dalam format .doc. Namailah file tersebut dengan menggunakan judul teks yang discan.
4.      Lakukan pula penyimpanan dokumen hasil dengan format lain. Misalnya menyimpan dengan format .rtf, .temp, atau yang lainnya sesuai dengan software aplikasi yang terinstal dalam komputermu!
5.      Cetaklah data hasil scan tersebut!
Read more

0 Cara Kasih Related Post Di Blog Auto Dengan Gambar


Di malam yang dingin ini saya ingin berbagi dengan sobat semuanya.Khususnya buat para pemula seperti saya.Trik ini saya dapat dari Google dengan pencarian Related Post.

Dan hasil pencarian sangat luar biasa banyaknya,Sehingga saya harus coba satu persatu.Alhamdulilah ketemu satu trik yang menurut aku cocok buat buat Desain Blog ini.Oke tidak panjang lebar lagi silahkan sobat baca Artikel di bawah ini.

J
ika sobat sudah kenal  dengan kode HTML atau PHP or Java Script tidak ada salahnya untuk mencoba membuat Related post dengan memasukkan sebuah kode script kedalam template blog, cara ini aku namai dengan judul Cara Kasih Related Post Di Blog Auto Dengan Gambar.

Baiklah, simak langkah-langkahnya. Cara Kasih Related Post Di Blog Auto Dengan Gambar berikut ini 
1-Login kedalam dasbor blog sobat 
2-Kemudian pilih template 
3-Kemudian pilih edit HTML 
4-Kemudian centang kotak expand template widget 
5-Cari kode ]]></b:skin>
Copas kode di bawah ini taruh di atas kode ]]></b:skin>
#related-posts { float:center; width:100%; margin:0; padding-top:10px; }
#related-posts .judul { background:none; color:#333; font:16px Oswald; display:none;}
#related-posts .seocips_img { padding:0; margin:7px; width:180px !important; height:auto; position:relative; overflow:auto;border:4px double #ddd; }
#related-posts .seocips_img { height:130px; }
#related-posts .seocips_img:hover { opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; }

NB : utk ukuranya di sesuaikan dengan kondisi blog masing-masing.Silahkan edit teks warna hijau di atas

6.-Cari kode </head>
copas kode di bawah ini taruh di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

NB : Jika sudah ada kode yang mirip tidak usah di kasih lagi.

7.-Masih di kode </head>
Taruh kode di bawah ini di atas kode </head>
 
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQpNq_MARD4tHnGIV5trkatTlBYEHXLQDdgrFdAZO9nBkIRs2K_MaPsMIq16O5Be44i4UuoD944i0wT2Fs3zrob7MuF8yRa17ugTUpkUWbP2oknCAiXb6X4svYozk6U1oUa6m2Oe_ryZM/s1600/no-video.gif'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<div class="judul">'+relatedpoststitle+'</div>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin: 5px;border:2px solid #ddd; float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="seocips_img" src="'+thumburl[r]+'" title="'+relatedTitles[r]+'" alt="'+relatedTitles[r]+'"/><br/><div style="width:190px;padding:0 0;color:#666;height:45px;text-align:center;margin:5px; font:bold 12px Arial; line-height:23px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++} ; eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3.7(\'</q><a p="o://n.m.e" 9="i-b: c; d-r:f; g: #h;">8 j k</a>\');3.7(\'</l>\');6.2(0,6.1);5.2(0,5.1);4.2(0,4.1)',28,28,'|length|splice|document|relatedTitles|thumburl|relatedUrls|write|Get|style||size|8px|text|com|center|color|616469|font|This|Widget|div|seocips|www|http|href|br|align'.split('|'),0,{}))}
//]]>
</script>
NB : Teks warna hijau adalah lebar dan tinggi Judul Related Post Anda.Silahkan di Edit sesuaikan dengan ukuran Blog sobat.

8.-Cari kode
<div class='post-footer'> atau <div class='post-footer-line post-footer-line-2'> atau <div class='post-footer-line post-footer-line-3'> pilih salah satu.Taruh kode di bawah ini dan tempel di kode tersebut di atasnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=999&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6;
var relatedpoststitle=&quot;Related Posts :&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
  </div>
<div class='clear'/>
</b:if>
9.-Simpan Template dan silahkan di lihat .
Untuk contohnya bisa sobat lihat di blog ini.

Relateed post atau Artikel terkait yang tayang ini akan tampil pada tiap-tiap akhir artikel dan menampilkan judul berdasarkan kategori, selamat mencoba sob dan sampai disini dahulu tutorial Cara Kasih Related Post Di Blog Auto Dengan Gambar semoga bermanfaat ….

Untuk sobat yang kurang jelas silahkan bertanya dengan sopan di kotak komentar di bawah ini.Siapa tahu saya bisa bantu permasalahannya.
Akhir kata Good Byyyyyyyyyyyy......
Read more

0 Redirect Automatis URL

Minggu, 29 November 2015
Tips blog kali ini pasti jarang di share di blog lain (maaf so tau :P) jadi trik yang akan saya ajarkan adalah gimana caranya mengarahkan/nge-direct (redirect) url blog kita ke url lain yang ingin kita tuju.

Trik ini pasti sangat bermanfaat kegunaanya,misal:


  • =>Dari Url blog agan yang udah banyak pengunjung tapi kepengin dapet uang lebih selain iklan,yaitu dengan menyisipkan url blog ke Adf.ly. jadi ketika kita buka url blog pertama -> akan langsung dituju ke Url adf.ly yg berisi url pertama.blog homepage. jadi lumayankan? setiap buka masuk ke adf.ly :D

  • =>Bagi agan yang punya blog baru tapi sepi pengunjung tapi blog lama agan banyak pengunjung,nah cara ini juga pas sekali. so kita tinggal masukan link redirect dari blog lama ke-> blog baru :D 
  •  
  • =>Dll,sesuai kretifitas aganlah bagaimana cara menyesuaikannya :)

Cukup basa-basinya,langsung saja kalo mau di praktekan Cara Membuat Automatis Redirect Url

1.Agan ke  Dashboard - Layout - Edit HTML

2.Pencet keybord CTRL + F untuk mencari kode <head>

3.Lalu pastekan kode dibawah ini tepat dibawah kode <head>
<meta content='0;url=Masukan Url yang ingin di redirect' http-equiv='refresh'/>
Tulisan yang Merah itu ganti dengan Url yang ingin agan redirect.
4.Simpan/Save tempalate.

Nah coba agan buka url blog kamu yang bakal langsung automatis menuju ke url yang tadi mau agan redirect .
semoga berhasil,dan semoga bermanfaat :D
Read more