Read more »
This is featured post 1 title
Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.
This is featured post 2 title
Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.
This is featured post 3 title
Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.
Kamis, 23 Februari 2012
Cara Setting Free Domain CO.TV ke Blogspot
Posted by Eki Jalaludin on 23.03
Jika sobat ingin mempercantik nama domain blog anda,tentunya dengan domain free, Anda bisa menjadikan domain co.tv tersebut sebagai domain dari blog anda di blogger.com sebagai ganti dari domain namabloganda.blogspot.com. Tujuannya, tentu saja untuk memperpendek alamat URL agar lebih mudah diingat oleh pengunjung.
Cara buat custom domain blogger dengan domain co.tv adalah sebagai berikut:
1). Register domain gratis ke http://www.co.tv
2). Setelah berhasil register, segera masuk ke halaman Control Panel (tombol sebelah kanan).
3). Seting Registrant Contact, Administrative Contact dan Technical Contact dengan username yang anda isi pada saat mendaftar. Kemudian klik CONTINUE.
4). Anda akan diarahkan pada SETUP domain. Klik tombol SETUP tersebut.
5). Isi form Name Server 1 dengan ns1.co.tv dan Name Server 2 dengan ns2.co.tv dan klik tombol SETUP.
6). Selanjutnya klik pada link ZONE RECORDS. Isi masing-masing kolom:
*) Isi kolom HOST dengan www *) Isi kolom AUX dengan 1D *) Pilih kolom TYPE ke CNAME *) Isi kolom VALUE dengan ghs.google.com
Kemudian klik tombol SETUP.
Selanjutnya kita akan seting domain dari co.tv untuk blogspot.
Caranya: 1. Login ke blogger.com Anda. 2. Klik “Pengaturan” atau “Setting” 3. Klik “Publikasikan” atau “Publish” 4. Berpindah ke: “Domain Kustom” -> klik 5. “Anda sudah memiliki domain?” -> Beralihlah ke pengaturan lanjut” atau “Advanced Setting” -> klik
6. “Domain Anda” -> Isi alamat domain Anda di kotak. Saya isi: fauziewisudawan.co.tv dan perlu dingat harus pakai www. kalau cuma mengisi nama domain saja tidak akan berhasil soalnya saya hampir putus asa untuk setingnya karena tidak pakai www. 7. Isi verifikasi kata. Klik “Simpan setelan”. Selesai.
Selamat mencoba………..!!!!
sumber : cybercopas.co.tv
Tips / Cara Memasang Tombol "Back to Top" di Blog
Posted by Eki Jalaludin on 23.02
Tujuan membuat tombol back to top dalam blog adalah agar para pengunjung blog merasa lebih mudah untuk kembali ke bagian atas blog kita. Walau mereka bisa kembali ke bagian atas blog dengan cara menggulung scrool namun dengan adanya tombol back to top ini akan lebih mempermudah, yaitu cukup dengan satu klik saja, maka mereka langsung di bawa ke bagian atas blog kita.
Untuk membuat tombol yang kita maksud, kita hanya membutuhkan kode berikut:
<script type="text/JavaScript">
var topMargin = 300
var slideTime = 1200
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
window.setInterval("main()", 10)
function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}
function main() {
if (ns4) {
this.currentY = document.floatLayer.top;
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}
}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY
floatStart();
}
animator();
}
}
function floatStart() {
var now = new Date()
this.A = this.targetY - this.currentY
this.B = Math.PI / ( 2 * this.slideTime )
this.C = now.getTime()
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt
this.A = this.A > 0 ? this.findHt : -this.findHt
} else {
this.D = this.currentY
}
}
function animator() {
var now = new Date()
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D
newY = Math.round(newY)
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )floatLayer.style.pixelTop = newY
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"
}
}
//-->
</script>
<div id="floatLayer" style="position: absolute; height:20px; width:15; left:650px; top:400px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" width="15" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkgJtD2HsIBVRiS_cgFB4Bn-HYvPji0a-i-7bUaWE8WjyZmon0tsrDTGv0euwI18D6Az8vmnqx9Fa3s-5-VtWW_zvpoxcIH8Ar3W6GI9qzLcZAvylBQ7InKCwnyTpt5aukroHHP8sz-ys5/" height="25"/></a></div>
Cara memasangnya seperti biasa, login ke blogger >> Tata letak dan Tambah Gadget HTML. bagi teman-teman yang ingin mengganti gambar back to top, maka bisa diganti link yang berwarna seperti ini. tampilan dari link gambar di atas adalah seperti berikut ini:
Di atas adalah kode dan langkah-langkah untuk memasang tombol back to top yang letakknya mengikuti gerakan scroll browser, selanjutnya bagi teman-teman yang ingin memasang tombol back to top melayang/berada di kanan slalu (bisa diatur letaknya, NB ==> kode yg tlah saya sediakan di bawah ini sudah diatur untk tampil di bagian kanan bawah), maka tman2 bisa memperaktekkannya melaui langkah-langkah berikut:
Login ke blogger >> Tata Letak >> Edit HTML
Kemudian letakkan kode berikut tepat di bawah kode </Body>
<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkgJtD2HsIBVRiS_cgFB4Bn-HYvPji0a-i-7bUaWE8WjyZmon0tsrDTGv0euwI18D6Az8vmnqx9Fa3s-5-VtWW_zvpoxcIH8Ar3W6GI9qzLcZAvylBQ7InKCwnyTpt5aukroHHP8sz-ys5/'/></a>
Tampilan:
Simpan hasil kerjaan anda!
Nb:
Teman-teman juga bisa memilih beberapa gambar back to top berikut ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe1prYJc1hu2I1ep4a0K80chMmTjcXxz2ixiSH_YM21pMpTB7O4eCHIKqAOoAAJktsXLU3uJAsPZrDvQTyFrBZCX0LEWbYjXDxz90nnt0-OYTkMtHzp-7pKnEv7AZcyi6-UDyIBk2mtIGW/
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBB6EFQGNVmqtR8SX2o_lrgRMSdGxKMzt7xGE9FyFCjlkA7qKyG-ZGqTjI0U11H-CzU9OZiwept-qFbUAL50LjwqlAzZB5NZjtzotqF6sN0fWn52pNRJXDM6XyQbizZ6vkeEHhaAnX61-s/
sumber : caturpuji.blogspot.com
Cara ke 2 >>>
Cara ke 2 >>>
Tombol 'Back to Top' atau 'Kembali ke Atas' merupakan sebuah tombol yang jika diklik akan membawa kita menuju ke bagian atas suatu halaman pada blog. Tombol ini berguna untuk memudahkan pengunjung saat ingin kembali ke bagian atas halaman blog setelah selesai membaca artikel. Terlebih lagi bila isi posting terlalu panjang. Jadi, pengunjung tidak perlu repot-repot mengeklik scroll bar atau memutar scrollpada mouse untuk kembali lagi ke bagian atas halaman.
Letak tombol ini berada di pojok kanan bawah layar monitor dan melayang. Untuk memasang tombol ini, Anda dapat menyimak langkah-langkahnya di bawah ini.
1. Masuk ke akun Blogger Anda.
2. Klik Rancangan > Elemen Laman > Tambah Gadget.
3. Pilih HTML/JavaScript.
4. Copy dan paste kode di bawah ini di kolom Konten.
6. Pindahkan elemen ke posisi paling bawah.
7. Klik tombol SIMPAN.
8. Selesai.
Letak tombol ini berada di pojok kanan bawah layar monitor dan melayang. Untuk memasang tombol ini, Anda dapat menyimak langkah-langkahnya di bawah ini.
1. Masuk ke akun Blogger Anda.
2. Klik Rancangan > Elemen Laman > Tambah Gadget.
3. Pilih HTML/JavaScript.
4. Copy dan paste kode di bawah ini di kolom Konten.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Kembali ke Atas"><img src="http://i1119.photobucket.com/albums/k636/klikmunadi/Up.png" /></a>
- Anda dapat mengganti Kembali ke Atas dengan judul yang Anda inginkan.
- Bila ingin menggunakan gambar Anda sendiri, silakan ganti http://i1119.photobucket.com/albums/k636/klikmunadi/Up.png dengan url gambar Anda.
6. Pindahkan elemen ke posisi paling bawah.
7. Klik tombol SIMPAN.
8. Selesai.
sumber :klikmunadi
3 Trik Membuat Blogspot Menjadi Mobile Version
Posted by Eki Jalaludin on 23.01
Blogspot merupakan salah satu platform blog terbesar selain Wordpress & Joomla.
Blogspot banyak disukai orang dengan kemudahan 'Customnya', apalagi Blogspot didukung oleh Google, membuat platform ini memiliki sangat banyak user.
Tapi ada salah satu kekurangan blogspot , yaitu tidak ada plugin atau add on seperti wordpress yang menunjang performa blog kita dalam hal Mobile Version, karena jaman sekarang yang mengakses Internet tidak hanya dari Pc, Notebook/Netbook tapi juga dari Perangkat2 Mobile seperti Hp.
Blogspot banyak disukai orang dengan kemudahan 'Customnya', apalagi Blogspot didukung oleh Google, membuat platform ini memiliki sangat banyak user.
Tapi ada salah satu kekurangan blogspot , yaitu tidak ada plugin atau add on seperti wordpress yang menunjang performa blog kita dalam hal Mobile Version, karena jaman sekarang yang mengakses Internet tidak hanya dari Pc, Notebook/Netbook tapi juga dari Perangkat2 Mobile seperti Hp.
Apabila kita menggunakan wordpress dengan mudah pengunjung yang mengakses blog kita lewat perangkat mobile/handphone/opera Mini akan secara otomatis di direct ke tampilan yang jauh lebih simple (mobile version) dan memudahkan pengunjung dalam membaca isi konten kita, sehingga yang jelas akan sangat berpengaruh pada traffic yang dihasilkan dan sangat berpengaruh pada SEO.
apabila kita menggunakan blogspot, kita tidak akan mendapatkan fitur ini secara otomatis.
Namun, untungnya ada Tips agar kita juga bisa membuat blog kita tampilannya sesuai dengan browser atau hp secara otomatis, yaitu dengan http://bloggertouch.sopili.net/
Langkahnya cukup mudah, yaitu dengan :
- Masuk ke situs ini lalu daftarkan url blog kita di sana.
- Setelah itu kita akan mendapatkan script yang kemudian kita masukan ke blog kita, ada 2 pilihan:
- Add Gadget langsung ke Blog kita
- Get Code, dan dipasang secara manual di blog kita
- Verifikasi jika sudah terpasang
Dengan 3 Langkah mudah ini saja blog kita sudah mobile friendly.
Blog kita pun siap dikunjungi oleh 'pasukan' Mobile, hehe
source :
http://www.simplemachines.org/
Blog kita pun siap dikunjungi oleh 'pasukan' Mobile, hehe
source :
http://www.simplemachines.org/
Membuat Pesan Selamat Datang di Blog
Posted by Eki Jalaludin on 23.01
Sobat blogger sudah sering melihat blog seperti itu, kan?, yang ada pesan-pesannya, gitu! kalau sobat blogger juga ingin hal yang serupa saya akan senang hati untuk membantu sobat.
Untuk sobat yang ingin memperkeren blog silahkan ikuti langkah-langkah beriku, tapi sebelumnya saya akan memperkenalkan Script-nya
Script Untuk Pesan Selamat Datang :
<script>
window.alert('Selamat datang!!! di fauziewisudawan.co.cc!!!');
</script>
Untuk sobat yang ingin memperkeren blog silahkan ikuti langkah-langkah beriku, tapi sebelumnya saya akan memperkenalkan Script-nya
Script Untuk Pesan Selamat Datang :
<script>
window.alert('Selamat datang!!! di fauziewisudawan.co.cc!!!');
</script>
Script Untuk Pesan SelamatTinggal :
<script>
function minggat(){
window.alert('Bye!!! Besok mampir lagi ya!');
}
parent.window.onunload=minggat;
</script>
Langkah-langkahnya :
<script>
function minggat(){
window.alert('Bye!!! Besok mampir lagi ya!');
}
parent.window.onunload=minggat;
</script>
Langkah-langkahnya :
- Masuk ke Dasbor
- Rancangan
- Tambah Gadget
- HTML/Java Script
- Pastekan salah satu kode atau ke-2'nya yang di atas tadi.
- Kemudian tekan tombol Save
Ingat-ingat!!! : Jangan lupa untuk untuk mengganti kode yang berwarna merah
sumber : ozy-web.blogspot.com
Tips Merubah Ukuran Gambar di Blog
Posted by Eki Jalaludin on 23.00
Gambar bagi sebuah blog memang dibutuhkan. Baik itu sebagai accessories blog maupun sebagai illustrator bagi tulisan. Di area postingan, ukuran gambar mungkin tidak menjadi soal, karena tersedianya ruang yang cukup luas untuk menempatkan gambar dan juga pengaturannya pun sangat mudah, tinggal kik and click.
Caranya setelah gambar berhasil diupload, kemudian klik gambar tersebut dan akan muncul menu untuk mengatur gambar. Namun pengaturannya hanya dibatasi 5 ukuran saja yaitu small, medium, large, x-large dan original size.
Memang walau hanya 5 ukuran saja tapi sudah cukup mewakili dan membantu kita khususnya untuk gambar yang akan dipasang di dalam postingan.
Bagiamana jika ingin membuat gambar menjadi ukuran yang sesuai dengan kemauan kita? Seperti misalnya ingin membuat gambar dengan ukuran panjang 100px dan tinggi 80px.
Untuk memperbesar atau memperkecil ukuran gambar, tidak perlu repot-repot mengedit pakai software editor image tetapi dengan menggunakan kode script kita dapat mengatur ukuran gambar sesuai keinginan kita.
Gambar yang akan dipasang di halaman blog tentu harus melalui proses upload terlebih dahulu. Setelah gambar selesai diupload maka akan didapat link gambar sebagai berikut:
<img src='URL gambar">
Apabila ingin membuat gambar tadi menjadi link yang mengarah ke blog anda, maka susunannya menjadi :
<a href='URL Blog Anda'><img src='URL gambar "></a>
Dari susunan kode seperti tersebut di atas, gambar yang muncul masih menampilkan ukuran yang sebenarnya. Sehingga bila tempat yang tersedia di blog lebih sempit dari gambar akan menimbulkan masalah baru.
Cara mengatasinya, gambar harus diatur. Kode yang diperlukan adalah kode weight dan height (weight=lebar, height=tinggi).
Sedangkan penempatan kodenya seperti ini :
<img src='URL gambar' width='100' height='80'>
atau bila ingin membuat gambar tadi menjadi link yang mengarah ke blog anda, maka susunannya menjadi :
<a href='URL Blog Anda'><img src='URL gambar' width='100' height='80'></a>
Catatan:
Untuk mengatur (memperbesar/memperkecil) ukuran gambar, ubahlah angkanya sesuai yang dikehendaki.
Dengan cara itu, gambar yang akan dipasang di blog dapat kita perbesar / perkecil dengan menggunakan kode script.