Next
Previous
Tampilkan postingan dengan label Tips/Trik. Tampilkan semua postingan

2014-04-28

0

Merubah Tampilan Grub Dengan Burg

Posted in
Tampilan Awal Grub

Halo teman teman blogger,,
bagi kalian yang sudah bosan dengan tampilan grub linu x yang menampilkan warna Hitam dan Putih saja,, kali ini saya akan memposting bagaimana cara merubah tampilan yang hitam putih tersebut jadi berwarna Sob,, oke langsung saja ok,
Eh jika kalian penasaran jadinya seperti apa nantinya bisa lihat dulu scren shotnya seperti apa CEK DISINI

ok,, sudah lihat kan,, keren sekali bukan,, waw

oke langsung saja ke Tutorialnya ok

  • Kalian Buka Terminal
  • ketik perintah "sudo su" (tanpa tanda petik)
  • ketik "sudo add-apt-repository ppa:bean123ch/burg" (tanpa tanda petik)
  • Ketik lagi "apt-get update" (tanpa tanda petik)
  • Ketik "apt-get install burg burg-themes" (tanpa tanda petik)
  • Ketik burg install "(hd0)"
  • Terakhir "update-burg" (tanpa tanda petik)
Nah sudah Beres deh , tinggal restart lihat jadinya seperti apa,, jangan buru" ya,, Hha
Cat : Nah apabila kalian mau ganti ganti tema nya,, tinggal pencet F2 di tampilan burg yang baru,,

ok selamat mencoba Sob,, semoga berhasil ya,,
kalau ada yang belum mengerti atau ada yang mau di tanyakan silahkan komentar aja ya,,

2014-04-27

0

Install Aircrack dan Reaver di Ubuntu 13.04/12.10/12.04 ,Debian and Mint

Posted in
Anda harus mengikuti langkah-langkah ini: 
Instal Perpustakaan yang diperlukan:

$  sudo apt-get install build-essential
$  sudo apt-get install libssl-dev 

Download file

$  wget http://download.aircrack-ng.org/aircrack-ng-1.1.tar.gz

Extract

$  tar -zxvf aircrack-ng-1.1.tar.gz
$  cd aircrack-ng-1.1
$  vi common.mak

Kemudian Anda harus mengedit common.mak berkas dan menghapus werror kata dari baris :

"CFLAGS=-G-W-Wall-Werror-O3" 


sekarang tampak seperti ini:

"CFLAGS? =-G-W-Wall-O3"

Simpan file tersebut dan ikuti langkah-langkah terakhir
 :


$  make
$  sudo make install

Sekarang aircrack install selesai.

Langkah selanjutnya Install Reaver
Download 

$  wget http://reaver-wps.googlecode.com/files/reaver-1.4.tar.gz

Extract

$  tar -xzvf reaver-1.4.tar.gz
 
Instal Perpustakaan yang diperlukan:

$  sudo apt-get install libpcap-dev sqlite3 libsqlite3-dev libpcap0.8-dev

Kemudian Kompilasi dan Instal
$  cd reaver-1.4
$  cd src
$  ./configure
$  make
$  sudo make install


SELESAI. 

0

Edit Grub Blangkon Dan Windows 7

Posted in

Grub Blangkon Linux


Hadeuh setelah saya cari cari tutorial akhirnya bisa juga edit grub blangkon,,
grub ini adalah pilihan untuk meilih sistem operasi yang akan kita pilih,, misalkan kita mau install linux blangkon dan windows 7 dalam 1 PC,, jadi kita terlebih dahulu intstall windows 7 kemudian linux blangkon nya,, nah sudah pasti bootloader windwos 7 akan hilang karna tertimpah oleh bootloader milik linux yang bisa kita sebut GRUB,, nah untuk mengatasinya kita bisa ikuti Tutorial dari saya ini,, perhatikan baik" ya sob:

