Membuat teks animasi dengan efek neon light (Neon Lights Text II)

Jika sebelumnya pernah memposting panduan blog tentang efek neon pada teks dimana teks menyala dari kiri ke kanan hingga semua teks akan terlihat menyala. Maka dengan script berikut akan terlihat efek menyala tetap dari kiri ke kanan namun hanya satu karakter saja yang menyala.

Jika tertarik mencoba efek neon pada text ini , silahkan copy script di bawah ini kemudian masukkan ke dalam gadget html/javascript atau ke dalam postingan,
Scriptnya bisa dilihat di bawah ini :

<h2><script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script

var message="Selamat datang di blog pemula ini!"
var neonbasecolor="gray"
var neontextcolor="yellow"
var neontextcolor2="#FFFFA8"
var flashspeed=100 // speed of flashing in milliseconds
var flashingletters=3 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds

///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></h2>

Keterangan :
Ganti teks Selamat datang di blog pemula ini dengan teks yang ingin ditampilkan
Pada var neonbasecolor="gray" bisa ganti gray dengan warna lain
Pada var neontextcolor="yellow" bisa ganti yellow dengan warna lain
Pada var neontextcolor2="#FFFFA8" bisa ganti #FFFFA8 dengan warna lain
Pada var flashspeed=100 bisa ganti 100 dengan speed yang diinginkan

Contoh hasilnya bisa dilihat di bawah ini :

Selamat datang di blog pemula ini!

cara membuat banner pasang iklan di blog

Terkadang kita ingin memasang banner pasang iklan di blog, sebenarnya bisa kita lakukan dengan mengupload file gambar atau dalam animasi file gif. Setelah diupload maka kita cukup mengambil url-nya kemudian dipasang dalam script :

Contoh:
1. File yang saya upload di blogspot, atau bisa juga di situs hosting image/share image lainnya seperti photobucket, tinypic, dll

2. Selanjutnya kita perlu  mencatat link /url gambar:
a. Space Iklan 125x125 pixel  :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKNoIIiBc_1MZCx-Ch5p3hwLcvLHConjxr6KdSdtif9vY25xzs_qdolKJCG36ncKQ9zAg9HwLx1CGYAQlVUFuMUD3mJx52tMd-nryo4V-8cqoDoIiGhA5qDRMGs9p33J3YFvZEBRW7AQ/s1600/FastStoneEditor+2b.jpg
b. Space Iklan 268x60 pixel
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTIeRAb7jAPDXPSIw-KJeFT_VSVJ4Oboxlcpa2-A7aeLnQTkZmrOe59V9UPtaBjoER1BZ8z3GUlOFFEsGfOI5LSmZMLVYm1PIVqgvwnTr-DuXz_QFFxusGijOxdjpFh6mXpMPoxIahaFc/s1600/FastStoneEditor+3b.jpg



3. Selanjutnya memasukkan url ke dalam script image:

<a href="#"" target="_blank"><img src="?" border="0"></a>

Tanda # diganti dengan url target, halaman yang akan dibuka saat gambar di klik, misalnya: http://www.komputerseo.com/
Tanda ? diganti dengan url gambar, misalnya: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTIeRAb7jAPDXPSIw-KJeFT_VSVJ4Oboxlcpa2-A7aeLnQTkZmrOe59V9UPtaBjoER1BZ8z3GUlOFFEsGfOI5LSmZMLVYm1PIVqgvwnTr-DuXz_QFFxusGijOxdjpFh6mXpMPoxIahaFc/s1600/FastStoneEditor+3b.jpg

Contoh 1:

<a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a></br><a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a>

Contoh script lengkapnya  setelah tanda # diganti dengan url target dan tanda ? diganti dengan url gambar

