R2 Blog

Cara Membuat Multi Menu Drop Down

Unknown April 23, 2014 Tutorial Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
1. Login ke Blog kamu. 
2. Pilih Menu Edit HTML, cari kode ]]></b:skin> 
3. Setelah ketemu letakan kode di bawah ini tepat di atas kode Di tahap 2. 
 
.ddsmoothmenu{ 
font: bold 12px Verdana; 
background: #414141; /*background of menu bar (default state)*/ 
width: 100%; 
} 
.ddsmoothmenu ul{ 
z-index:100; 
margin: 0; 
padding: 0; 
list-style-type: none; 
} 
/*Top level list items*/ 
.ddsmoothmenu ul li{ 
position: relative; 
display: inline; 
float: left; 
} 
/*Top level menu link items style*/ 
.ddsmoothmenu ul li a{ 
display: block; 
background: #414141; /*background of menu items (default state)*/ 
color: white; 
padding: 8px 10px; 
border-right: 1px solid #778; 
color: #2d2b2b; 
text-decoration: none; 
} 
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ 
display: inline-block; 
} 
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ 
color: white; 
} 
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ 
background: black; 
color: white; 
} 
.ddsmoothmenu ul li a:hover{ 
background: black; /*background of menu items during onmouseover (hover state)*/ 
color: white; 
} 
/*1st sub level menu*/ 
.ddsmoothmenu ul li ul{ 
position: absolute; 
left: 0; 
display: none; /*collapse all sub menus to begin with*/ 
visibility: hidden; 
} 
/*Sub level menu list items (undo style from Top level List Items)*/ 
.ddsmoothmenu ul li ul li{ 
display: list-item; 
float: none; 
} 
/*All subsequent sub menu levels vertical offset after 1st level sub menu */ 
.ddsmoothmenu ul li ul li ul{ 
top: 0; 
} 
/* Sub level menu links style */ 
.ddsmoothmenu ul li ul li a{ 
font: normal 13px Verdana; 
width: 160px; /*width of sub menus*/ 
padding: 5px; 
margin: 0; 
border-top-width: 0; 
border-bottom: 1px solid gray; 
} 
/* Holly Hack for IE \*/ 
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/ 
 
/* ######### CSS classes applied to down and right arrow images ######### */ 
.downarrowclass{ 
position: absolute; 
top: 12px; 
right: 7px; 
} 
.rightarrowclass{ 
position: absolute; 
top: 6px; 
right: 5px; 
} 
/* ######### CSS for shadow added to sub menus ######### */ 
.ddshadow{ 
position: absolute; 
left: 0; 
top: 0; 
width: 0; 
height: 0; 
background: silver; 
} 
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ 
opacity: 0.8; 
} 
 
 
4. Selanjutnya cari kode </head>,setelah ketemu letakan script di bawah ini tepat di atas kode </head> 
 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
<script src='http://btemplatescripts.googlecode.com/files/ddsmoothmenu.txt' type='text/javascript'/> 
 
 
5. Selanjutnya cari kode yang mirip dengan kode di bawah ini. 
 
<div id='header-wrapper'> 
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='Nama Blog (Header)' type='Header'/> 
</b:section> 
</div> 
 
  
  Punya saya seperti ini : (Template Bawaan Blogger) 
         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>           <b:include name='description'/>         </b:if>       </div> 
  
   Kode di atas merupakan kode bagian Header
 dan untuk yang berwarna merah biasanya itu adalah judul header blog 
anda, jadi cari saja kode yang mirip kayak di atas. Dan setelah ketemu 
letakan kode di bawah ini tepat di bawah kode bagian akhir kode header 
di atas (letakan tepat di bawah kode yang berwarna biru). 
 
<div class='ddsmoothmenu' id='smoothmenu1'> <ul> <li><a href='http://pehbate.blogspot.com/'>Home</a></li> <li><a href='#'>Download</a> <ul> <li><a href='http://pehbate.blogspot.com/p/software.html'>Software</a></li> <li><a href='#'>Modul Kuliah</a> <ul> <li><a href='http://pehbate.blogspot.com/p/modul-manajemen-informatika.html'>Manajemen Informatika</a></li> <li><a href='#'>Akan Hadir</a></li> </ul> </li> </ul> </li> <li><a href='#'>Tutorial</a> <ul> <li><a href='http://pehbate.blogspot.com/p/tutorial-jaringan.html'>Jaringan</a></li> <li><a href='#'>Komputer</a> <ul> <li><a href='#'>Sistem Operasi</a> <ul> <li><a href='http://pehbate.blogspot.com/p/tutorial-windows.html'>Windows</a></li> <li><a href='http://pehbate.blogspot.com/p/tutorial-kali-linux.html'>Kali Linux</a></li> </ul> </li> <li><a href='#'>Hardware</a></li> </ul> </li> <li><a href='http://pehbate.blogspot.com/p/tutorial-blog.html'>Blogspot</a></li> <li><a href='#'>Pemograman</a> <ul> <li><a href='http://pehbate.blogspot.com/p/tutorial-visual-basic.html'>Visual Basic</a></li> <li><a href='http://pehbate.blogspot.com/p/tutorial-mysql.html'>Mysql</a></li> <li><a href='http://pehbate.blogspot.com/p/tutorial-turbo-pascal.html'>Turbo Pascal</a></li> </ul> </li> </ul> </li> <li><a href='#'>Tips Dan Triks</a> <ul> <li><a href='#'>Laptop</a> <ul> <li><a href='http://pehbate.blogspot.com/p/lenovo.html'>Masalah Lenovo</a></li> </ul> </li> <li><a href='http://pehbate.blogspot.com/p/printer.html'>Printer</a></li> <li><a href='http://pehbate.blogspot.com/p/trik-lainnya.html'>Trik Lainnya</a></li> </ul> </li> <li><a href='#'>Pengetahuan</a> <ul> <li><a href='#'>Bahan Kuliah</a> <ul> <li><a href='http://pehbate.blogspot.com/p/manajemen-informatika.html'>Manajemen Informatika</a></li> </ul> </li> <li><a href='#'>Tahukah Anda</a></li> </ul> </li> <li><a href='#'>Akan Hadir</a></li> </ul> <div class='menusearch'> <div style='float:right;padding:8px 8px 0 0;'>   <form action='http://pehbate.blogspot.com/search/label/' method='get' target=''> <input name='sitesearch' style='display:none;' value='http://pehbate.blogspot.com'/> <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdVifs96UN1-1spm9Yw-6VaqZBzMg4SnTxMTGpSV8de3_b36ol5Iu4ArhECRzPDppRsO023f65JyA_pvdLiK8janwWQRqCw2CLYhf9SCkQuBppwnBLlO3qFkLjsj-ojgzXl-8m2Gl6-hY/s1600/field-bg.gif) no-repeat;' type='text' value='Search'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTL5y0SLx9CI21O7HmJNdGqeO6WSN0dr7md4P9r_P7zCIrDwOkHViIUVBqH-QNV2f9IS2z5ZmdyNXF_wEtsqVObUfWwwtTQYBNl7qZ1tPiOwvr-Oh9eOMYxxiICWaL2e7A-mdOowi-Dc4/s1600/bg_search.gif' type='image' value='Search'/> </form></div></div> </div><div style='clear:both;'/>   
 