Pertama :
  • Kita buka dulu terminal,, atau kalau di windows kita suka bilang Comand Prompt
  • nah kemudian kita tulis tuh perintahnya "sudo su" (tanpa tanda petik)
    ket: sudo su ini perintah berfungsi agar kita masuk ke sistem,, jadi kita bisa edit file tersebut
  • kemudian ketik " cd /etc/default/ " (tanpa tanda petik) , kemudian enter
  • ketik lagi "gedit grub" (tanpa tanda petik)
  • nah akan muncul tulisan tulisan yang keluar dari aplikasi gedit tersebut,, kalau di windwos bisa kita bilang notepad,,
  • kemudian cari GRUB_HIDDEN_TIMEOUT=0 , kalau sudah ketemu ganti jadi GRUB_HIDDEN_TIMEOUT=
  • kemudian buka terminal yang baru , lalu ketik " sudo update-grub" ,
  • setelah itu kita restart,
  • nah akan ada beberapa pilihan OS yang sebelumnya kita install windows 7 dan blangkon,,
  • selamat mencobanya,, salam hangat dari saya,,
  • semoga berhasil kawan,, :-)

2014-04-24

0

Widget Untuk Tampilan Search Di Blogger

Posted in




<p align="left">
<form id="searchthis" action="http://m4s4putih4bu.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/></form></p>
0

Cara Membuat Tampilan Readmore Keren

Posted in
Read More


Didalam posting artikel yang satu ini menjelaskan bagaimana Cara Membuat Auto Read More Otomatis Di Halaman Depan Blog. Ada beberapa cara untuk membuat Auto Read More otomatis, atau popular juga dengan sebutan Baca Selengkapnya. Biasanya Fitur otomatis posting artikel ini ditambahkan di bawah postingan artikel blog Di Homepage, Beranda atau halaman depan.

Fungsi dari Read More Otomatis itu sendiri merupakan salah satu cara untuk membuat halaman homepage lebih terlihat simple dan dinamis, dengan menampilkan judul, gambar yang mempunyai efek transisi dan uraian singkat yang dapat diatur panjangnya sehingga memudahkan pengunjung untuk membaca artikel yang diinginkan.


Versi sebelumnya Membuat Read More Otomatis Versi Loading Cepat

Namun kekurangannya bahwa gambar dan deskripsi singkat terbatas untuk dimodifikasi (namun tetap ideal). Sedangkan versi auto read more otomatis yang ini, ukuran gambar mempunyai efek transisi menarik serta panjang deskripsi dapat diatur sesuai kebutuhan. Sebaiknya Posting mempunyai gambar meskipun hanya 1, kalo tidak ada gambar nanti kosong tampilannya.

Untuk menambahkannya memerlukan waktu beberapa menit saja. Auto Read More di halaman depan Blog ini memiliki beberapa versi, dan untuk postingan berikut, akan diuraikan versi yang memiliki loading cepat setelah versi sebelumnya ada yang tercepat, sehingga sangat baik bagi Mesin Pencari.

Auto Read more Artikel dapat di modifikasi sesuai kebutuhan, diuraikan di dalam keterangan.
Berikut langkah-langkah Cara Membuat Auto Read More Otomatis Di Blog. Perhatian: bagi yang sudah memasang read more otomatis yang ada sebelumnya harus dihapus terlebih dahulu. Versi Ini telah Direvisi.

