Belajar Desain Blog

Banyak jalan menuju kaya (eh..salah.. banyak jalan menuju kesuksesan, hehehe)...
Google adsense secara default tidak akan menampilkan program adsensenya pada blog atau web yang berbahasa Indonesia, namun entah siapa yang mulai akhirnya diperoleh juga cara agar adsense tetap dapat muncul di blog berbahasa Indonesia.

Nah, jika ada yang minat memasang adsense untuk blog atau web berbahasa Indonesia maka dapat melakukan langkah-langkah dibawah ini :

1. Pertama buatlah sebuah file (misal dengan extension .php) yang berisikan script google adsense kemudian taruh di web hosting anda.

2. Triknya adalah pada saat melakukan setup iklan baru pada bagian “more option” secara default yang terpilih adalah “show public servis ads”, ubah dengan memilih “Show non-Google ads from another URL”, kemudian masukkan url yang mengarah ke file yang telah dibuat pada langkah pertama.

Dengan cara tersebut maka iklan google adsense akan tampil walaupun di blog bahasa indonesia. Sebagai catatan karena ini masuk daerah abu-abu, lakukan dengan resiko ditanggung sendiri :D . Selamat mencoba ;)

Berikut caranya :

Pertama : Masuk ke LAYOUT -> EDIT HTML -> CENTANG "Expand Widget Templates"

Kedua : Cari kode ]]></b:skin> kemudian masukkan kode css berikut tepat diatasnya

.adsense {
margin-right:10px;
height:280px;
width:338px;
float:left;
overflow:hidden;}

Note : height dan width diatur sesuai dengan tampilan adsense yang digunakan.

Ketiga : Selanjutnya Cari kode <data:post.body/> dan letakkan kode adsense diatas kode tersebut untuk menampilkan iklan adsense diawal postingan/dibawah kode tersebut untuk menampilkan iklan adsense dibawah postingan.

Keempat: Save

Kelima : Agar iklan adsense tidak muncul, gunakan kode berikut diawal postingan

Keenam : Sebelum memasukkan kode adsense, maka kode yang masih berbentuk java script tersebut dikonversikan dulu ke HTML.

Adsense For Search merupakan salah satu type adsense yang dapat dipergunakan untuk menghasilkan uang, namun adsense for search terkadang memunculkan hasil pencarian tidak sesuai dengan halaman blog yang kita buat.

Nah, dibawah ini adalah trik untuk menampilkan adsense agar terlihat cantik di blog anda.

Pertama : Dapatkan dulu 2 kode ini dari adsense Anda, seperti ini:

Kode Pertama:

<div id='cse-search-results'/>
<script type='text/javascript'>
var googleSearchIframeName = &quot;cse-search-results&quot;;
var googleSearchFormName = &quot;cse-search-box&quot;;
var googleSearchFrameWidth = 590;
var googleSearchDomain = &quot;www.google.com&quot;;
var googleSearchPath = &quot;/cse&quot;;
</script>
<script src='http://www.google.com/afsonline/show_afs_search.js' type='text/javascript'/>

Kode Kedua:

<form action='http://roni-pascal.blogspot.com/2006/03/hasil-pencarian.html' id='cse-search-box'>
<div>
<input name='cx' type='hidden' value='partner-pub-xxxxxxxxxx:taa9vlbyl50'/>
<input name='cof' type='hidden' value='FORID:11'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input name='q' size='21' type='text'/>
<input class='button' font-size='4' name='sa' type='submit' value='Cari'/>
</div>
</form>

Note; pub-xxxxxxxxx (ganti xxxxxxxxx dengan nomor adsense anda)

Nah, sebelumnya Anda harus membuat dahulu posting kosong (ga ada isinya), dan dikasih judul apa saja tergantung style anda, misal: judulnya "Relevant Article". Dan ingat postingnya di set ke tahun lamaaaaaaaaaa sekali, pokoknya yang tahun dulu bangetsss... Setelah itu klik tombol Terbitkan Entri.

Untuk mendapatkan 2 kode diatas, caranya sangat mudah sekali kok,

1. Masuk ke akun adsense Anda

2. Terus klik tab Adsense Setup ==> klik AdSense for Search

