Setting custom Domain blogspot Dengan benar (versi IDwebhost)

Assalamualaikum wr.wb
Salam sukses untuk rekan rekan semua,
Kali ini mau kasih tutorial yang banyak di butuhkan oleh rekan rekan idweb untuk hal Custom Blogspot.
Untuk Inti nya itu silahkan di PERHATIKAN LANGKAH dengan seksama dan jangan malas baca ya
Oke kita masuk ke langkah awal.

1. Silahkan anda login ke blogger anda,akses blogger.com

2. Silahkan klik salah satu blogger anda,lalu masuk ke menu Setelan,



3. Silahkan klik tambahkan domain khusus,

4. Di langkah ini,silahkan anda masukan nama domain anda di kolom yang tersedia,Jangan Lupa Dengan menambahkan domain menggunakan www, misal www.namadomain.com, lalu klik simpan. Nah di bagian bawah nanti akan ada error kode cname. Yang mana kode tersebut untuk penyetingan di manage dns domain.

5. Di langkah ini,silahkan anda login ke panel domain anda,akses ke http://idwebhost.com/manage
- Silahkan menuju kelola > kelola domain > manage dns
  Note: Jika mengalami blank page silahkan coba di reload
6. Jika sudah masuk ke manage dns,silahkan anda ikuti step berikut.
 **Pertama
- silahkan anda masuk ke cname record > tambah CNAME record.

- Jika sudah,maka silahkan silahkan inputkan kode cname yang di dapat dari blogger tadi dg format berikut,

Jika sudah klik tambah Record.
- Langkah selanjut input kan kode cname yang satu nya,kalau dalam contoh di atas tadi “ phyj25qpmu7a dan gv-fcjqmkxewuunbe.dv.googlehosted.com ” inputkan dg format berikut, 

Jika sudah klik tambah Record.
** Kedua
- Silahkan Anda masuk ke A Record lalu masukan 4 IP berikut Dengan secara bergantian.

216.239.32.21

216.239.34.21

216.239.36.21

216.239.38.21

Dengan format sebagai berikut

Jika sudah klik tambah record. Ingat,input nya satu persatu,

** Ketiga

- Langkah selanjut nya silahkan setting Name server khusus untuk mengaktifkan manage dns,dengan name server 

dns1.idwebhost.biz
dns2.idwebhost.biz
dns3.idwebhost.org
dns4.idwebhost.com 
Bisa setting otomatis dengan klik tulisan biru “disini”

7. Langkah setting DNS domain untuk blogspot sudah selesai. Silahkan di tunggu sekitar 5-6 jam untuk proses propogasi nya. Jika sudah sekitar 5-6 Jam,silahkan Add domain nya di blogger. Cara add domain di blogger, Ulangi langkah point 1-4. Nanti jika di klik Simpan / save , maka domain akan sukses di add atau tidak ada error cname lagi.
8. Setelah berhasil di add di blogger,jangan lupa untuk setting redirect dari non www ke www.
Klik edit lalu centang kolom Alihkan namadomain.com ke www.namadomain.com,lalu klik simpan.



9. Selesai,silahkan di coba akses domain Anda.

Semoga bisa di pahami untuk tutorial ini,Terimakasih

sumber : >> klikdisini <<

Read More

Cara Memasang dan Membuat Scroll pada Blog Archive [Arsip Blog]

Hay sobat ? Disini saya akan berbagi tutorial kepada kalian mengenai Bagaimana Cara Memasang atau Membuat Scroll pada Archive Blog kita, yang biasanya di kenal dengan Scroll Naik-Turun, dengan kita memasang Scroll di Blog maka tidak akan memakan banyak tempat untuk Archive Blog kita, sehingga semua isi / konten (daftar isi) pada blog kita bisa di baca dan di lihat oleh pengunjung blog dengan tampilan yang dinamis, Nah, Kalian ingin tahu caranya bukan? yang hsilnya nanti seperti ini :

Atau kalian bisa melihatnya pada sidebar saya,, karena saya sendiri juga memasang! Yok langsung saja ikuti tutorial dibawah ini :