1. Login Ke Blogger.
2. Klik Template, Backup template untuk jaga2 bila diperlukan,
atau langkah berikut bisa di uji coba menggunakan Blog percobaan yang lain.
3. Klik Edit HTML.
4. Klik Kiri 1 x Dimana saja dalam kotak template.
5. Klik Ctrl+F (Supaya mempercepat pencarian kode),
Dan cari kode berikut </head>
Masukan kode tersebut dalam kotak pencarian, kemudian enter untuk mencari.
6. Masukan Kode berikut diatas </head>
12345678910111213141516171819202122232425262728<!--Auto Read More Mulai-->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:280px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:280px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
summary_img = 250; //banyaknya huruf jika ada gambar
img_thumb_height = 165;
img_thumb_width = 280;
</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(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>

<!--Auto Read More Akhir-->

Perhatian: Cobalah terlebih dahulu tanpa diedit.
Warna Biru untuk mengatur banyaknya kutipan dari artikel.
Warna Hijau adalah Pengaturan Lebar dan tinggi gambar

7. Kemudian Cari Kode <data:post.body/>
Kode tersebut diatas jumlahnya biasanya ada 2, Cari yang versi web,
biasanya yang kedua (ke-2) dengan enter 2x pada kotak pencarian.

8. Hapus Kode <data:post.body/> yang ke-2 dan Ganti dengan kode dibawah ini.
12345678910111213141516<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->
Warna Biru Muda boleh dihapus boleh tidak, bedakan saja.
"Baca Selengkapnya" juga bisa diganti bebas.

Perhatian: Jika sudah menggunakan fitur read more otomatis sebelumnya, maka harus dihapus yang versi sebelumnya, dan mungkin jumlah pada langkah 7 bukan 2 tp mungkin 3 (mungkin juga script diatas pada langkah 6 berbeda.. ya harus dihapus jg script versi sebelumnya), anda harus dapat memperkirakan dari mana ke mana yang harus di hapus, contoh pada langkah 8 (petunjuknya warna Oranye - ini petunjuk bagi yg sdh pake versi lain)

9. Preview terlebih dahulu, kalo bagus ya terus Save Template, dan lihat hasilnya.

Demikian Tutorial Cara Membuat Auto Read More Otomatis Artikel Di Blog, mudah-mudahan bisa bermanfaat.

Sumber: http://www.aura-ilmu.com/
0

Merubah Tampilan Komentar Di Blogger

Posted in
Cara Merubah Tampilan Komentar Di Blog | Karna sempat ada teman blogger kita yg request tentang "Cara Merubah Tampilan Komentar Di Blog "Maka pada kesempatan kali ini saya akan membalas request tersebut. Dan Ini dia tampilan kotak komentarnya....!!!

Cara Merubah Tampilan Komentar Di Blog
Tampilan Komentar Di Blog  Setelah di ubah

Gimana sobat...? keren kan..sobat juga pasti sering lah lihat kotak komentar kayak gitu...Apakah sobat ingin membuatnya juga di blog sobat...? Jika iya..maka simaklah tutorial berikut.

Cara Merubah Tampilan Komentar Di Blog 
  • Login Ke Blogger
  • Pergi ke Template >> Edit HTML >> Centang Expand Template Widget
  • Cari kode ]]></b:skin> Untuk Mempermudah Gunakan F3 atau Ctrl+F
  • Setelah itu copy lalu pastekan kode di bawah ini tepat di atas kode ]]></b:skin>


/* Comments
----------------------------------------------- */
#comments h4 {
font-size: 18px;
font-weight: normal;
margin: 20px 0;
}
.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}
.cm_head {
margin: 0;
width:60px;
float: left;
}
.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn4iDfUrhHRBm66NOLn0UgSce8jTkAahOXfkOlO-RlbSpPuDApkv01DJW3rDwHDHcwCCrgHRCrU-jyNxCxqlqpC1iVzABOzYVeMhYkJyFU5ES6SqZLyiCy5LWRecHFZwqY1mRZd9Kbv20/s1600/takdikenal.jpg) center no-repeat;
width: 35px;
height: 35px;
}
.cm_avatar_a {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background:#c6e5f7;
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}
.cm_reply {
padding-top: 5px;
}
.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}
.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}
.cm_entry {
padding: 16px;
background: #fcfcfc;
border: 1px solid #E4E4E4;
overflow: hidden;
}
.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGo4_413mE8gSNIoGir02tz2-Z_TPDTj2tk2bNpMEEPd-kJOIMUifCzaK0k68q42UsrbSynjRn5HqEskFwQ18fjDvaFTRL85Bj1SSusHkIiLnhKqRMXN6rTkJW2uxgTZKJtdWKGU_FD2Y/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}
.cm_info {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #F4F4F4;
padding: 5px;
}
.cm_info_a {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #dff0fa;
padding: 5px;
}
.cm_name {
font-size: 14px;
color: #666666 !important;
text-decoration:none;
float: left;
}
.cm_name_a {
font-family:"Comic Sans MS", cursive;
font-size: 14px;
color: #666666 !important;
text-decoration:none;
font-weight: bold;
float: left;
}
.cm_date {
font-size: 10px;
color: #999;
text-decoration:none;
float: right;
}
.cm_date_a {
font-family:"Comic Sans MS", cursive;
font-size: 10px;
color: #2D5E7B;
text-decoration:none;
float: right;
padding-top:5px;
}
.cm_entry p {
padding: 5px;
clear: both;
border: thin solid #E6E6E6;
background-color: #ffffff;
font-size: 13px;
color: #333;
word-wrap:break-word;
}
.cm_entry_a p {
padding: 5px;
clear: both;
border: thin solid #E6E6E6;
background-color: #ffffff;
font-size: 13px;
color: #333;
word-wrap:break-word;
}
.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}
.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}
.cm_pagenavi a:hover {
text-decoration: underline
}
.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}
/* Comment Admin */
.comment-body-author {
font-family:"Comic Sans MS", cursive;
font-weight: 300;
}


  • Setelah itu  taruh kode dibawah ini diatas kode </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://koderator.googlecode.com/files/comment.js' type='text/javascript'/>