3. Di Search Type: pilih Only sites I select, lalu dikolom Selected sites: isi url alamat blog Anda.

4. Scrool ke bawah lalu dibagian Site language, pilih Indonesian

5. Selanjutnya klik tombol Continue, lalu klik tombol Continue lagi.

6. Pada opsi Opening of search results page, pilih Open results within my own site, lalu di Enter URL where search results will be displayed isikan url alamat postingan kosong tadi baru dibuat dan di Enter width of results area: isi ukuran pixel lebar post blog Anda.

7. Kemudian di opsi Ad Location:, kalo ukuran lebar post blog anda 795 ato lebih bisa pilih Top and Right dan Right, dan apabila kurang dari 795 cuma bisa pilih Top and Bottom, jadi sesuaikan saja dengan ukurang post blog Anda. Seperti lebar post blog ini cuma 590, jadi saya pilih Top and Bottom.

8. Kemudian dibagian warna Anda tentukan sendiri warna yang tepat seperti warna blog Anda terutama di fontasi-nya, link-nya, background-nya dll. Lalu klik tombol Continue

9. Terakhir Anda isi namanya terserah Anda, apapun namanya. Lalu klik tombol Submit and Get Code.

10. Tunggu sebentar, maka Anda mendapatkan 2 kode itu.

Sekarang trik diblognya.
Anda login ke blogger, lalu klik Tata Letak pilih klik Edit HTML dan jangan lupa Expand Template Widget dicentang.

Cari kode ini <data:post.body/>
atau kode ini <p><data:post.body/></p>,

Dua-duanya sama aja kok. Dan simpan kode dibawah ini (kode ini harus yang Anda dapatkan waktu menerapkan cara nomor 3 diatas).

Di bawah adalah contoh kode yang dicari tsb :

<div id='cse-search-results'/>
<script type='text/javascript'>
var googleSearchIframeName = &quot;cse-search-results&quot;;
var googleSearchFormName = &quot;cse-search-box&quot;;
var googleSearchFrameWidth = 590;
var googleSearchDomain = &quot;www.google.com&quot;;
var googleSearchPath = &quot;/cse&quot;;
</script>
<script src='http://www.google.com/afsonline/show_afs_search.js' type='text/javascript'/>


Selanjutnya klik tombol Simpan Template


Karena ini adalah widget search engine-nya, jadi Anda bisa simpan di sidebar atau ditempat lain yang menurut anda potensial :

<form action='http://NAMABLOGANDA.blogspot.com/1997/12/NAMA-POSTINGAN-DI-BLOG-ANDA.html' id='cse-search-box'>
<div>
<input name='cx' type='hidden' value='partner-pub-xxxxxxxxx:taa9vlbyl50'/>
<input name='cof' type='hidden' value='FORID:11'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input name='q' size='21' type='text'/>
<input class='button' font-size='4' name='sa' type='submit' value='Cari'/>
</div>
</form>

Simpan, dan lihat hasilnya. Selamat membuat design Adsense untuk blog anda.

Sepintas kita lihat indah nya apabila blog layout teks nya bisa berjalan, namun secara fungsi kurang maksimal. Oleh karena itu apabila blogger ingin memaksimalkan fungsi marquee untuk teks dapat dilakukan melalui beberapa langkah berikut ini :

1. Untuk membuat teks berjalan dari kiri ke kanan.

KIRI ke KANAN

<marquee>KIRI ke KANAN"</marquee>

2. Untuk membuat teks berjalan dari kiri ke kanan dan berhenti pada saat mouse ditujukan pada teks.

KIRI ke KANAN dan BERHENTI

<marquee onmouseover="this.stop()" onmouseout="this.start()">KIRI ke KANAN dan BERHENTI</marquee>

3. Untuk membuat teks bergerak bolak-balik : kiri -> kanan -> kiri.

Bolak Balik

<marquee behavior="alternate">Bolak Balik</marquee>

4. Untuk membuat teks bergerak dari bawah ke atas.

BAWAH ke ATAS

<marquee direction="up">BAWAH ke ATAS</marquee>

5. Teks bergerak dari atas ke bawah.

ATAS ke BAWAH

<marquee direction="down" width="100%" height="100">ATAS ke BAWAH</marquee>