Cara Memasang Scoll pada Archive Blog

• Login ke Blogger
• Di halaman Dasbor, pilih Template
• Kemudian pilih Edit HTML
• Cari kode ini : <div id='ArchiveList'> atau ArchiveList lebih cepatnya gunakan CTRL+F
• Setelah ketemu taruh kode <div id='ArchiveList'> ini tepat diatasnya kode <div id='ArchiveList'>
• Kemudian beri kode tambahan </div> sebelum kode
  <b:include name='quickedit'/>
• Selesai!
  Catatan : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian!
• Jika masih bingung kalian bisa melihat tata letak yang benar seperti dibawah ini :

<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div></div>
  <b:include name='quickedit'/>
  </div>
</b:includable>

Semoga Bermanfaat artikel nya sob..... 

Read More

Membuat Daftar isi Otomatis di Blog

Daftar Isi / Sitemap yang ada di blog akan memudahkan baik Sobat sendiri sebagai pemilik website / blog maupun pengunjung blog untuk mencari artikel yang dibutuhkan. Nah Gagaje  akan coba share cara membuat daftar isi yang otomatis menurut label / kategori yang ada di blog. Daftar isi ini saya bagikan dengan 2 versi, yaitu daftar isi biasa dan daftar isi dengan fungsi scroll, anda nantinya dapat memilih salah satunya sesuai dengan selera.

Langsung aja ke TKP Bagaimana cara membuat daftar isi / sitemap berdasarkan label secara otomatis di blogger?

1. Membuat daftar isi blog dengan label tertentu secara otomatis (daftar isi biasa)

Buat postingan baru dan masukkan kode dibawah ini pada mode HTML (bukan compose) lalu publikasikan. 

<script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://gagaje.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

2. Membuat Daftar isi blog berdasarkan label tertentu dengan fungsi scroll :

Sama dengan cara diatas yakni buatlah postingan baru dan masukkan kode dibawah ini pada mode HTML (bukan compose), lalu publikasikan.

<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://gagaje.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Keterangan :
Ganti teks warna merah dengan url blog anda dan anda dapat lihat hasilnya seperti Disini.
Selamat mencoba membuat daftar isi berdasarkan label tertentu di blog, semoga bermanfaat.

Read More

Tampilan iklan melayang

Pasang di Edit HTML sebelum </body>:

<style type="text/css">
#topbar{
position:absolute;
visibility: hidden;
width: 500px;
z-index: 100;
padding:5px;
background-color: #CCCCCC;
border: 1px solid #333333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin:0 auto 10px;
float:left;
color: #505050;
text-align: justify;
font-size: 12px;
font-family: Verdana, serif;
}

</style>

Buat widget HTML baru :

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
        var el=d.getElementById(id);
        if (!persistclose || persistclose && get_cookie("remainclosed")=="")
        el.style.visibility="visible"
        if(d.layers)el.style=el;
        el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
        el.x = startX;
        if (verticalpos=="fromtop")
        el.y = startY;
        else{
        el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
        el.y -= startY;
        }
        return el;
    }
    window.stayTopLeft=function(){
        if (verticalpos=="fromtop"){
        var pY = ns ? pageYOffset : iecompattest().scrollTop;
        ftlObj.y += (pY + startY - ftlObj.y)/8;
        }
        else{
        var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
        ftlObj.y += (pY - startY - ftlObj.y)/8;
        }
        ftlObj.sP(ftlObj.x, ftlObj.y);
        setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>            



<div style="visibility: hidden; left: 30px; top: 233px;" id="topbar">
<div style="text-align: left;">
<b>Klik Iklan Teks Yang Anda Suka Untuk Menutup Jendela & Menyumbang untuk Blog ini..</b> <br>Anda tidak akan kehilangan halaman ini, karena iklan akan terbuka di TAB baru..Terima Kasih..
</div>

<div onclick="closebar()">
<center>
<script src="http://kumpulblogger.com/scahor.php?b=142936&onlytitle=1" type="text/javascript"></script> </center></div>

Semoga Bermanfaat sob...... :D

Read More