maaf gan gak sempat edit,, ane Buru-buru ni mau ke kampus,, Silahkan di edit link-Link Blog saya dengan link-link blog agan.. Ok. Selamat Mencoba ya gan..</div>

1. Login ke Blog kamu. 2. Pilih Menu Edit HTML, cari kode ]]> 3. Setelah ketemu letakan kode di bawah ini tepat di atas kode Di tahap 2. .ddsmoothmenu{ font: bold 12px Verdana; background: #414141; ...

23Apr2014

Hanya Menampilkan Judul Posting Pada Halaman Awal Blog

Unknown April 23, 2014 Tutorial Blog

ok gan,, saya berpura-pura agan sudah posisi edit template :P langsung saja: 1. Cari kode 2. Gantikan Kode tersebut dengan script dibawah Mudah kan gan :D ok, selamat mencoba..

23Apr2014

Cara Buat Postingan Utama blog Dengan Thumbnail

Unknown April 22, 2014 Tutorial Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
capek ane cari2 cara di google,, 
gak ada yang bisa,, 
Ok,, 
Mungkin dengan cara pengalaman ini,, agan pasti bisa menangkali auto readmore lainnya 
langsung aja ya gan... 
 
saya anggap agan udah di bagian edit template yah.. 
1. Cari kode  </head> 
2. Tepat diatas kode </head> Pastekan Script di bawah ini 
------------------------------------------------------------------------------------------------------------------ 
<pre class="numbered" data-codetype="CSS+HTML+JQuery" title="Double Click to Copy"><code class="xml">
<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 200;
summary_img = 200;
img_thumb_height = 60;
img_thumb_width = 100;
</script>

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script></code></pre>
<pre class="numbered" data-codetype="CSS+HTML+JQuery" title="Double Click to Copy"><code class="xml"> </code></pre>
<pre class="numbered" data-codetype="CSS+HTML+JQuery" title="Double Click to Copy"><code class="xml"> </code></pre>
------------------------------------------------------------------------------------------------------------------ 
 
Ok,saya anggap agan udah Memastekannya.. 
 
Sekarang tahap selanjutnya: 
3. Carilah Kode  <data:post.body/> 
 
 
   Disini ane mendapatkan 3 kode yang sama gan :D 
ane pake yang kedua,, 
4. Blok kode <data:post.body/> Lalu paste kan Script dibawah ini: ---------------------------------------------------------------------------------------------------------------------- 
 
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"><b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if> </code></pre>
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"> </code></pre>
<pre data-codetype="CSS+HTML+JQuery"><code class="xml">--------------------------------------------------------------------------------</code></pre>
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"> </code><code class="xml"> </code></pre>
 Tunggu dulu gan,, disini ane mendapatkan masalah, yaitu ada script yang tidak ter spasi sesudah mem pastekan Script di atas,, 
 
nah agan tau akhiran script di ataskan? 
yaitu : 
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"></b:if>
</b:if> </code></pre>
<pre data-codetype="CSS+HTML+JQuery"><code class="xml">
</code></pre>
<code></code>Sekarang agan tekan enter sekali sesudah akhiran script di atas.. 
 
ok,, sekarang di save ya gan.. 
jika tidak bisa,, komentar saja,, 
insyaallah saya balas. 
 
 </div>

capek ane cari2 cara di google,, gak ada yang bisa,, Ok,, Mungkin dengan cara pengalaman ini,, agan pasti bisa menangkali auto readmore lainnya langsung aja ya gan... saya anggap agan udah di bagia...

22Apr2014

Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header

Unknown April 22, 2014 Tutorial Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header: 
 
1. Seperti biasa sobat harus login dulu di akun blog sobat 
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan 
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan 
4. Sobat cari kode ]]></b:skin> dan letakkan kode berikut tepat di atas kode ]]></b:skin> 
 
   /* Menu Horizontal Dropdown
----------------------------------------------- */
#menuwrapperpic{background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ8E14mIrRPEhrAzs6xE7R0ZOk6WhaNxNpZjNaWGM3BOKQAWKe2ezSz_Rd3wdy35LF2bkg2rs6crZB8MV24gWEJotOMmbU0ZtkygyuW3r8Ks31hg30JptUUC5UcOfnvjzn9GbanFMk8Kk/s1600/menubar.png)
 repeat-x;width:960px;margin:0 auto;padding:0 auto}
#menuwrapper{width:960px;height:35px;margin:0 auto}
.menusearch{width:300px;float:right;margin:0 auto;padding:0 auto}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#menubar{width:100%}
#menubar,#menubar ul{list-style:none;font-family:Arial, 
serif;margin:0;padding:0}
#menubar 
a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px
 solid #191919;padding:12px 10px 8px}