<script src='http://koderator.googlecode.com/files/emoticon_wp2.js' type='text/javascript'/>
</b:if>


  • Cari Kode
<b:includable id='comments' var='post'>
Kode yang harus di ganti
</b:includable>

  • Di antara kode 
<b:includable id='comments' var='post'>

Dan

</b:includable>
Biasanya akan ada kode yg relatif panjang, ganti kode tersebut denagn kode di bawah ini.

<div class='comments' id='comments'>

<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments &gt; 0'>
<a href='#comment-form' style='float:right; margin-right:5px;'>+ <data:commentLabelPlural/> +</a>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> <data:commentLabelPlural/>
<b:else/>
<span id='cm_total'><data:post.numComments/></span> <data:commentLabelPlural/>
</b:if>
</b:if>
</h4>

<div id='cm_reply_css'/>

<div class='cm_pagenavi' id='cm_page'/>

<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>

<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=__BlogID__&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>

</div>
</div>
<b:if cond='data:comment.author == data:post.author'>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info_a'>
<div class='cm_name_a'>
<b:if cond='data:comment.authorUrl'>
<img height='20px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbJKW3u7bDLqOZ0wbENWfqCvZ_FbBUKufZ99Vh4K_wjOKpXBhIpI4QYrQZ8USrszkVNEm5It4XvKNFIeFN_4x9ku8JlPKiy7o1rIBVWhbCbeW3fiMJgzSmLrAhJ2kthyLqmciiT_plWl4/s1600/adminstar.png' title='Admin' width='20px'/>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date_a'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>

<div class='comment-body-author'>
<p><data:comment.body/></p>
</div>
</dd>
<b:else/>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>


<p><data:comment.body/></p>
<span style='text-align:center; font-size:9px; color:#C0C0C0;'>Terimakasih <b><data:comment.author/></b> atas Komentarnya di <b><data:post.title/></b></span>
</dd>
</b:if>
</div>
</div>
</b:if>
</b:loop>
</div>
<div class='cm_pagenavi' id='cm_page_copy'/>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:if>
</div>

Ganti tulisan __BlogID__  dengan BlogID sobat

  • Setelah itu cari kode di bawah ini.
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
  • Biasanya akan ada beberapa kode di atas di template blog sobat. Ganti semua kode seperti itu di template blog sobat dengan kode di bwah ini.
<b:include data='post' name='comments'/>

  • Simpan dan lihat hasilnya.

Sumber: http://luhurfatah10.blogspot.com/

2013-02-07

0

Video Konfigurasi Mail Server Di ubuntu Server 8.04

Posted in


3 Jam belajar membuat mail server di ubuntu 8.04 akhirnya bisa juga,, dan inilah hasilnya sangat memuaskan sekali ,, pantang menyerah dan terus menerus mencoba,, :-)





DOWNLOAD VIDEO


Pass : m4s4putih4bu.blogspot.com