Tuesday, September 17, 2013

Mengenal Macam-macam Partisi Linux Dan Fungsinya


Pada kesempatan kali ini saya akan menjelaskan tentang macam-macam partisi linux dan fungsinya.
Macam-macam partisi linux dan fungsinya:
  • / (/root) : menunjukkan hirarki tertinggi dari sistem ditektori Linux dimana direktori ini membawahi dari direktori /usr, /home, /mnt dan direktori lainya seperti gambar diatas.

  • /bin : berisi program yang berisi perintah-perintah yang digunakan oleh user biasa seperti perintah ls (menampilkan isi dari suatu direktori, cd (untuk berpindah direktori).

  • /sbin : berisi program yang berisi perintah-perintah yang digunakan oleh super user seperti ifconfig (menampilkan informasi tentang kartu jaringan / network device yang terpasang pada mesin).

  • /home : berisi data dari user yang terdaftar dalam komputer / mesin yang bersangkutan.

  • /usr : berisi paket program, dokumentasi, konfigurasi, aplikasi, library dan source aplikasi linux.

  • /opt : berisi aplikasi yang dapat diakses oleh semua user (hampir sama dengan /usr/sbin/.

  • /root : merupakan “home” nya superuser / root / administrator.

  • /tmp : singkatan dari temporer adalah direktori yang disediakan ketika dibutuhkan ruang sementara dalam melakukan pekerjaan, contoh  ketika melakukan proses burn cd maka image (file iso ) secara default dimasukkan ke direktori ini sebelum di burn ke cd.

  • /etc : secara umum merupakan direktori tempat file konfigurasi berbagai macam service dan program yang terinstall di dalam sistem.

  • /mnt : berisi informasi device yang terpasang (mount) di dalam komputer.

  • /var : Direktori ini berisi data yang bermacam-macam (vary). Perubahan data dalam sistem yang aktif sangatlah cepat. Data-data seperti ini ada dalam waktu yang singkat. Karena sifatnya yang selalu berubah tidak memungkinkan disimpan dalam direktori seperti “/etc”. Oleh karena itu, data-data seperti ini disimpan di direktori var.

  • /boot : berisi informasi yang berkaitan dengan device dan service yang dijalankan ketika komputer melakukan booting (proses komputer dari keadaan mati/off menjadi hidup/on)
Okey sekian dulu penjelasan dari saya, semoga bermanfaat..
Baca Selengkapnya >>>

Saturday, September 7, 2013

Cara Membuat Artikel Terkait Di Blog


Pada kesempatan kali ini saya akan memberikan tutorial cara membuat artikel terkait di blog. Okey sebelumnya apa fungsi dari artikel terkait ? jadi fungsi artikel terkait adalah untuk menampilkan beberapa judul artikel lain yang masih berkaitan dengan artikel yang sedang dibaca oleh pengunjung blog. Arikel terkait juga berguna untuk meningkatkan pageview pada blog kita. Nah sekarang udah pada tau kan apa itu fungsi artikel terkait, oke langsung saja kita mulai cara membuatnya.
Berikut langkah-langkahnya :

1. Login ke bloger
2. klik menu template, lalu klik edit html
3. carilah kode </head> dengan menggunakan CTRL+F
4. jika sudah ketemu masukan kode dibawah ini tepat diatas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a,e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

5. Setelah itu cari kode <data:post.body/> dengan menggunakan CTRL+F
6. Jika sudah ketemu masukan kode dibawah ini tepat dibawah <data:post.body/>

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();</script>
</b:if>

7. Lalu simpan template dan lihat perubahannya

Note: 
  • Kode <data:post.body/> mungkin anda akan temukan banyak, pilih saja satu, tidak apa-apa kok anda coba-coba hitung-hitung sekalian belajar dan yang penting anda faham.
  • Untuk kata Artikel Terkait bisa anda ganti sesuai keinginan anda misalnya: related post, posting terkait, dsb

okey sekian dulu tutorial cara membuat artikel terkait, selamat mencoba...
Baca Selengkapnya >>>

Cara Memasang Widget Flag Counter Di Blog

Pada kesempatan kali ini saya akan memberikan tutorial cara memasang widget flag counter di blog . Apa itu Flag Counter ? flag counter adalah widget yang menampilkan berapa pengunjung yang mengunjungi blog anda berdasarkan negaranya masing-masing. 
contoh gambar widget flag counter seperti berikut :










Langkah-langkahnya seperti berikut
1. Kunjungi website Flag Counter disini 
2. Setelah membuka website Flag counter maka tampilannya sebagai berikut :

















3. Kemudian setting option Flag Counter sesuai keinginan anda
4. Setelah itu klik tombol GET YOUR FLAG COUNTER
    maka akan muncul tampilan seperti dibawah ini:













5. Masukan email anda, jika tidak klik skip saja
6. Setelah itu copy script html nya seperti gambar dibawah ini:








7. Setelah di copy, anda masuk ke bloger, lalu klik tata letak, setelah itu klik tambahkan gadget, lalu pilih HTML/javascript, lalu pastekan kode script tadi.
8. setelah itu simpan dan lihat blog anda

Sekian tutorial memasang widget flag counter dari saya, selamat mencoba...


Baca Selengkapnya >>>

Cara Memasang Emoticon Onion Head Di Komentar Blog

Pada kesempatan kali ini saya akan memberikan tutorial cara memasang emoticon onion head di komentar blog.
Pasti udah pada tau kan emoticon onion head ?
kalo ada yang belom tau seperti ini emoticonnya :


Nah langkah-langkahnya sebagai berikut :

1. Login ke Bloger
2. Klik template, kemudian klik edit HTML
3. cari kode seperti berikut : dengan menggunakan CTRL+F
<div class='post-footer-line post-footer-line-3'/>
4. Kalo udah ketemu scroll kebawah sampe nemuin kode dibawah ini :
</div>
</b:includable>
5. Lalu masukan kode dibawah ini tepat ditengah-tengahnya.
   contoh :
   </div>
   Masukan kodenya disini
   </b:includable>
   Kodenya seperti berikut :

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div style=' width: auto; text-align: left; border: 4px double #0084ce;background: #FFFFFF;  padding: 10px; color:#000000; font-weight:bold; margin-left:40px;'><h3 style='text-align: center;'> <a style='color: #3d85c6;'>Kode Smiley Untuk Komentar </a></h3><br/> 

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2WraTmpxbUJdmn_pRdnBU3K-SaqIfvaoRYWHLbh-5d_Yb3PrtYheSFzWfpnDJ3CrvlNCQC3Etrkkn2NM3c9hhIPZ6b6Q5mnTr2eiAfMDXQcdr1MDu_XAIT-qUFadksuPUn_s2jJWkOXC7/s1600/seociyus.blogspot.com_052.gif'/> :a  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieyI4z3eCdsr_pOA4xHYSGl0KR2g0y3GXZn52qe0EPuv1MQWpy0BVg0j85bQGrnIagki8aP0xJ3ffrgDM6p04SJuCzafZbWIYg9_1PIv3KqrPIEogoKqJsEGPjsIR7ba9TvuohJP4qNSAr/s1600/seociyus.blogspot.com_051.gif'/> :b  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3NELOwFlJ7MmCtY_2aXlZSAwPEv3UnUAMNgBmyY15mhyi_G7_773CgB1gLGnzWrf-Jn9BJj1-7woP2OO34Y9CZYfW6mT0ZGqQWTTjM0UvE8NLrmfyx2mi78_uiof0scABTHhV4XgukP7O/s1600/seociyus.blogspot.com_053.gif'/> :c  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX6sr6_oXdcoXrhXZFDxgtt5lrEgW-DX1ZjOPcpi9A6N5d8aeBizcfaUGYbyG8IH9-ChTo7CJbwwKqcby9K3Lot-7VPiSHEwqtYK-Pq2Gx3ols4uRppBBjAfC9stSuY6KD-UmtAP0o_WKV/s1600/seociyus.blogspot.com_055.gif'/> :d  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCItuelFDyOpf-tuDSuSCB9Z0VP-wnWdyOhNqScR3Tu8jBDYoEbVlkISzCksqK22B1jlkX4WCVjbKrI6BVwNiiOy0trJNwAOw6UDeSktE3MEOPy5CwAi0u0vQKVIi5iUNrA0ty5EBeBulQ/s1600/seociyus.blogspot.com_057.gif'/> :e  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAD5YxKm6i3ZfsaeQxHLOMd6C7L8l1oYEkyl1DVww6V8eRxRzW5BxTdegLh5SYOA6ddlSLCOs1aDFhdFQ8U3i6VtdFhrPGxOWiBmjfRy0EFdNIAJ5wbgrtpIPPSsAy5SaYA2PI76JOO95R/s1600/seociyus.blogspot.com_056.gif'/> :f  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcPSEANgoLzHdA6f-yAeAvGASiqIBN7i31JW9PnJPcmwRpDjx3w1Stfs9rTU5g-j-DlAnXsqkp1TV2POozFS-d7tpxaHrJmzWQKw4j_xC4tJ_vViFIrSGAHjtJhU1xpxzMDrBIfjeEhBeU/s1600/seociyus.blogspot.com_058.gif'/> :g  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0oRI2euvAWa_PDeZWXl_YK-cVwMl7Wyoytm3clrrqP8Gm9FpkIzejHgw4jK1zCTsW2g1w7vnkFfBf34pIc1-dMiT0yDZu3R4dwQqNx2bzRTsxyOxAoFqtVoziKZAt9Bz2ca2yNFzZxlm/s1600/seociyus.blogspot.com_1.gif'/> :h  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7uFfjBV4ovDaMIzY40QgY_lBQMorAyzmQPVVD8W1RF3X3ve_OhLNUWDAx5KoLWK2KhsbGjqr9l3LsOHXiTinn1B9fvaw7Zn9eQN3FHmGLTBK2sZ2MN4WS6tHtraiA7WaJ-6TTxh5_T5LO/s1600/seociyus.blogspot.com_2.gif'/> :i  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeiJELC9WdUpRpQ4CN3rA63eP7CNMIeY1UNbJCJeZcJLN1mvWkP5FfOaoweU-JYIYw43LHaPPkOJkc1AWlAGzyODzZbNKSttOaEZtlXVCtwTAjfBnixmCo15P9dYVn9Xs1HsCR_rY4IB4q/s1600/seociyus.blogspot.com_4.gif'/> :j  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIJQi59nvgST9gECo_SZFE9ih5-fT07KCx_J1ZmBWnCP7V2JiCQJWDi660lI4EC7iB5dIVfZNF0pbjUdoNvQ3Ajl4UNUA3mGG_shklBQ1oSQVhmJSeokRXxy5SuO1zDteDp1ASnkn4VU0J/s1600/seociyus.blogspot.com_5.gif'/> :k  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJbmomqPQvSfWawXjBNQVnpc31VfneRbXZeL_v08auNt78RG5VxDhfS1Qag3_MvtnQToD-wV5dw9iyB-PnZp1jtTQT4ucTWBC5ZWDHQhZn67kaQphOEUcdqvWxxtQ4khu8mjoYrEohHMnS/s1600/seociyus.blogspot.com_070.gif'/> :l  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAVPnv8OFcHQHOcA9B2DjvskzcBMqCt9fgxm4Rs1TSqd-8ybUjtzLxn_K9EPRHCdleFl7K-nQRs5VJ4A-OFuZ_CE5wJxy0F5Qrm0axxG8ZbRVGIEXhT1lGgEaZjs0Z5tdP8u9LU8gSLND3/s1600/seociyus.blogspot.com_010.gif'/> :m  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsOCY5YYt7iTYLFhR-rYIdG64featvLFXdr3w8lyKqPrYVeR2CDn-JZwA7_dL1Nwevn6DF_DaX-96e0o_wMoWvke-EHIK0YeSa3H-Rl1_FXPpL7RNzfNVzwemhmoXNUYQd_w2T6i74-d_F/s1600/seociyus.blogspot.com_059.gif'/> :n  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNT1wxnEpWqEjQ2vNiR6AoQ7nHWO1qlNMXlc1Qj507P49H-u3stk1QCjPZMBxrDO_Ub5vxgLXYSmyaUG29RpzEeTQqDnqEenW-EyO26a7w29twmrncOeC02PDXIhy5Y5zCm02rJjBr8hyphenhyphenM/s1600/seociyus.blogspot.com_088.gif'/> :o  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ1RL7mv8e6NYPxymGcFgNUajZiNx2wd01QsCfNg8IvG8lwufIS2BdXWMbhqJjIb8yonDI1yhr7m3uY4Vfz-HI-tQMKgeOGM4zf_J07CFwx54IieMEKa-as2qqtqa5_52RAHVkB6Qve67F/s1600/seociyus.blogspot.com_012.gif'/> :p  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUmUJxD5uiA98Q1ws1RjIUoTrMPCGGRVq-eeSvgJTu4vVUa1wSn62a-Zh6rpuGOjWhodxb5DzJjYwYF3MLgJYbYKIl3O7Bpr7zvjT2ws0OYaZ5h7tyxIPU_tkcwFc5wT5phR0Wpsuu1Dtl/s1600/seociyus.blogspot.com_033.gif'/> :q  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN9btYiqS6kejbt14B9Z7B_4m1kfHu_JseikFkFGQ8ZSqZjq4MOURYBYQTQL8ayzIgHkoDYbVX0mSOquRJSZ8IGfKM6HasjQ2np3I0FfxEW_SKxvo_O0xF9IMarPbZGwUB_3sMlLn7SS7d/s1600/seociyus.blogspot.com_011.gif'/> :r  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_g8XZyqAuk7fOLcsnTRrD8hWGIAtCRwBUY1QVfOWZkEnyKeAJhMIhNDcC0luIz4Y8KtklQZzvEHXYqD7NTv1Bvpm2SPWHaV0UU_bmTAIB0dGoEDiujl81pe2nEe423KXu2bdZzSgMJlaG/s1600/seociyus.blogspot.com_7.gif'/> :s  &#160;  
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUN5r3rnpj4JQ6QJXFpPj_5ol14x4bODzVk0kJJ7JEIb0v1vMihYjorHYXshTkIqlE90twtS5BMpFJSaqcPTcKiqoBrNzrtqNho20GlZzE47G4L12zpYt1sdAT3UFklmc8U1HJKp3IZhGo/s1600/seociyus.blogspot.com_8.gif'/> :t  &#160;
<div style='text-align: right;'> </div></div></b:if>

6.  Sekarang cari kode </body> dengan CTRL+F
7. jika sudah ketemu masukan kode ini diatas kode </body>
<script src='https://sites.google.com/site/seociyussite/file/seo_ciyus_smiley_komentar_blogger.js' type='text/javascript'/>
8. Simpan Template

  • Sekarang tinggal di edit aja biar warnanya sesuai sama blog kalian. Buat border tinggal di ganti aja warnanya terus kalian juga bisa ganti modelnya. Lalu background juga bisa diganti warnanya sesuai selera kalian.
  • Buat widht saya set auto tapi kalo pengen lebih kecil ganti aja gan. Yang terakhir ngatur posisinya, kalian bisa edit margin-left semakin gede nilainya semakin ke kanan gan.
Sekian tutorial memasang emoticon onion head dari saya, selamat mencoba...




Baca Selengkapnya >>>

Cara Meringkas Postingan Blog Dengan Menggunakan Read More Otomatis

Pada kesempatan kali ini saya akan memberikan tutorial cara meringkas postingan blog dengan menggunkan read more otomatis.


Sebelumnya apakah ada yang belum tau apa itu read more ?
Jadi read more itu adalah sejenis tulisan yang berada di depan halaman blog yang berguna untuk meringkas postingan pada blog, dan apabila pengunjung mengklik tulisan itu maka pengunjung blog akan menuju postingan secara utuh. oke biasanya red more itu bisa diganti dengan kata (baca selengkapnya, read post, continue reading,dsb.)

Langkah-langkah mebuat red more sebagai berikut :

1. Login ke Bloger
2. Klik Template, lalu klik edit HTML
3. Carilah kode </head> dengan menekan CTRL+F 
4. Jika sudah ketemu letakan kode dibawah ini tepat di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}


function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}


var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

5. Jika sudah carilah kata <data:post.body/> dengan menekan CTRL+F
6. Lalu jika sudah ketemu ganti dengan kode dibawah ini.

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

7. Lalu klik simpan template 

Keterangan kode diatas :

1. summary_noimg merupakan jumlah karakter yang ditampilkan tanpa menggunakan gambar dalam postingan blog.
2. summary_img merupakan jumlah karakter yang ditampilkan ketika dalam postingan blog terdapat gambar.
3. img_thumb_height merupakan tinggi gambar yang ditampilkan.
4. img_thumb_width merupakan lebar gambar yang ditampilkan.
5. Tulisan “READ MORE” dapat diganti sesuai keinginan kita, misalnya diganti dengan “baca selengkapnya,dsb"

Sekian tutorial meringkas blog dengan menggunakan read more otomatis, Selamat mencoba....

Baca Selengkapnya >>>