<a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKNoIIiBc_1MZCx-Ch5p3hwLcvLHConjxr6KdSdtif9vY25xzs_qdolKJCG36ncKQ9zAg9HwLx1CGYAQlVUFuMUD3mJx52tMd-nryo4V-8cqoDoIiGhA5qDRMGs9p33J3YFvZEBRW7AQ/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://artikelkomputerku.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKNoIIiBc_1MZCx-Ch5p3hwLcvLHConjxr6KdSdtif9vY25xzs_qdolKJCG36ncKQ9zAg9HwLx1CGYAQlVUFuMUD3mJx52tMd-nryo4V-8cqoDoIiGhA5qDRMGs9p33J3YFvZEBRW7AQ/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://mycomputerdummies.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKNoIIiBc_1MZCx-Ch5p3hwLcvLHConjxr6KdSdtif9vY25xzs_qdolKJCG36ncKQ9zAg9HwLx1CGYAQlVUFuMUD3mJx52tMd-nryo4V-8cqoDoIiGhA5qDRMGs9p33J3YFvZEBRW7AQ/s1600/FastStoneEditor+2b.jpg" /></a></br><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKNoIIiBc_1MZCx-Ch5p3hwLcvLHConjxr6KdSdtif9vY25xzs_qdolKJCG36ncKQ9zAg9HwLx1CGYAQlVUFuMUD3mJx52tMd-nryo4V-8cqoDoIiGhA5qDRMGs9p33J3YFvZEBRW7AQ/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKNoIIiBc_1MZCx-Ch5p3hwLcvLHConjxr6KdSdtif9vY25xzs_qdolKJCG36ncKQ9zAg9HwLx1CGYAQlVUFuMUD3mJx52tMd-nryo4V-8cqoDoIiGhA5qDRMGs9p33J3YFvZEBRW7AQ/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKNoIIiBc_1MZCx-Ch5p3hwLcvLHConjxr6KdSdtif9vY25xzs_qdolKJCG36ncKQ9zAg9HwLx1CGYAQlVUFuMUD3mJx52tMd-nryo4V-8cqoDoIiGhA5qDRMGs9p33J3YFvZEBRW7AQ/s1600/FastStoneEditor+2b.jpg" /></a>

Setelah urlnya diganti, hasilnya seperti di bawah ini





Catatan: Tanpa menggunaan tag </br> juga bisa dilakukan, karena jika baris pertama sudah penuh maka otomatis gambar berpindah ke baris kedua



Contoh 2
Scriptnya seperti di bawah ini

<a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a></br><a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a>

hasilnya seperti berikut:





Contoh 3 : menggunakan space gambar 468X60, scriptnya sama seperti di atas hanya url gambarnya yang diganti

Contoh scriptnya:

<a href="#"" target="_blank"><img src="?" border="0"></a>
<a href="#"" target="_blank"><img src="?" border="0"></a>
<a href="#"" target="_blank"><img src="?" border="0"></a>
<a href="#"" target="_blank"><img src="?" border="0"></a>

Hasilnya seperti di bawah ini:




Catatan: jangan lupa ganti tanda # dan ? dengan url target dan url gambar
Script di atas bisa dipasang di gadget html pada posisi sidebar, atau di atas dan bawah postingan.

menampilkan & menyembunyikan widget dihalaman tertentu

T

utorial blog sebelumnya saya sudah pernah membahas tetang cara membuat salah satu halaman posting tampil sempurna atau sering disebut dengan halaman full post (penuh tanpa sidebar). Saat anda membuat halaman full post maka widget pada halaman postingan tersebut tidak akan tampil tapi untuk halaman lain widget tetap tampil.

Saya juga sudah pernah menyampaikan tetang cara menyembunyikan widget pada halaman utama. widget yang anda sembunyikan tidak muncul pada halaman utama tapi pada halaman yang lain widget akan tampil.

Untuk melengkapi kedua tutorial ini saya kembali akan membahas tetang cara mengatur tampilan widget pada halaman tertentu.

Kali ini kita akan mengatur widget agar bisa tampil dan sembunyi pada halaman utama, halaman Halam Index posting, Halaman index label dan Halaman statis. Kode yang akan kita gunakan untuk menyembunyikan dan menampilkan widget adalah sebagai berikut :

1. Menampilkan widget pada halaman  Home page
<b:if cond='data:blog.url == data:blog.homepageUrl'> .......................... </b:if>
2. Menampilkan widget selain di home page
<b:if cond='data:blog.url != data:blog.homepageUrl'> ..................................... </b:if>
3. Menampilkan Widget di Archivepages
<b:if cond='data:blog.pageType == &quot;archive&quot;'> ...................................... </b:if>
4. Menampilkan Widget selain di Archivepages
<b:if cond="data:blog.pageType != &quot;archive&quot;"> .................................................... </b:if>
5. Menampilkan Widget di Itempages / Postingan
<b:if cond='data:blog.pageType == &quot;item&quot;'> ............................................ </b:if>
6. Menampilkan widget selain di Itempages/postingan
<b:if cond='data:blog.pageType != &quot;item&quot;'> .................................... </b:if>
7. Menampilkan widget di Staticpages
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> .................................. </b:if>
8. Menampilkan widget selain di staticpages
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> ............................</b:if>
9. Menampilkan widget pada URL Postingan Tertentu
<b:if cond='data:blog.url == &quot;alamatpostingan&;quot;'> ......................................... </b:if> Ketetangan : Ganti tulisan berwarna merah dengan URL atau lamant postingan anda
10. Menampilkan widget selain di URL postingan tertentu
<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'> ................................................ </b:if>

