0 Cara Membuat Tombol Balas Dikomentar Blog

Dikarenakan banyak template blogger yang tidak ada fasilitas reply/balasan maka saya akan share cara menambah fasilitas Balas pada komentar.

1. Login dan masuk ke dasbor.
2. Copy ID blog kamu yang tertera pada URL diatas.

3. Copy Script dibawah ini

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=MASUKKAN ID BLOG ANDA DISINI&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%3A%20#form&quot;' onClick='javascript:window.open(this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;); return false;' style='padding:0px 5px; border:1px solid #ddd;'>Balas</a></b:if>

Ganti Tulisan Masukkan ID blog anda dengan ID blog kamu.

4. Masuk ke Template lalu pilih Edit HTML jangan lupa dicentang Expand Template Widget
5. Cari kode <data:commentPostedByMsg/> 

6. Paste Script tadi tepat pada kode  <data:commentPostedByMsg/>
7. Simpan

0 Membuat Kotak Komentar Blog Dan Facebook

Untuk pratinjau silahkan lihat ke bawah :D

1. Login ke Blog
2. Rancangan - Edit HTML
3. Untuk menghindari keselahan, Backup template anda terlebih dahulu dengan Download lengkap
4. Centang "Expand Template Widget"
5. Cari Kode <div class='comments' id='comments'>
Biasanya akan terdapat 2 kode tersebut di template anda
Copy kode di bawah ini tepat di bawah kode <div class='comments' id='comments'> yang ke 2

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>

<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>

<fb:comments-count expr:href='data:post.url'/> Comments

</div>

<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>

<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments

</div><div class='clear'/>

</div>

<div class='comments-page' id='fb-comments-page'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='fb-root'/>

<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>

</b:if>

</div>

<div class='comments comments-page' id='blogger-comments-page'>

2 : Jumlah Komentar Facebook yang akan di tampilkan

400 : Lebar Komentar Facebook

6. Lalu Cari kode </head>
Copy Kode dibawah ini tepat diatas kode </head>

 <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://code.jquery.com/jquery-latest.js'/>

<meta content='ID Facebook' property='fb:admins'/>

<script type='text/javascript'>

function commentToggle(selectTab) {

$(".comments-tab").addClass("inactive-select-tab");

$(selectTab).removeClass("inactive-select-tab");

$(".comments-page").hide();

$(selectTab + "-page").show();

}

</script>

ID Facebook : Ganti dengan ID Facebook anda yang terletak di bagian belakang browser URL Profil Facebook anda, Misalkan http://www.facebook.com/febriandeny3 ID Facebooknya adalah febriandeny3