#menubar 
a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_Xzh4Jbeb7yPsf0wsdxRsmyySpJIRLL7_xzZSD6z-NIw5NQupD53EJrAOFvx2u8BR7GT4YbA2cPlB097QXm37uZz8WS_n8uLxDOKaHYnTIWnFZmjyf_17aWYfayd3xZNvBs16yXYi1c/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right
 center;padding:12px 24px 8px 10px}
#menubar li{float:left;position:static;width:auto}
#menubar li ul,#menubar ul li{width:170px}
#menubar ul li 
a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px
 10px}
#menubar li 
ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0
 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr 
a{background-color:#222;color:#E98C0A}
#menubar li:hover ul,#menubar li.hvr ul{display:block}
#menubar li:hover ul a,#menubar li.hvr ul 
a{color:#edfdfd;background-color:transparent;text-decoration:none}
#menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid 
#000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0}
#menubar ul 
a:hover{background-color:#555!important;color:#fff!important;text-decoration:none} 
 
 
 
Selanjutnya sobat blogger cari kode berikut: 
<ul>
<li><header>  : untuk menempatkan menu di atas nama blog</li>
<li></header> : untuk menempatkan menu di bawah nama blog</li>
</ul>
Copy kode di bawah ini dan letakkan tepat di atas kode <header> atau di bawah kode </header> 
 
   
 <div id='menuwrapperpic'> 
<div id='menuwrapper'> 
<ul id='menubar'> 
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaWszZ1Lg1HIh2mPjr9S8Dnbd5JNE0sKX05XqtKsscNPZQ26b0mU562QQnSsdrr9A0v6qpLp6RBRC1_Mgb0l2563TvObugWpfgrC20UbzV9eHDcm0L2-XlMbOTmRrh7IjXGGWTeX9WOYI/s1600/home_white.png' style='padding:0px;'/> Home</a></li> 
<li><a href='http://pehbate.blogspot.com/p/blog-page_13.html'>Windows</a></li> 
<li><a href='http://pehbate.blogspot.com/p/backtrack.html'>Kali linux</a></li> 
<li><a class='trigger'>Download</a> 
<ul> 
<li><a href='https://plus.google.com/u/0/106997202037581570725' target='new'>Software</a></li> 
<li class='hr'/> 
<li><a href='http://pehbate.blogspot.com/p/best-site-games-pc.html' target='new'>Best Site PC Games</a></li> 
<li class='hr'/> 
<li><a href='http://www.myspace.com/denzuaz' target='new'>Contact on Myspace</a></li> 
<li><a href='http://www.facebook.com/zuazTama' target='new'>Zuaz&#39;Z on Facebook</a></li> 
</ul> 
</li> 
<li><a class='trigger'>Tutorial</a> 
<ul> 
<li><a href='http://pehbate.blogspot.com/p/j.html'>Jaringan</a></li> 
<li class='hr'/> 
<li><a href='#'>Komputer</a></li> 
<li class='hr'/> 
<li><a href='#'>Blogspot</a></li> 
<li class='hr'/> 
<li><a href='#'>Visual Basic</a></li> 
<li class='hr'/> 
<li><a href='#'>Turbo Pascal</a></li> 
</ul> 
</li> 
<li><a class='trigger'>Pengetahuan</a> 
<ul> 
<li><a href='#'>Jaringan</a></li> 
<li class='hr'/> 
<li><a href='#'>Komputer</a></li> 
<li class='hr'/> 
<li><a href='#'>#</a></li> 
</ul> 
</li> 
</ul> <div class='menusearch'> 
<div style='float:right;padding:8px 8px 0 0;'> 
  <form action='http://pehbate.blogspot.com/search/label/' method='get' target=''> 
<input name='sitesearch' style='display:none;' value='http://pehbate.blogspot.com'/> 
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdVifs96UN1-1spm9Yw-6VaqZBzMg4SnTxMTGpSV8de3_b36ol5Iu4ArhECRzPDppRsO023f65JyA_pvdLiK8janwWQRqCw2CLYhf9SCkQuBppwnBLlO3qFkLjsj-ojgzXl-8m2Gl6-hY/s1600/field-bg.gif) no-repeat;' type='text' value='Search'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTL5y0SLx9CI21O7HmJNdGqeO6WSN0dr7md4P9r_P7zCIrDwOkHViIUVBqH-QNV2f9IS2z5ZmdyNXF_wEtsqVObUfWwwtTQYBNl7qZ1tPiOwvr-Oh9eOMYxxiICWaL2e7A-mdOowi-Dc4/s1600/bg_search.gif' type='image' value='Search'/> 
</form></div></div> </div><div style='clear:both;'/></div> 
 
 
silahkan sesuaikan dengan keinginan anda </div>

Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header: 1. Seperti biasa sobat harus login dulu di akun blog sobat 2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan 3. Centang &q...

22Apr2014

Membuat Posting Blog 2 Kolom

Unknown April 22, 2014 Tutorial Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8F4qvZydX-8txgAkNfm-4YShQQM3Galr2h8YvYO1VFZUvLpSbBznMHPdvHb7evA9foPt0OPzIntjJ2GeLt5-hUVNd6XgGPdYVi5lA8KZmmt1SrGFBgg1hNsIBsWdX5vR0uDFo3YqAPmc/s1600/Template-Gallery.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8F4qvZydX-8txgAkNfm-4YShQQM3Galr2h8YvYO1VFZUvLpSbBznMHPdvHb7evA9foPt0OPzIntjJ2GeLt5-hUVNd6XgGPdYVi5lA8KZmmt1SrGFBgg1hNsIBsWdX5vR0uDFo3YqAPmc/s1600/Template-Gallery.png" /></a></div>
Tampak Cantik dan Menarik, Cool, 2 kolom, Indah, Menawan, Jos. Tutorial langsung ke 
langkah-langkahnya dan pokok permasalahannya, kali ini 
 tentang "Galery Post Blogspot" yaitu seperti gambar di atas, kurang 
lebih tampilannya seperti itu. 
 
 
 
 
 
 
 
 
 
1. Login ke akun blogger 
2. Klik Rancangan, Klik Edit HTML, Lalu Lanjutkan 
3. Klik kotak kecil di samping tulisan Expand Template Widget 
4. Cari kode ]]></b:skin> (Untuk mempermudah pencarian, gunakan F3 atau CTRL+F), Jika sudah ketemu silahkan copy koe di bawah ini lalu letakkan tepat di bawah kode ]]></b:skin> 
 
 <b:if cond='data:blog.pageType != &quot;item&quot;'> 