Itulah beberapa contoh teks berjalan atau marquee yang bisa anda masukkan ke dalam blog, tinggal pilih mana yang ingin di masukkan. Apakah ingin teks berjalan dari kiri ke kanan, bolak balik, atas ke bawah maupun bawah keatas.

Jika telah mengikuti langkah-langkah diatas dengan benar, coba lihat hasilnya.

Selamat Mencoba.

Banner di blog biasanya dipergunakan untuk meletakkan iklan atau merupakan tempat promosi. Banyak blog yang memasang banner yang bagus dan cantik untuk blog mereka.

Sebenarnya bagaimanakah cara membuat banner untuk blog itu? Dibawah ini akan dijelaskan cara sederhana membuat banner di blog anda.

Langkah-langkah cara membuat banner untuk blog adalah sebagai berikut :

1. Pertama masuk ke acount blogspot anda



2. Pilih Layout (Tata Letak) --> Edit Html



3. Cari kode berikut ini, dengan menekan tombol keyboard ctrl+F :



]]></b:skin>



4. Copy kode berikut kemudian tempatkan persis diatas kode tersebut.



#Banner-ads {

margin:0px;

padding: 5px;

text-align: center;

width : 960px;

}

#Banner-ads img {

margin: 7px 4px 4px 0px;

padding: 3px;

width : 125px;

height : 125px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Banner-ads img:hover {

margin: 7px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}



5. Copy semua kode dibawah ini :



<div id='Banner-ads'>
<a hight='100' href=' http://YourURL' target='_blank' width='100'><img alt='ads' border='0' src='http://YourURL-IMAGEs/images/125x125.gif'/></a>
</div>


6. Kemudian letakkan persis di atas kode berikut :



<div id='main-wrapper'>



7. Terakhir Save atau Simpan Perubahan Template anda.



Jika telah mengikuti tutorial diatas dengan benar, maka kotak iklan link banner akan muncul pada blog anda.

PERTAMA, cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.



<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>



KEDUA, cari kode html berikut ini :



<data:post.body/> atau <p><data:post.body/></p>



ganti kode tersebut dengan kode di bawah ini :



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

<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>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>

</b:if>

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



Keterangan :

tulisan yang berwarna merah adalah yang bisa anda ganti.


Summary noimg 430 = tinggi artikel terpenggal tanpa image

Summar img 430 = tinggi artikel terpenggal dengan image

Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...



KETIGA, klik save template

Cara membuat related post ini sudah banyak dibahas di berbagai blog dan web, disini saya memposting kembali agar saya sendiri tidak lupa dan mudah-mudahan juga berguna bagi pembaca yang baru memulai blogging dan mendesain blog.

1. Setelah login ke blog anda, masuk ke menu 'Layout-->Edit HTML'

2. Beri centang kotak 'Expand Widgets Template'

3. Selanjutnya cari kode ini <data:post.body> , cara mudah mencarinya yaitu tekan tombol ctrl dan F bersamaan kemudiannya masukkan apa yang mau dicari.

4. Setelah ketemu, letakkan script berikut ini di bawah kode <data:post.body>.

Copy dan paste kode berikut :


<b:if cond='data:blog.pageType == "item"'>

<div class='similiar'>

<div class='widget-content'>

<h3>Related Posts by Categories</h3>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;data2007&#39;).appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = &quot;<data:label.name/>&quot;;



var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

</div>

</b:if>


5. Selesai dan save template anda.

Banyak yang lagi ribut pada masalah auto blog, saya sndiri lom pernah nyobain autoblog? Apa sih autoblog itu? Auto blog adalah sebuah cara yang membuat blog kita terisi articel secara otomatis.
Sehingga apabila ada seseorang yang pengen ngeblog tapi males mikir dan nulis article untuk blognya plus ga mau repot mengurusnya tiap hari namun pengen blognya bisa terisi sendiri, solusinya buat aja autoblog.
Namun berhati-hati dengan penggunaan autoblog ini, karena bisa saja blog atau web anda di blok oleh search engine seperti google. Maka dari itu ada baiknya hal ini digunakan cuma untuk belajar. Berikut ini cara termudah bagi blogger untuk membuat autoblog di Blogspot.

