Kali ini saya akan Memberi trik untuk mengoptimalkan Bandwidth Caranya gini Download File ini
.htaccess
Dan upload Di Root Hosting Anda

Atau Copy Code ini Dan Save Menjadi Nama .htaccess

<ifModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 1 seconds"
  ExpiresByType text/html "access plus 1 seconds"
  ExpiresByType image/gif "access plus 259200000 seconds"
  ExpiresByType image/jpeg "access plus 259200000 seconds"
  ExpiresByType image/png "access plus 259200000 seconds"
  ExpiresByType text/css "access plus 60480000 seconds"
  ExpiresByType text/javascript "access plus 21600000 seconds"
  ExpiresByType application/x-javascript "access plus 21600000 seconds"
</ifModule>
<ifModule mod_headers.c>
  <filesMatch "\\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
    Header set Cache-Control "max-age=25920000, public"
  </filesMatch>
  <filesMatch "\\.(css)$">
    Header set Cache-Control "max-age=6048000, public"
  </filesMatch>
  <filesMatch "\\.(js)$">
    Header set Cache-Control "max-age=2160000, private"
  </filesMatch>
  <filesMatch "\\.(xml|txt)$">
    Header set Cache-Control "max-age=2160000, public, must-revalidate"
  </filesMatch>
  <filesMatch "\\.(html|htm|php)$">
    Header set Cache-Control "max-age=1, private, must-revalidate"
  </filesMatch>
</ifModule>
<ifModule mod_headers.c>
  Header unset ETag
</ifModule>
FileETag None
<ifModule mod_headers.c>
  Header unset Last-Modified
</ifModule>

Kang Rois - 05.25

Baca Selengkapnya

Cara Setting Domain Intuit Di Blogger
Gw Akan Bahasa Secara Jelas Nih Gan.
Login Dulu di Intuit Dan Tampilan Kyk Gini

 

Lalu Click Domain

Stelah Itu Click Manage Your Website Domain

kedua Click Advance DNS Setting

 

Lalu Click Edit
Dan Isikan Sama Seperti ini

 

Setelah itu Setting Di Blogger Anda

 

Dan Setelah Semua Berhasil Di Setting Tunggu 1 x 24jam

Kang Rois - 06.49

Baca Selengkapnya

Ada beberapa kendala dari facebook sendiri yang membuat facebook comment di blogger tidak maksimal , contoh timbulnya pernyataan seperti ini "The comments plugin requires an href parameter." atau pun facebook comment di blog anda loading terus atau tidak muncul , itu karena beberapa faktor Koneksi Internet sedang Lelet atau Server FB sibuk Banget .

Cara membuat dan pasang facebook comment di blog

Untuk membuat dan memasang komentar facebook di blog anda cukup sederhana silahkan perhatikan tutorial facebook berikut ini .

1. Silahkan anda membuat aplikasi id facebook anda untuk membuat komentar facebook , anda bisa lihat di posting Cara Pasang Kotak Komentar Facebook Di Blog.
2. Setelah anda membuat aplikasi id facebook anda masuk ke blogger anda dan seperti biasa ke edit html jangan lupa download dulu template anda untuk berjaga-jaga.
3. Silahkan anda Cari kode<data:post.body/> biasanya ada 2 pilihan dan pilih yang kedua .
4. Anda taruh kode berikut ini dibawah kode tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#appId=APP ID&amp;xfbml=1'/><fb:comments expr:href='data:post.url' numposts='5' width='580'/>
</b:if>

APP ID ganti dengan no app id yang sudah anda buat

5. Anda cari kode berikut ini  <b:skin><![CDATA[/*  Setelah menemukan silahkan taruh kode ini diatas kode tadi

<meta content='http://www.facebook.com/ID-PROFIL-FACEBOOK' property='fb:admins'/>
<meta content='APP ID' property='fb:app_id'/>

Ganti id profil facebook dengan id profil facebook anda
dan ganti app id dengan no app id yang telah anda buat .

6. selesai

Cukup mudah bukan untuk pasang comment facebook blog anda , silahkan bila anda ingin bertanya untuk berkomentar di bawah ini.

Kang Rois - 02.38

Baca Selengkapnya

 Saya melihat banyak comment di blog blog lain , "Gimana cara Chatbox Shoutmix berada di kiri blog ?" itu comment yang saya sering lihat, maka dari itu saya akan share cara memasang Chatbox berada di kanan maupun di kiri.

Langsung aja ya ke langkah langkahnya..

Script kotak chating tersembunyi ini mempunyai 2 macam yang pertama script kotak chating tersembunyi di kiri dan yang kedua di kanan.

Left Hidden Chatbox

<style>
#hcl {
position:fixed;
top:100px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S2Evq5hIpUI/AAAAAAAABAM/3qo6ScKImhw/s400/cbred-LEFT.png') no-repeat;
}
.hclcontent {
float:left;
border:2px solid #790909;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">

<!-- KODE SHOUTMIX ANDA DISINI -->

<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->

Get this

<a href=http://100artikel.blogspot.com/2012/04/memasang-chatbox-hide-show-kiri-kanan.html target="_blank">

Widget

</a>

and

<a href=http://100artikel.blogspot.com/2012/04/memasang-chatbox-hide-show-kiri-kanan.html target="_blank">

Desaign!

</a>

</span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[close]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>

</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>

Right Hidden Chatbox

<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">

<!-- KODE SHOUTMIX ANDA DISINI -->

<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->

Get this

<a href=http://100artikel.blogspot.com/2012/04/memasang-chatbox-hide-show-kiri-kanan.html target="_blank">

Widget

</a>

and

<a href=http://100artikel.blogspot.com/2012/04/memasang-chatbox-hide-show-kiri-kanan.html target="_blank">

Desaign!

</a>

</span>
<span style="float:right">
<a href="javascript:showHidehcr()">
[close]
</a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>

Kang Rois - 04.41

Baca Selengkapnya

 

1. Cari menu Layout - Edit HTML di Dashboard blog anda.
2. Back up Template template anda sebelum mengubah HTML untuk menjaga agar template bisa dikembalikan jika ada kesalahan! Klik Download Full Template.
3. Jangan lupa centang (tandai) "Expand Widget Templates".
4. Carilah kode </head>
5. Tambahkan kode dibawah ini persis sebelum </head>

 <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://sites.google.com/site/rhakateza/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://100artikel.googlecode.com/files/Related_posts.js' type='text/javascript'/> 

 Sekarang carilah <data:post.body/>. atau pada beberapa template sering dipakai kode <div class='post-body> atau <data:post.body/>

Tambahkan kode berikut ini dibawah kode yang anda cari diatas:

<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if> 

Save Template

#max-results = total Post yang Akan Di Tampilkan

Kang Rois - 01.32

Baca Selengkapnya