<style> 
 
/*homepage styles 
--------------------------------------------------------*/ 
#main-wrapper { 
width:625px; 
float:left; 
margin-right:0px; 
margin-top:0px; 
background:none; 
overflow:hidden;} 
 
.post { 
width:295px; 
height:210px; 
margin:0px 10px 10px 0; 
padding:5px 0 0 5px; 
border:1px solid #ccc; 
display:inline; 
float:left; 
overflow:hidden; 
position:relative; background-color:#F5F5F5; font-family:arial; font-size:12px; } 
 
.post h3 { 
width:290px; 
font-family:arial; 
font-weight:bold; 
font-size:12px; 
color:#424242; 
text-align:left; 
margin:0px; border-bottom:1px solid #ccc; 
position:absolute;} 
 
.post-body { 
width:290px; 
height:240px; 
overflow:hidden; 
padding:0px; 
margin:25px 0 0;} 
 
.post img { 
height:100px; 
width:100px; 
margin-top:5px; 
padding:1px;} 
 
</style> 
</b:if> 
  
 
5. Save Template/Simpan Template dan lihat hasilnya. 
 
 
Note : 
 
  Yang perlu diperhatikan yaitu kode  #main-wrapper dan kode .post karena jika tidak hasilnya akan sangat buruk dan kolom saling bertabrakan. 
 
1. #Main-wrapper yaitu yang akan ditempati kolom posting atau .post, dari kode diatas lebar #main-warpper 625px perhatikan dibawah ini. 
 
2. .post kode ini yang akan dibagi menjadi 2 kolom dan akan menentukan tiap kolom posting yang akan tampil dalam area #main-wrapper diatas yaitu 625px maka lebar post dibagi menjadi 2 dan dikurangi margin 10px + 10px dan padding 5px + 5px  = maka hasilnya 295px dan tinggi 210px (tinggi bisa disesuikan) perhatikan kode .post (anda bisa membuat menjadi 3 kolom jika angka 295px diperkecil lagi) 
 
3. .post h3 Ini kode judul posting anda bisa merubah angka  width:290px; dengan menyesuaikan lebar posting. 
 
4.  .post-body  Ini kode untuk menyimpan  kontent post atau post body sesuaikan width:290px; dan height:240px; 
 
5. .post img  kode ini menentukan besar kecil gambar thumbnail posting bisa disesuaikan dengan merubah nilai   height:100px; dan width:100px; 
 
Yang Lainnya silahkan edit-edit dulu supaya paham.. 
Ok sekian dulu..</div>

Tampak Cantik dan Menarik, Cool, 2 kolom, Indah, Menawan, Jos. Tutorial langsung ke langkah-langkahnya dan pokok permasalahannya, kali ini tentang "Galery Post Blogspot" yaitu seperti ...

22Apr2014

Pengelolaan Pengolahan Data Elektronik

Unknown April 21, 2014 Bahan Kuliah

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZ2Hk5ap51YtNZmHyv7tQMPg60xcqhCp6d-ymXi-fjElpoTyF-qtyUwOR9f9dWKcxqSWSak-fEU8HNvcIAGAXeuHWMhZk-eywb_QTivxZsFnv08XYXuvOLXUlbpS9WIaa6NNj6OXepck/s1600/download+(1).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZ2Hk5ap51YtNZmHyv7tQMPg60xcqhCp6d-ymXi-fjElpoTyF-qtyUwOR9f9dWKcxqSWSak-fEU8HNvcIAGAXeuHWMhZk-eywb_QTivxZsFnv08XYXuvOLXUlbpS9WIaa6NNj6OXepck/s1600/download+(1).jpg" /></a></div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1WVMqOJfyxXFCSCjQ300EEhCIHuigGIb4VvIoJrqp45_HkEAjyHqAsK1tsc1TCIuTNa9lwkwUks6d8U_SoZzvc66mBW5RYt-VVFnz5qnpM_wdC0A9H_NfwrtpaKbF9oFYJsYFMNthgV0/s1600/download+(2).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1WVMqOJfyxXFCSCjQ300EEhCIHuigGIb4VvIoJrqp45_HkEAjyHqAsK1tsc1TCIuTNa9lwkwUks6d8U_SoZzvc66mBW5RYt-VVFnz5qnpM_wdC0A9H_NfwrtpaKbF9oFYJsYFMNthgV0/s1600/download+(2).jpg" /></a></div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUoQmIiFSYQnRyxubEmAskA3xJ8WfEgsMMAH04WbKg4yOPQs_cz5GBk4fsvLY2vF3M45z1omJ-ucSCea76Ziztv4PoQIZz5UZali0MH3s_XYXjHFvnxLwP3ZLX1e8KhXZGQF2XrO5AhMY/s1600/download.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUoQmIiFSYQnRyxubEmAskA3xJ8WfEgsMMAH04WbKg4yOPQs_cz5GBk4fsvLY2vF3M45z1omJ-ucSCea76Ziztv4PoQIZz5UZali0MH3s_XYXjHFvnxLwP3ZLX1e8KhXZGQF2XrO5AhMY/s1600/download.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUoQmIiFSYQnRyxubEmAskA3xJ8WfEgsMMAH04WbKg4yOPQs_cz5GBk4fsvLY2vF3M45z1omJ-ucSCea76Ziztv4PoQIZz5UZali0MH3s_XYXjHFvnxLwP3ZLX1e8KhXZGQF2XrO5AhMY/s1600/download.jpg" /></a></div>

<h1 style="page-break-after: auto;">
A.PENGOLAHAN
DATA ELEKTRONIK</h1>
<h1 style="page-break-after: auto;">
 </h1>
<h1 style="page-break-after: auto;">
1.PENDEKATAN
DALAM PEMROSESAN DATA ELEKTRONIK</h1>
<div class="MsoNormal">
 </div>
<div class="MsoNormal" style="line-height: 150%; text-align: justify;">
            Dalam
computer based systems suatu
transaksi dapat dimasukkan secara sendiri-sendiri maupun secara kelompok,
setelah dimasukkan dapat juga diproses secara langsung maupun kelompok.</div>
<div class="MsoNormal" style="line-height: 150%; text-align: justify; text-indent: 21.75pt;">
Agar lebih jelas, akan
diuraikan satu persatu mengenai masing-masing sistem tersebut diatas.</div>
<div class="MsoNormal" style="line-height: 150%; text-align: justify; text-indent: 21.75pt;">
 </div>
<h1 style="page-break-after: auto;">
Pendekatan
Batch Data Entry</h1>
<h1 style="page-break-after: auto; text-indent: 36.0pt;">
Pendekatan ini
merupakan pendekatan tradisional dalam pemasukkan data untuk diproses.
Pendekatan tersebut pertama kali mengumpulkan data dari berbagai dokumen sumber
untuk dibuat kelompok dan kemudian diproses secara berkala per kelompok.</h1>
<h1 style="page-break-after: auto;">
            Media yang
dapat dipakai untuk mendukung penggunaan pendekatan ini adalah Optical Character Recognition (OCR),
Magnetic Ink Character Recognition (MICR), magnetic tapes, magnetic disk, dan
Disket. </h1>
<h1 style="page-break-after: auto;">
 </h1>
<h1 style="page-break-after: auto;">
Pendekatan
On-line Data Entry</h1>
<h1 style="page-break-after: auto; text-indent: 36.0pt;">
Pendekatan ini
lebih maju dari pendekatan di atas. Pada on-line processing , setiap transaksi
yang terjadi langsung dimasukkan ke dalam sistem untuk kemudian diproses. Dalam
bidang produksi kita kenal suatu sistem JIT (just in time).</h1>
<h1 style="page-break-after: auto;">
            Pada
beberapa aplikasi, data yang berkaitan dengan suatu transaksi terlebih dahulu
direkam/dicatat pada suatu dokumen sumber untuk kemudian dirubah bentuknya
kedalam sistem komputer, tetapi ada juga yang tidak memerlukan adanya dokumen
sumber, jadi data sudah langsung berbentuk computer-readable.
</h1>
<h1 style="page-break-after: auto;">
            Terlihat
pada paragraf diatas, bahwa alat yang dapat digunakan untuk mendukung
pendekatan ini dibagi menjadi dua kategori, yaitu :</h1>
<h1 style="margin-left: 21.75pt; mso-list: l13 level1 lfo2; page-break-after: auto; tab-stops: list 21.75pt; text-indent: -21.75pt;">
1.      Peralatan
yang digunakan membutuhkan intervensi manusia.</h1>
<h1 style="margin-left: 21.75pt; mso-list: l13 level1 lfo2; page-break-after: auto; tab-stops: list 21.75pt; text-indent: -21.75pt;">
2.      Peralatan
yang digunakan tidak membutuhkan intervensi manusia.</h1>
<div class="MsoNormal">
 </div>
<h1 style="page-break-after: auto; text-indent: 21.75pt;">
Pada jenis nomor
satu, transaksi yang terjadi dicatat pada suatu media, biasanya kertas,
kemudian akan langsung dimasukkan kedalam komputer dengan cara diketik melalui keyboard. Proses pemasukkan data ini
biasa disebut keyed data entry.</h1>
<h1 style="page-break-after: auto; text-indent: 21.75pt;">
Sedangkan pada
jenis nomor dua, tidak diperlukan adanya media lain tetapi data transaksi
langsung masuk kedalam komputer dalam bentuk yang sudah dapat dibaca komputer.
Contohnya adalah penggunaan barcode, dalam penggunaan barcode ini kita tidak
perlu lagi melakukan keying (pemasukkan data) tapi scanner langsung membaca
data yang ada dan langsung disimpan dalam media tertentu (disket) menunggu di
proses lebih lanjut.</h1>
<h1 style="page-break-after: auto;">
 </h1>
<h1 style="page-break-after: auto;">
2.PENDEKATAN
BATCH DATA PROCESSING</h1>
<h1 style="page-break-after: auto;">
            Batch
processing meliputi pemrosesan data secara kelompok. Sama dengan proses
pemasukkan data secara kelompok, data yang sudah masuk dikumpulkan sampai batas
tertentu (bisa dalam kuantitas maupun waktu) kemudian baru diproses.</h1>
<h1 style="page-break-after: auto;">
            Secara
umum pendekatan batch processing digunakan bersamaan dengan pendekatan batch
entry, namun dalam beberapa aplikasi, batch processing digunakan bersamaan
dengan pendekatan on-line entry. Pada aplikasi ini data transaksi yang terjadi
disimpan dalam suatu tempat sementara sampai jumlah tertentu (atau waktu
tertentu) baru kemudian akan diproses. </h1>
<h1 style="page-break-after: auto;">
            Pendekatan
ini banyak digunakan jika transaksi yang terjadi mempunyai volume yang besar
dan bersifat rutin.</h1>
<h1 style="page-break-after: auto;">
            Dalam
pendekatan ini terdapat dua tipe up-date data, yaitu : sequential (berurut) dan random
(acak).</h1>
<h1 style="page-break-after: auto;">
            </h1>
<h1 style="page-break-after: auto;">
3.PENDEKATAN
ON-LINE PROCESSING</h1>
<h1 style="page-break-after: auto;">
            Dalam
pendekatan ini pemrosesan data akan dilakukan begitu data transaksi muncul.
Pendekatan ini digunakan untuk situasi yang bersifat dinamis, dimana informasi
yang up-to-date sangat dibutuhkan.</h1>
<h1 style="page-break-after: auto;">
            Pendekatan
ini juga biasa disebut sebagai sistem pemrosesan interaktif, karena on-line
processing umumnya melibatkan interaksi langsung dengan manusia.</h1>
<h1 style="page-break-after: auto;">
            Kombinasi
yang paling mungkin adalah menggunakan on-line processing dengan on-line data
entry.</h1>
<div class="MsoNormal" style="line-height: 150%; text-align: justify; text-indent: 21.75pt;">
Dari uraian diatas secara
umum terdapat beberapa kombinasi pemrosesan data elektronik yang sering kita
temui dalam suatu perusahaan, yaitu :</div>
<div class="MsoNormal" style="line-height: 150%; margin-left: 21.75pt; mso-list: l1 level1 lfo1; tab-stops: list 21.75pt; text-align: justify; text-indent: -21.75pt;">
1.     
atch
Data Entry ; Batch Processing</div>
<div class="MsoNormal" style="line-height: 150%; margin-left: 21.75pt; mso-list: l1 level1 lfo1; tab-stops: list 21.75pt; text-align: justify; text-indent: -21.75pt;">
2.     
On-line
Data Entry ; Batch Processing</div>
<div class="MsoNormal" style="margin-left: 21.75pt; mso-list: l1 level1 lfo1; tab-stops: list 21.75pt; text-indent: -21.75pt;">
3.      On-line
Data Entry ; On-line Processing</div>
<h1 style="page-break-after: auto;">
 </h1>
<h1 style="page-break-after: auto; tab-stops: 10.0cm;">
4.PERBANDINGAN UNTUNG RUGI PENGGUNAAN
BATCH DAN ON-LINE PROCESSING</h1>
<table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="border-collapse: collapse; border: none; margin-left: 9.9pt; mso-border-alt: solid windowtext .5pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-table-layout-alt: fixed;">
 <tbody>
<tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
 <td style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 85.5pt;" valign="top" width="114"><h1 style="page-break-after: auto;">
 </h1>
</td>
 <td style="border-left: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 166.5pt;" valign="top" width="222"><h1 align="center" style="page-break-after: auto; text-align: center;">
BATCH PROCESSING</h1>
</td>
 <td style="border-left: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 171.0pt;" valign="top" width="228"><h1 align="center" style="page-break-after: auto; text-align: center;">
ON-LINE PROCESSING</h1>
</td>
 </tr>
<tr style="mso-yfti-irow: 1;">
 <td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 85.5pt;" valign="top" width="114"><h1 style="page-break-after: auto;">
KEUNTUNGAN</h1>
</td>
 <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 166.5pt;" valign="top" width="222"><h1 align="left" style="margin-left: 21.75pt; mso-list: l6 level1 lfo3; page-break-after: auto; tab-stops: list 21.75pt; text-align: left; text-indent: -21.75pt;">
1.      Biaya penerapannya relatif murah</h1>
<h1 align="left" style="margin-left: 21.75pt; mso-list: l6 level1 lfo3; page-break-after: auto; tab-stops: list 21.75pt; text-align: left; text-indent: -21.75pt;">
2.      Menyediakan suatu alat kontrol berupa batch total.</h1>
<h1 align="left" style="margin-left: 21.75pt; mso-list: l6 level1 lfo3; page-break-after: auto; tab-stops: list 21.75pt; text-align: left; text-indent: -21.75pt;">
3.      Penerapannya lebih efisien melalui pemrosesan secara
 berurut.  </h1>
<div class="MsoNormal">
 </div>
</td>
 <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 171.0pt;" valign="top" width="228"><h1 align="left" style="margin-left: 21.6pt; mso-list: l2 level1 lfo4; page-break-after: auto; tab-stops: list 21.6pt; text-align: left; text-indent: -21.6pt;">
1.      Menyediakan suatu informasi yang up-to-date.</h1>
<h1 align="left" style="margin-left: 21.6pt; mso-list: l2 level1 lfo4; page-break-after: auto; tab-stops: list 21.6pt; text-align: left; text-indent: -21.6pt;">
2.      Menyediakan suatu proses kontrol lebih awal</h1>
<h1 align="left" style="margin-left: 21.6pt; mso-list: l2 level1 lfo4; page-break-after: auto; tab-stops: list 21.6pt; text-align: left; text-indent: -21.6pt;">
3.      Meniadakan proses sortir dan pengubahan data.</h1>
<h1 style="page-break-after: auto;">
 </h1>
</td>
 </tr>
<tr style="mso-yfti-irow: 2; mso-yfti-lastrow: yes;">
 <td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 85.5pt;" valign="top" width="114"><h1 style="page-break-after: auto;">
KERUGIAN</h1>
</td>
 <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 166.5pt;" valign="top" width="222"><h1 align="left" style="margin-left: 21.6pt; mso-list: l4 level1 lfo5; page-break-after: auto; tab-stops: list 21.6pt; text-align: left; text-indent: -21.6pt;">
1.      Tidak dapat menyedia- kan informasi yang up-to-date.</h1>
<h1 align="left" style="margin-left: 21.6pt; mso-list: l4 level1 lfo5; page-break-after: auto; tab-stops: list 21.6pt; text-align: left; text-indent: -21.6pt;">
2.      Harus melakukan sortir dan pengubahan bentuk data.</h1>
<h1 align="left" style="margin-left: 21.6pt; mso-list: l4 level1 lfo5; page-break-after: auto; tab-stops: list 21.6pt; text-align: left; text-indent: -21.6pt;">
3.      Membutuhkan penanganan untuk mengatur dokumen
 sumber.  </h1>
<div class="MsoNormal">
 </div>
</td>
 <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 171.0pt;" valign="top" width="228"><h1 align="left" style="margin-left: 21.6pt; mso-list: l7 level1 lfo6; page-break-after: auto; tab-stops: list 21.6pt; text-align: left; text-indent: -21.6pt;">
1.      Membutuhkan peralatan yang lebih mahal.</h1>
<h1 align="left" style="margin-left: 21.6pt; mso-list: l7 level1 lfo6; page-break-after: auto; tab-stops: list 21.6pt; text-align: left; text-indent: -21.6pt;">
2.      Tidak dapat menggunakan batch kontrol.</h1>
<h1 style="page-break-after: auto;">
 </h1>
<div class="MsoNormal">
 </div>
</td>
 </tr>
</tbody></table>
<h1 style="page-break-after: auto;">
 </h1>
<h1 style="page-break-after: auto;">
 </h1>
<h1 style="page-break-after: auto;">
   B.SIKLUS PENGELOHAN DATA</h1>
<div class="MsoNormal" style="line-height: 200%; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
     Pengolahan berasal dari kata olah yang
berati serangkaian kegiatan atau aktivitas yang melakukan kegiatan – kegiatan
tertentu untuk kegiatan tertentu pula. Berdasarkan pengertian tersebut maka
pengolahan data adalah serangkaian kegiatan, pikiran dan bantuan tenaga atau
suatu peralatan yang mengikuti serangkaian langkah, perumusan data tersebut,
bentuk susunan, sifat atau isinya menjadi lebih berguna. Pengolahan data dapat
dilakukan secara sentralisasi dan desentralisasi. Sentaralisasi pengolahan data
memungkinkan kearah:</div>
<div class="MsoNormal" style="line-height: 200%; margin-left: 54.0pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify; text-indent: -54.0pt;">
a.
Penerapan pembagian kerja dengan akibat pembagian biaya dan pembangunan
kwantitatif secara lebih menguntungkan.</div>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
b.
Pemakaian file yang sama pada banyak proses pengolahan data.</div>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
c. Suatu
pemamfaatan yang lebih baik dari sasaran teknis administrasi.</div>
<div class="MsoNormal" style="line-height: 200%; margin-left: 54.0pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify; text-indent: -54.0pt;">
d.
Penerapan pemisahan fungsi antara operasional dan pengolahan data secara
sentral.</div>
<div class="MsoNormal" style="line-height: 200%; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Pengolahan data dapat
diartikan juga sebagai segala pengolahan untuk membuat data yang berguna sesuai
dengan hasil yang diinginkan sehingga dapat segera dipakai. Pengolahan data
merupakan suatu proses penerimaan data sebagai masukan (input) kemudian
diproses (processing) oleh suatu program tertentu dan mengeluarkan hasil proses
data dengan komputer dikenal suatu sistem yang disebut EDP (Electronic Data
Processing) yaitu suatu sistem pengolahan data dimana komputer memegang peranan
utama.Dilihat dari sistem pengolahan data, dapat dibagi dalam tiga tahap dasar
yaitu:</div>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
a. Membaca
data atau input data.</div>
<div class="MsoNormal" style="line-height: 200%; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
b. Mengolah data atau proses
</div>
<div class="MsoNormal" style="line-height: 200%; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
c. Hasil atau output. </div>
<div class="MsoNormal" style="line-height: 200%; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Pengolahan data melalui
komputer meliputi beberapa bagian antara lain:</div>
<ol start="1" type="1">
<li class="MsoNormal" style="line-height: 200%; mso-list: l3 level1 lfo7; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;">Recording (perekaman)</li>
</ol>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Data
yang diolah dan ditulis dalam suatu formulir dasar dari pengolahan data
selanjutnya.</div>
<ol start="2" type="1">
<li class="MsoNormal" style="line-height: 200%; mso-list: l14 level1 lfo8; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;">Clasifying (Klasifikasi)</li>
</ol>
<div class="MsoNormal" style="line-height: 200%; margin-left: 36.0pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Pemberian
suatu identifikasi kedalam data yang diolah, klasifikasi yang sering dibuat
adalah kode-kode seperti numerik, alphanumerik dan sebagainya.</div>
<ol start="3" type="1">
<li class="MsoNormal" style="line-height: 200%; mso-list: l9 level1 lfo9; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;">Sorting (Pengurutan)</li>
</ol>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Setelah
data yang akan diolah diberi identifikasi maka data perlu diataur/ diurut
menurut kode klasifikasinya dan biasanya diurut menurut kode numeriknya.</div>
<ol start="4" type="1">
<li class="MsoNormal" style="line-height: 200%; mso-list: l0 level1 lfo10; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;">Calculating (penghitungan)</li>
</ol>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Pelaksanaan
penghitungan sangat diperlukan dalam menghitung data yang masuk dan data yang
keluar.</div>
<ol start="5" type="1">
<li class="MsoNormal" style="line-height: 200%; mso-list: l8 level1 lfo11; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;">Storing (
 penyimpanan)</li>
</ol>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Penyimpan
data yang sejenis dalam bentuk referensi yang akan datang perlu dilakukan.
Periode penyimpanan setiap data berlainan antar data yang satu dengan yang
lain.</div>
<ol start="6" type="1">
<li class="MsoNormal" style="line-height: 200%; mso-list: l5 level1 lfo12; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;">Summarizing ( penyusunan)</li>
</ol>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Untuk
memungkinkan dilakukannya analisa terhadap data atau informasi yang dihasilkan,
maka perlu dilakukan pembuatan rekapitulasi laporan sesuai dengan keinginan
yang membutuhkan informasi.</div>
<ol start="7" type="1">
<li class="MsoNormal" style="line-height: 200%; mso-list: l11 level1 lfo13; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;">Retrieving (Pencarian
 )</li>
</ol>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Pencarian
data ke dalam file distore atau disimpan terdiri dari beberapa cara disesuaikan
dengan penyimpanan.</div>
<ol start="8" type="1">
<li class="MsoNormal" style="line-height: 200%; mso-list: l10 level1 lfo14; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;">Reproducing (Pembagian)</li>
</ol>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Data
yang dimiliki dapat diperbanyak sesuai dengan keinginan, penggandaan dapat
dilakukan dengan foto copy.</div>
<ol start="9" type="1">
<li class="MsoNormal" style="line-height: 200%; mso-list: l12 level1 lfo15; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;">Distribute (
 Pembagian)</li>
</ol>
<div class="MsoNormal" style="mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify;">
Dalam
pengolahan data, informasi yang dihasilkan berasal dari beberapa bagian
sehingga diadakan pembagian laporan.</div>
<div class="MsoNormal">
 </div>
 
<h1 style="page-break-after: auto;">
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUoQmIiFSYQnRyxubEmAskA3xJ8WfEgsMMAH04WbKg4yOPQs_cz5GBk4fsvLY2vF3M45z1omJ-ucSCea76Ziztv4PoQIZz5UZali0MH3s_XYXjHFvnxLwP3ZLX1e8KhXZGQF2XrO5AhMY/s1600/download.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUoQmIiFSYQnRyxubEmAskA3xJ8WfEgsMMAH04WbKg4yOPQs_cz5GBk4fsvLY2vF3M45z1omJ-ucSCea76Ziztv4PoQIZz5UZali0MH3s_XYXjHFvnxLwP3ZLX1e8KhXZGQF2XrO5AhMY/s1600/download.jpg" /></a></h1>
<h1 style="page-break-after: auto;">
  </h1>
<h1 style="page-break-after: auto;">
 </h1>
<div class="MsoNormal">
 </div>
<h1 style="page-break-after: auto;">
   </h1>
<div class="MsoNormal">
 </div>
<h1 style="page-break-after: auto;">
 </h1>
<div class="MsoNormal">
 </div>
<h1 style="page-break-after: auto;">
  </h1>
<div class="MsoNormal">
 </div>
<div class="MsoNormal">
 </div>
<div class="MsoNormal">
 </div>
</div>

Normal 0 false false false IN X-NONE X-NONE MicrosoftInternetExplorer4 ...

21Apr2014

Cara Membuat Kabel LAN

Unknown April 21, 2014 Tutorial Jaringan

<div dir="ltr" style="text-align: left;" trbidi="on">
Untuk menghubungkan suatu komputer dengan komputer lainnya, atau dalam suatu jaringan komputer/ LAN (local Area Network) diperlukan media penghubung, ada yang menggunakan media kabel LAN biasa (cat5, cat6), FO (Fiber Optic), atau yang tanpa kabel (wireless /wifi /radio). 
 
Disini akan dibahas bagaimana cara mengkrimping/membuat kabel LAN ke konektor Rj-45 (konektor standar untuk kabel LAN), sehingga kita bisa membuatnya sendiri. 
 
Alat dan bahan: 
1. Tang Crimping 
2. Kabel LAN (kabel UTP cat5 atau cat6) 
3. Konektor RJ-45 
 
Kupas bagian luar pelindung kabel dengan menggunakan tang crimping (bisa juga dengan pisau cutter atau gunting) 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUk7jeuh8z38I2jnpIGFdhlXboWl7tSBrgM68ezVg0aytuXHDfHEb1Kj2jFRfJJYHaF9kZtfVSv-5Dog6O7aZVYMu0wY0qDUuvcSo_a58xxT__ozy8s0oq3V3_Pvpj4w7g0XvquBIj6S8/s1600/crimp+utp+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUk7jeuh8z38I2jnpIGFdhlXboWl7tSBrgM68ezVg0aytuXHDfHEb1Kj2jFRfJJYHaF9kZtfVSv-5Dog6O7aZVYMu0wY0qDUuvcSo_a58xxT__ozy8s0oq3V3_Pvpj4w7g0XvquBIj6S8/s1600/crimp+utp+1.jpg" /></a></div>
 
 
 
 
Susun isi  kabel  yang terdiri dari 8 kabel kecil yang ada di dalamnya.. 
 
ada 2 type konfigurasi kabel LAN, ada straight/lurus, ada Cross-over/silang. 
 
1. Straight      =  dipakai untuk menyambungkan komputer ke perangkat switch/hub 
2. Cross-over =  dipakai untuk menyambungkan antara dua komputer (peer to peer) 
 
Susunan warna kabelnya: 
1. Putih-hijau 
2. Hijau 
3. Putih-orange 
4. Biru 
5. Putih-biru 
6. Orenge 
7. Putih-coklat 
8. Coklat 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy7Ga784K3mI62MH28dgPWguc2Ssj3ezFO_3cuWI_0c_6E7PAmxQj6UJEEYsuB61O6cOIfBUCQh0SP5DtPpGev5If169rbFzMUDLeQVxQ5QwGn0KqM7Y7aKEKQwRR00uyiOLF5MAj7OlI/s1600/straight+cable.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy7Ga784K3mI62MH28dgPWguc2Ssj3ezFO_3cuWI_0c_6E7PAmxQj6UJEEYsuB61O6cOIfBUCQh0SP5DtPpGev5If169rbFzMUDLeQVxQ5QwGn0KqM7Y7aKEKQwRR00uyiOLF5MAj7OlI/s1600/straight+cable.jpg" /></a></div>
 
 
 
 
yang di atas untuk cara amatir,,, 
semoga membantu... 
 
Adapun cara profesional.. 
1. Straight       
    susunan pin nya: 
      1  ----->  1 
      2  -----> 2 
      3 ----->  3 
      6 -----> 6 
 
2. Cross-over  
   susunan pin nya: 
13 
26 
31 
 
 
 Sumber: Pengalaman Pribadi </div>

Untuk menghubungkan suatu komputer dengan komputer lainnya, atau dalam suatu jaringan komputer/ LAN (local Area Network) diperlukan media penghubung, ada yang menggunakan media kabel LAN biasa (cat...

21Apr2014

R2 Blog

Labels

Comment

Technology

Latest Post

Cara Membuat Multi Menu Drop Down

Hanya Menampilkan Judul Posting Pada Halaman Awal Blog

Cara Buat Postingan Utama blog Dengan Thumbnail

Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header

Membuat Posting Blog 2 Kolom

Pengelolaan Pengolahan Data Elektronik

Cara Membuat Kabel LAN

Author Name

Contact Form