1. Pertama-tama login ke account blog anda (sebaiknya blog yang masih baru atau buat blog baru).
2. Klik pada tab settings atau pengaturan pada blog yang anda.
3. Kemudian pilih tab email & mobile.
4. Pada kolom email posting address, buatlah sebuah nama email yang baru.
Formatnya akan seperti ini : namaakunbloggeranda.isikannamayangandainginkandisini@blogger.com.
5. Dibawahnya pilih Publish emails immediately.
6. Klik save settings.

Selanjutnya adalah subcribe ke newsletter yang sesuai dengan topik blog anda, sehingga tips akan secara rutin dikirimkan kepada anda (yang biasanya selalu disisipi link affiliasi).

Article atau materi yang terkirim ke email akan langsung terpublish ke blog anda, sehingga anda tidak perlu mikir bagaimana menghasilkan content yang unique dan berkualitas.

Selamat berauto blog :-D (resiko di tanggung penumpang, heheheh)

Daftar di DNSPARK sangat mudah, anda tinggal menuju website dnspark yaitu http://www.dnspark.net kemudian klik register now untuk daftar, setelah itu akan muncul form seperti gambar di bawah ini :




Setelah registrasi selesai maka yang perlu dilakukan adalah login ke dnspark.

Settingan pada DNSPark

Setelah login, untuk menambahkan domain, pilih DNS Hosting di Configuration Menu lalu Add Domains.

Kemudian pada Add A New Service, beri centang pada DNS Hosting - Free dan masukkan URL domain nya lalu pilih Add Now.

Pada menu Domain List, pilih URL domain anda tadi untuk setting lebih lanjut. Pada Add Records, masukkan informasi dibawah ini:

Untuk infomasi name server domain anda (pada registrar) ketikkan:

ns5.dnspark.net
ns3.dnspark.net
ns2.dnspark.net
ns1.dnspark.net
ns4.dnspark.net

Setelah semua selesai silahkan ditest konfigurasi anda, apakah sudah benar atau belum. Selamat mencoba.

Pertama-tama kamu harus punya gambar yang akan dijadikan background untuk menu tab. Apabali belum ada gambar, cari dulu yach.. heheheh
Ok, saya anggap bahan-bahannya sudah ada, mari kita mulai marakitnya (bukan merakit bom lho) :
1. Login ke blogger terus pilih Layout --> Edit HTML, trus beri tanda centang pada kotak "Expand Widget Templates". jangan lupa template di backup dulu.
2. Cari script seperti ini ]]>, kalo udah ketemu copy script dibawah ini dan taruh diatasnya