7. Cari kode /* Comment atau #comments
Setiap Template mempunyai struktur kode yang berbeda-beda, jadi cari saja kode yang mirip dengan kode diatas
Copy kode berikut di bawah kode diatas tadi

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

8. Simpan

0 Cara Membuat Tag Cloud

Untuk membuat tag clouds, kamu harus sudah membuat label pada situs anda.
Pilih bagian Dashboard lalu pada Tata Letak tambah halaman baru add widget, pilih Label.
Setelah itu Edit HTML kemudian beri tanda centang pada Expand Widget Templates.

Cari kode :

---

]]></b:skin>

---

Klo dah ketemu,lalu copy paste kode di bawah ini diatasnya :

---

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

---

Setelah itu,tepat di bawah kode :

---

]]></b:skin>

---

copy paste kode di bawah ini :

---

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

---

Lalu simpan template.

Langkah terakhir,masih pada Edit HTML cari kode di bawah ini :

---

<b:widget id='Label1' locked='false' title='cloud' type='Label'>
&lt b:includable id='main'>
<b:if cond='data:title'>
<h2></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

---

Kalau dah ketemu,ganti kode diatas dengan kode di bawah ini :

Alangkah baiknya backup terlebih dahulu template ke komputer anda,Tapi klo dah percaya,ya langsung ganti aja.

Akurat koq :)

---

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

---

Simpan Template! Selesai !

---

Sumber : http://pelajaran-blog.blogspot.com/2009/01/membuat-tag-cloud.html

0 Cara Menghapus Virus Shortcut 1234 dan Autorun.inf

Lagi-lagi flashdisk terserang virus shortcut setelah dipakai diwarnet. Tanpa banyak bacot langsung saja ke TKP :D

Langkah intinya seperti ini:
Terlebih dahulu kita harus menampilkan folder Recycler,
Run (ini untuk membuka command prompt pent-)

Selanjutnya ketik 'cmd' lalu klik 'OK'


Lalu,lihat DRIVE mana letak flash sobat,misal di (E:),maka ketik dalam command prompt seperti ini:

E: lalu tekan Enter


Dan kemudian ketik:

attrib -s -h /s,jangan lupa beri 'spasi' ya,lalu tekan Enter


Sekarang sobat ketik dir


Atau sobat bisa lihat isi flashdisk,untuk milik saya sendiri akan tampil seperti ini:


Dan meskipun folder RECYCLER,dan file file Shortcut saya hapus,selang beberapa detik file tersebut akan muncul kembali,mengapa hal ini bisa terjadi?
Ya,karena dikontrol oleh folder Autorun.Inf,yang mana sobat pasti kesulitan dalam menghapus folder Autorun.Inf ini,untuk itu tugas kita selanjutnya adalah menghapus folder 'Autorun.Inf' ini.

Caranya,sobat kembali ke jendela command prompt dan ketik seperti ini:

RD / S / Q \\.\ Nama Drive\Nama folder

Misal flash disk saya di drive (E:),maka saya akan ketik:

RD / S / Q \\.\E:\autorun.inf (jangan lupa beri 'spasi' ya) dan klik Enter.


Dan lihat sob,file Autorun.Inf sudah hilang bukan? :D


Nah,untuk menghilangkan folder 'RECYCLER' sobat ketik seperti ini sob:

RD / S / Q \\.\E:\RECYCLER (jangan lupa beri 'spasi' ya)lalu klik Enter.

Untuk,menghapus file-file Shortcut yang tersisa,dapat dilakukan dengan cara menghapus seperti biasa:


Dan Hilang !!!


Semoga berhasil

0 Cara Membuat Breadcrumb / Navigasi

Apa itu breadcrumbs ? Breadcrumbs adalah navigasi postingan kita. Misal dari Home >Category > Judul postingan kita. Coba lihat diatas judul postingan ini atau lihat gambar dibawah ini :

Cara membuatnya:

pergi ke Dashboard,lalu pilih Template dan kemudian pilih Edit HTML,jangan lupa centang tulisan Expand Widget Templates.

Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard):

]]></b:skin>

Setelah ketemu, letakkan kode berikut tepat diatasnya:

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Nah, setelah itu cari lagi kode seperti ini

<b:includable id='main' var='top'>

sudah temukan, hapus kode tersebut dan gantilah dengan kode berikut:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Setelah itu simpan

0 Kelebihan Dan Kekurangan Windows 8

Kelebihan :

1.Dioptimalisasi untuk layar sentuh
Windows 8, interfacenya yang dijuluki sebagai Metro benar-benar dioptimalkan untuk sentuhan dengan wujud ala interface Windows Phone.

2. Mendukung chip ARM
Windows 8 mendukung perangkat yang memakai infrastruktur chip ARM. Hal ini diharapkan memperluas jangkauan Windows 8 di arena tablet, mengingat kebanyakan tablet yang beredar saat ini memakai chip ARM.

3. Waktu boot yang singkat
Boot Windows 8 dalam demonya hanya berlangsung dalam 8 detik. Sebuah waktu yang jauh lebih singkat dibanding booting di Windows versi sebelumnya.

4. Windows 8 tidak membutuhkan upgrade PC
Microsoft menyatakan komputer yang bisa menjalankan Windows 7 dapat pula menjalankan Windows 8 sehingga user tak perlu upgrade PC. Menurut Microsoft, prosesor Intel Atom dan RAM 1 GB sudah cukup untuk menjalankan OS ini

5. Toko aplikasi Windows Store
Windows 8 akan memiliki toko aplikasi sendiri yang dinamakan Windows Store. Windows Store menyediakan berbagai aplikasi yang dioptimalkan untuk Windows 8.

6. Mendukung NFC (Near Field Communications)
Windows 8 akan mendukung NFC, sebuah teknologi yang kegunaanya antara lain untuk transaksi keuangan digital. Tablet yang memakai Windows 8 pun kemungkinan besar akan otomatis menyertakan fitur ini.

Kekurangan :


1. Tumpang tindih Metro UI dan Aero UI.
Developer menemukan adanya pergantian secara terus-menerus yang terjadi antara tile-based Metro UI dan glassy Aero UI. Hal tersebut dinilai tidak masuk akal dan sangat membingungkan. Berpindah dari aplikasi Metro dan aplikasi desktop sangat sulit dilakukan.

2. Tidak ada opsi untuk mengubah tiles menjadi icons.
Ukuran tiles terkecil, tampilannya masih terlalu besar. Saat nantinya kita menginstall banyak aplikasi maka screen Metro akan terlihat semrawut.

3. Sulit berpindah antar screen.
Tidak adanya fungsi Alt-Tab seperti saat bekerja dengan desktop dan keyboard untuk berganti dari satu app ke app yang lain mungkin merupakan hal yang sangat sulit. Sebagai gantinya, di Windows 8 Metro UI kita tidak bisa menggunakan pointer atau finder untuk meletakkan screen di sisi kiri dan melakukan drag. Kedengarannya sangat sepele, tapi masalah akan muncul saat kita bekerja dengan banyak aplikasi. Tidak ada cara cepat dan mudah untuk berganti antar aplikasi. Jika menggerakkan mouse ke arah kiri maka sebuah icon akan pops up. Dan jika tidak tepat maka kita harus klik beberapa kali atau mencoba lagi.

4. Metro multitasking.
Jika sobat menggunakan aplikasi Metro (untuk tablet) di Windows 8, screen akan menampilkan dua aplikasi secara berjajar. Untuk pemula hal itu tidak akan menjadi masalah besar. Namun bagi advanced user, kemampuan Metro dengan multitasking hanya untuk dua aplikasi merupakan kelemahan yang fatal.

5. Metro.
Metro memang bisa bekerja baik di tablet tapi UI tersebut sangat tidak kompatibel jika digunakan pada desktop. Sulit dilakukan untuk sobat yang menggunakan Notebook. Sehingga secara default Windows 8 tidak mungkin bisa melakukan booting ke Metro UI. Dengan kata lain Microsoft perlu memberikan kill-switch untuk mematikan Metro UI.

6. konten Flash di Tablet PC.
Ternyata Microsoft memang sengaja membuat Windows 8 ini tidak bisa mendukung konten Flash di Tablet PC. Alasan Microsoft melakukan hal ini adalah untuk menghemat baterai Tablet. Selain itu juga dapat melindungi privasi Tablet kita dan meningkatkan keamanan. Hal ini dikarenakan pada beberapa aplikasi dan perangkat elektronik lainnya, penggunaan konten Flash justru menyebabkan data rusak atau crash.