Dari kode-kode diatas anda bisa mengatur kapan dan dihalaman mana widget tersebut ingin anda tampilakan. langkah-langkah untuk  meletakan kode diatas adalah sebagai berikut :

1. Masuk kehalaman blog anda
2. Cari kode ID widget yang ingin anda sembunyikan, Misalnya didapat ID widget "HTML1"

3. Kemudian Pilih Rancangan > Edit HTML

4. Download lengkap templat blog anda terlebih dahulu
5. Centang Expand Template Widget
6. Kemudian cari kode ID widget anda tadi "HTML1" pada halaman edit HTML gunakan F3 untuk memudahkan pencarian kode.
7. Setelah ketemu anda akan menjumpai kode dari elemen widget seperti ini
<b:widget id='HTML1' locked='false' title='Join Me' type='HTML'> <b:includable id='main'> ......................................Disini letak kode untuk menyembunyikan widget   <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>   <b:include name='quickedit'/> ..............................Disini letak kode penutup </b:includable> </b:widget>
8. Letakan kode untuk menyembunyikan widget misalkan kode untuk menampilakan widget dihalaman home page, maka susunannya menjadi seperti ini
<b:widget id='HTML1' locked='false' title='Join Me' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'>   <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>   <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>
9. Klik simpan dan selesai

Cara Memasang PageRank Diblog

Syukur alhamdulillah seiring dengan perjalanan waktu, tidak terasa sudah dua tahun lebih BlogArtikel (April 2009 sampai sekarang) ibarat balita sudah bisa berjalan dan mulai banyak bicaranya. Begitu pula dimata mbah google sudah mulai lirik ini terbukti dari hasi PageRank sudah naik dari 1 ke 2 dan insya Allah akan naik terus seiring berjalannya waktu, oleh karena itu kunjungan, komentar serta backlink dari teman-teman sangat saya harapkan selalu.
Dengan naiknya PAGE RANK BlogArtikel ini, saya mencoba untuk membuat postingan sebagaimana judulnya di atas Cara Memasang PageRank Diblog, karena mungkin masih ada teman-teman yang belum mengetahui cara memasang dan atau mendapatkan scrip PageRank. Mungkin blog yang ia kelola sebenarnya sudah berpagerank, namun karena ketidaktahuan cara mendapatkan scrip PAGE RANK sehingga ia tidak memasang di blognya.
Bagi yang belum mengetahui caranya, silahkan ikuti langkah-langkah berikut ini :

• Terlebih dahulu login ke PAGE RANK Checker
• Kemudian masukkan alamat URL blog anda pada tab Site URL lalu Klik Check PR. Jangan lupa masuk kata yang diminta untuk verikasinya. seperti pada gambar di bawah ini.

• Setelah sukses, maka Anda akan diperlihatkan gambar yang menandakan proses pendaftaran selesai dan Anda akan mengetahui PageRank berapa Blog yang Anda kelola. Tapi ini belum selesai karena scrip yang akan dipasang di blog belum bisa kita dapatkan, untuk mendapatkannya Anda harus membaca langkah berikutnya.

• Perhatikan gambar di bawa ini, silahkan klik tulisan Page Rank Button

• Perhatikan lagi gambar berikut, Anda diminta kembali untuk memasukkan alamat URL blog dan menulis kembali kode yang ada lalu klik Generate Now

• Kemudian Anda akan diperlihatkan sebuah gambar yang terakhir dimana terdapat 3 pilihan SCRIP, Anda tinggal mencopi salah satu scripnya dan pasta di blog Anda.

• Langkah terakhir Login ke Blogger, Rancagan, Tambah Gadge, Java/HTML lalu Save

SELAMAT MENCOBA

Tutorial Blogger cara membuat recent post V.2

Tutorial Blogger,-Cara membuat Recent Post V.2 : Trik kali ini kita Sebenarnya sudah pernah dibahas pada tutorial sebelumnya tapi ada sedikit perbedaan pada trik kali ini.Sebelum masuk ketahap lebih lanjut sedit kita singgung tetang recent Post agar sahabat blogger yang baru tidak binggung apa yang dimaksut dengan recent post.