/*credits : http://trik-tips.blogspot.com */
#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5; /* Garis Bawah*/
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px; /*Posisi Menu*/
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background: url("http://kendhin.890m.com/menu/blackleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background: url("http://kendhin.890m.com/menu/blackright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}


Tulisan yang dicetak tebal bisa kamu ganti dengan gambar-gambar (text dibawah gambar) diatas tadi. Misalnya, jika kamu pilih yang warna merah maka scriptnya menjadi seperti ini;

background: url("http://kendhin.890m.com/menu/redleft.gif") no-repeat left top;

background: url("http://kendhin.890m.com/menu/redright.gif") no-repeat right top;


Kalo sudah selesai mari kita lanjutkan, sampai angka berapa tadi? oh ya sampai angka ketiga ya.

3. Copy script berikut ini

<div id="tabshori">
<ul>
<li><a href="http://pustakatemplate.blogspot.com/"><span>Home</span></a></li>
<li><a href="http://pustakatemplate.blogspot.com/"><span>Trik-Tips</span></a></li>
<li><a href="http://pustakatemplate.blogspot.com/"><span>Free Template </span></a></li>
<li><a href="http://pustakatemplate.blogspot.com/"><span>Kamus</span></a></li>
<li><a href="http://pustakatemplate.blogspot.com/"><span>Profile</span></a></li>
</ul>
</div >

4. Ganti http://pustakatemplate.blogspot.com/ dengan link yang kamu tuju. Link tersebut bisa berupa alamat blog lain atau link postingan kamu. Untuk mendapatkan link postingan caranya klik kanan pada judul postingannya trus pilih "copy link location" (untuk mozilla firefox).
Kemudian text yang dicetak tebal bisa kamu ganti dengan text yang kamu suka. Text tersebut adalah text yang muncul di tombol/menu.

5. Cara memasangnya ada beberapa macam tergantung dari template yang digunakan, salah satu contoh memasangnya yaitu begini
cari kode berikut ini :

<div id="content-wrapper">

caranya nyari biar gampang, copy script diatas lalu tekan Ctrl-f kemudian paste di kotak find, nha langsung ketemu kan. Kalo udah ketemu copy script yang tadi diatasnya

6. Simpan hasil pengeditan.
7. Lihat hasilnya.
8. kalo hasilnya kurang bagus/acak-acakan coba script tadi dipindah tempatnya, misalnya pindah keatasnya yaitu diatas kode </div>. kalao nggak cocok juga tempatnya dicoba lagi yang diatasnya atau juga dibawahnya, begitu terus sampai ketemu tempat yang cocok.

9. Kalo masih belum berhasil juga coba cara ini:
- Cari kode berikut ini :

<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='your blog title (Header)' type='Header'/>
</b:section>

teru ganti text yang berwarna hijau sihingga menjadi seperti ini:

<b:section class='header' id='header'
maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false'
title='your blog title (Header)' type='Header'/>
</b:section>

terus di Save

Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan

Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, nha itu kan tempatnya diatas, coba drag kebawah dikit, nha gitu, terus simpan dan lihat hasilnya.

Selamat Mencoba..

Tools yang satu ini bisa dipergunakan untuk mengecek pagerank, dan segala kebutuhan mengenai data dari domain anda. Free All in one SEO Tools yang bisa anda gunakan secara gratis
Yups...nama tools itu adalah SEO Quake yang bisa anda install langsung melalui Firefox anda. Dan semua ini gratis. Beberapa kelebihan yang anda dapatkan dengan menggunakan tools ini, diantaranya mengetahui :

1. Nilai Pagerank

2. Jumlah Google index

3. Jumlah Yahoo link directory

4. Jumlah Yahoo backlink

5. Peringkat Alexa

6. Whois

7. Umur domain

8. dan lain-lain...

Cara penggunaan nya cukup mudah :

1. Masuk ke situs nya,dan install pluggin SEO Quake melalui Mozilla Firefox.

2. Setelah selesai diinstal,anda tinggal akses situs yang anda inginkan,maka akan muncul gambar diatas blog atau web yang ingin di akses. Disitu terdapat data mengenai blog atau situs yang dikunjungi. Cukup mudah bukan, hanya dengan mengakses blog atau web. :-D

3. Untuk menonaktifkan tools ini,anda cukup klik gambar logo SEO Quake pada browser anda pada bagian kanan paling bawah.

Silahkan download SEO Quake di SINI

Selamat mencoba!

Blog dengan nama tanpa embel-embel blogspot, wordpress, multiply, dll tentunya akan membuat blog kita terlihat lebih elit dan berkelas, dan juga akan membuat nama blog kita akan lebih mudah diingat orang. Jika kita sudah membeli domain maka ada beberapa hal yang harus kita lakukan supaya domain kita tertuju pada web/blog yg kita punya, diantaranya yaitu setting DNS, Name Server dll. Mari kita mulai saja langkah-langkah untuk customisasi domain ini.

* SETTING DNS (DOMAIN NAME SERVER)
Langkah awal kita yaitu melakukan setting DNS. Biasanya jika kita membeli domain akan ada biaya tambahan (sekitar Rp 3000,-) untuk menambahkan layanan "DNS Managed". Tapi jika kamu tidak ingin mengeluarkan biaya ada layanan gratis supaya kita bisa melakukan setting DNS, seperti di dnspark.net. Nah berikut ini adalah tutorial jika kamu menggunakan layanan dari dnspark ini :

1. Jika kamu belum memiliki account di dnspark km bisa daftar di https://www.dnspark.net/register.
2. Jika sudah daftar silahkan login.
3. Pilih menu "DNS Hosting" (disebelah kiri). Kemudian pilih "Add Domains"
4.Beri tanda centang kotak "DNS Hosting - Free" lalu Isikan nama domain yang sudah kamu beli di kolom "Enter new domain" (tanpa www).
5. Kemudian Klik tombol "Add Now"
6. Jika berhasil maka nama domain mu akan muncul di "Domain List" (pojok kiri bawah)
7. Klik domain kamu untuk melakukan pengaturan selanjutnya.
8. Pada Dropdown "Type" pilih "CNAME".
9. Pada Kolom "Alias Name" isikan www (sebenarnya itu bisa diisi apa saja, tp untuk domain utam sebaiknya diisi "www").
10. Kemudian untuk destination name isikan ghs.google.com (untuk blogspot).
11. Jika sudah klik tombol "Update All"




Untuk proses setting DNS sudah selesai.

Bagi yang sudah punya "DNS Managed" sendiri di domainnya, cara settingnya seperti ini:
- Masuk ke "Managed DNS" Trus Pilih "CNAME Records"
- Kemudina klik tombol "Add CNAME Records"
- Untuk kolom "Host Name" diisi dengan "www"
- Untuk Kolom "Value" pilih yg bagian bawah kemudian isi dengan "ghs.google.com"
- Kemudian Klik tombol "Add record"

Selesai deh...

* SETTING NS (NAME SERVER)
Bagi yang sudah memiliki "Mange DNS Service" sendiri di domainnnya maka langkah berikut ini tidak perlu dilakukan. Tapi jika kamu menggunakan layanan DNS Manger dari dnspark.net, maka kamu harus merubah "Name Server" di domain manager kamu. Bagi yang membeli domain dari dodoldomain.net maka langkah-langkahnya adalah seperti berikut ini, (bagi yang beli ditempat lain saya rasa hampir sama langkah2nya)

1. Login di dodoldomain.net kemudian pilih "My Account"
2. Jika sudah maka kamu akan berada dalam kawasan "admin area" domainmu.
3. Pilih menu "Domain --> List Last 10"
4. Domain kamu akan terlihat di "List of Domain"
5. Klik link "Domain Name --> Click to Manage"



6 Kemudian klik tombol "Modify Name Server".




7 Isikan name server berikut kedalam kolom "Name Server1, Name Server2, Name Server3, Name Server4, Name Server5" kemudian klik tombol "Submit"

ns1.dnspark.net
ns2.dnspark.net
ns3.dnspark.net
ns4.dnspark.net
ns5.dnspark.net

Nah urusan dengan si "Name Server" Sudah Selesai

* SETTING PUBLISHING DI BLOGGER
Nha sekarang tinggal langkah terakhir. gini langkahnya :

1. Login di blogger. Pilih menu "Setting --> Publishing"
2. Kemudian klik link Switch to : Custom Domain
3. Kemudian klik lagi link Already own a domain? Switch to advanced settings
4. Kemudian isikan nama blog kamu di kolom "Your Domain" (pake www ya, contoh www.kendhin.com)
5. Lalu Klik tombol "Save Setting"

Yak Semua sudah selesai. Jika semua settingan tadi dilakukan dengan benar maka domain kamu yang baru akan aktif sekitar 1-24 jam bahkan bisa nyampe 48 jam.. Jadi sabar aja.

Navbar adalah bar paling atas yang terdapat pada blog di blogspot. Navbar atau navigation bar adalah konsekuensi yang google sebagai penyedia hosting gratis pada blogspot berikan kepada konsumen.
Banyak silang pendapat tentang Navbar ini, apakah boleh dihilangkan atau tidak. Navbar ini tidak akan ada untuk pengguna yang berbayar. Blogger yang memiliki etika yang baik tidak akan menghilangkan navbar ini, karena mereka memiliki tanggung jawab moral. Udah dikasi gratisan masa cuma nampilin navbar aja tidak mau? apalagi navbar nya bisa kita pilih warnanya mendekati template kita. Tapi banyak juga yang protes, karena nabvar mengganggu keindahan blog mereka.
Klo ga mau pake navbar ya bayar donk... hehehe. Tapi klo tetap pengen yang gratisan dan ga mau make navbar nya ini saya kasi cara nya.
Pertama login ke blogspot terus lihat di tab bar pilih layout (tata letak) kemudian edit HTML.
Copy kode berikut :

#navbar-iframe {
visible: hidden;
height: 30px;
}

Kemudian paste di bawah kode " !<[CDATA[[ " tanpa tanda petik. Selanjutnya simpan template anda.

Selamat Mencoba