Recent Post berfungsi untuk menampilkan list atau daftar posting terbaru dari blog anda. anda bisa mengatur banyaknya posting terbaru pada widget ini.Recent Post kalai ini akan tampil lebih elegan dari Recent Post sebelumnya karena pada Recent Post kali ini tidak hanya menampilkan judul dari artikel anda tetapi juga menampilkan Photo yang ada di artikel anda dan jumlah komentar pada artikel tersebut.

Recent Post yang akan kita pasang kalai ini gambarannya adalah seperti ini :

Langkah-langkahnya adalah sebagai berikut :

1.  Log-in ke akun blogger anda.
2. Setelah itu Pilih Racangan >>Elemen laman

3.  Tamabah widget/Add Gadget

4.  Akan tampil Halaman seperti berikut kemudian tambahkan HTML/JavaScript

5. Setelah itu akan mucul box HTML/JavaScript berikut :

6. Copas Kede berikut letakan didalam Box HTML/JavaScript diatas
<script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 250; cellspacing = 8; backgroundColor = "#1C1C1C";borderColor = "ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 12;acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 5; home_page = "http://www.mood-engine.blogspot.com/"; </script> <script src="http://larasmadyo4.googlecode.com/files/Recent%20post.js" type="text/javascript"></script> NB:
• boxwidth = 250;adalah Lebar dari kotak Recent Post
• backgroundColor = "#1C1C1C";Adalah warna Beackground dari kotak Recent Post
• borderColor = "ffffff"; Adalah warna garis tepi atau border
• fntsize = 12;  Adalah Ukutan huruf dari judul postingan/title
• acolor = "#666"; Warna huruf dari judul postingan/title
• http://www.mood-engine.blogspot.com/  Ganti menggunakan URL/alamat Blog anda
7.  Langkah terakhir klik simpan dan lihat hasilnya

Tutorial blog Cara menghilangkan Icon Obeng atau Tank blogger

Kembali lagi ketutorial blog berikutnya yaitu Tutorial Cara menghilangkan Icon Obeng atau Icon Tang pada Blogger. Pastinya anda Pernah menjumpai adanya Icon Obeng pada Halaman Blog anda nah apabila anda merasa terganggu dengan adanya Icon Blog tersebut anda gak usah khawatir Icon Obeng tersebut bisa kita hilangkan.

Icon Obeng tersebut sebenarnya dibuat sebagai langkah pintas untuk melakukan edit pada Widget anda, Namun seperti sudah disebut kan diatas tadi sebagian orang ada yang merasa tergangu dengan adanya Icon Obeng pada halaman Blog. Biar anda gak bingung yang saya maksut Icon Obeng pada Blogger coba Lihat Gambar Berikut :

Langkah-langkah untuk menghilangkan Icon Obeng tersebut adalah sebagai berikut :

1. Login ke blogger dengan ID anda tentunya.
2. Klik  Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :
   
   ]]></b:skin>
   
   
5. Copy paste kode berikut persis di atas kode yang tadi :
   
   .quickedit{
   display:none;
   }
   
   
6. Klik tombol Simpan template.
   
7. Selesai.

Cara memasang jam di blog

Langkah-langkah untuk memasang widget jam kedalam blog memerlukan 2 langkah sederhana. langkah pertama yaitu mendapatkan kode Script jam dan langkah kedua adalah memasang kedalam blog anda.
Langkah Pertama : Mendapatkan kode Script jam

1. Kunjungi web penyedia widget jam www.clocklink.com atau Klik disini

2. Perhatikan gambar diatas lihat tanda panah pada tulisan Gellery nah dibawah tulisan Gallery terdapat banyak kategory atau model-model jam, bisa anda pilih sesuai keinginan anda. disini saya ambil contoh kategori jam Digital
3. Setelah anda klik Menu Digital maka akan muncul model-model jam Digital seperti gambar berikut

4. Klik pada View HTML Tag, maka anda akan dibawa kehalaman pengaturan seperti ini

5. Atur warna sesuai dengan kenginan anda kemudian pada Time Zone pilih GMT + 07:00 dan pada bagian Size adalah ukuran besar jam jadi silahkan anda atur sesuai dengan templat anda
6. Jika Pengaturan sudah selesai Copy Kode script yang sudah disediakan

Langkah ke Dua : Memasang jam kedalam blog

1. Masuk  kehalaman blog anda
2. Pilih Rancangan >Elemen halaman >Klik Tambah gatget

3. Pilih/tambahkan HTML/JavaScript

4. Akan tampil halaman seperti berikut

5. Letakan/paste kode Script jam yang sudah anda copy tadi kedalam Box HTML/JavaScript
6. Klik simpan dan selesai

Cara Mengganti domain blogspot.com menjadi co.cc

B

agi ada pengguna blogspot atau wordpress yang mempunyai alamat blog terlalu panjang atau anda yang tidak terlalu suka denga dot blogspot yang selalu hadir di ujung alamat blog anda misalnya seperti alamat blog saya mood-engine.blogspot.com ,  tidak perlu awatir anda bisa menggantinya dengan domain gratis CO.CC.

Setting domain CO.CC tidak sulit dan tidak perlu keahliah khusus asalkan anda mengikuti langkah-demilangkah yang saya jelaskan anda ikuti dengan benar pasti bisa. jika anda belum pernah melihat blog yang menggunakan domain CO.CC ada bisa lihat demonya pada blog pertama saya Klik Disini.Tapi saya rasa anda sudah tidak asing lagi degan domain gratis CO.CC ini.

Ok..!, sekarang langusng kita bahas cara mengganti domain blogspot dot  com menjadi Co dot Cc, langkah-langkahnya adalah sebagai berikut :

1. Kunjungi halaman web CO.CC klik Disini

2. Silahkan ada daftar terlebih dahulu klik pada create an accoun now

3. Isikan form pendaftaran dengan data anda seperti pada gambar berikut

Keterangan :
• first name : isi dengan nama depan anda
• last name : isi dengan nama belakang anda jika tidak ada nama belakang isi saja dengan koma (,)
• Email adress : isi dengan alamat email anda
• Entry a password : isi dengan password atau kata kunci
• Brithday : isi data kelahiran anda
• Home page url : isi dengan alama home blog anda yang asli (bawaan dari blogspot)
4. Setelah semua data terisi klik Continue
5. Kemudian anda diminta memasukan paswort anda kembali dan klik Countine

6. Jika proses berhasil maka dibagian atas akan muncul alamat emai anda yang menandakan proses pendaftaran selesai (lihat gambar)

7. Masukan alamat blog yang ingin anda buat menjadi CO.CC kemudian klik Ceack availability ini bertujuan untuk mengecek apakah domain yang akan anda gunakan tersedia atau tidak jika alamat yang ingin anda gunakan tersedia maka setelah anda klik ceack availability akan tampil halaman sebagai berikut :

8. Kemudian klik Continue to registration jika proses berhasil maka akan tampil halaman berikut

9. Klik Set up dan klik Zone Records

10. Isi kan data dalam form dibawah keterangan ada dibawah gambar

Keterangan :
• Host : isi dengan domain yang anda inginkan misalkan www.larasmadyo.co.cc
• TTL : isi 1D
• type : isi dengan CNEME
• Value : isi dengan ghs.google.com
Kemudian klik Set up Sebenarnya sampai disini sudah selesai dan domain anda sudah bisa digunakan. agar alamat blog anda tidak eror ketika diakses tanpa menggunakan www maka tambahkan volue 216.239.32.21 cara seagai berikut
11. Isi Host dengan alamar anda tadi tapi tanpa menggunakan www. misalkan larasmadyo.co.cc lihat gambar dibawah

Keterngan :
• Host : isi dengan lamar ada tanpa www
• TTL : isi 1D
• Type: isis dengan A
• Value : 216.239.32.21
12. kemudian klik Set up 
13. Apabila langkah 10 dan 11 berhasil maka tampil seperti berikut

14. Seting domain CC.CC sekarang sudah selesai
15. Sekarang melakukan pengturan pada blog. login ke blogspot terlebih dahulu keudian pilih Pengaturan>Publikasi>Domain ubahsuain

16. Pilih pengaturan lanjut dan anda akan dibawa kehalaman berikut

17. Masukan domain yang sudah anda buat tadi

18. Jangan lupa masukan kode verifikasi
19. Klik simapan setelan dan selesai

NIB :
Biasanya Migrasi doamai baru bisa digunakan maksimal 48 jam (2 hari) dan terkadang domain langusung bisa digunakan

Cara Membuat READMORE Otomatis

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

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 templateSelanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.