Home Posts filed under Tutorial Blog

Showing posts with label Tutorial Blog. Show all posts

Saturday 22 December 2012

Cara Merubah Nama Domain Blogspot

Cara merubah nama domain blogspot adalah mengganti nama alamat blog misalkan "namablog.blogspot.com" menjadi namablog.com, cara merubah nama domain blogspot ini juga disebut dengan istilah Custom Domain Blogspot. Menurut sebagian orang dengan menggunakan nama domain berbayar akan lebih menambah gengsi dan juga agar terkesan serius dalam mengelola blog terlebih lagi bila dalam blog tersebut digunakan untuk berjualan.
Sesungguhnya tidak ada yang salah dengan menggunakan nama domain blogspot atau anda tidak mengCustom Domain Blogspot anda menjadi nama domain .com .net atau nama domain lainnya yang berbayar, toh masih bisa menulis blog. Asalkan tulisan anda bermanfaat pastilah banyak pembaca yang akan terus membaca dan mengunjungi blog Anda tersebut. Namun bagi sebagian orang nama domain berbayar akan lebih meningkatkan "derajat" dimata pengunjung dengan alasan nama domain berbayar lebih bergengsi, oleh karena itu mereka merubah nama domain blogspot-nya atau melakukan custom domain blogspot menjadi nama domain berbayar pilihan mereka yang sudah dibeli.
Bila anda berminat untuk merubah nama domain blogspot atau ingin melakukan custom domain blogspot menjadi domain berbayar, berikut langkah-langkahnya:
Sebelum merubah nama domain blogspot menjadi domain berbayar pilihan anda sebaiknya siapkan terlebih dahulu sebuah domain yang sudah anda beli,

Cara Custom domain Blogspot

Menuju bagian Penerbitan

Menuju ke panel domain

setelah berhasil login, menuju menu Manage Orders kemudian list/Search Orders. Pilihlah nama domain yang ingin di custom domain blogspot

DNS Management

Menambahkan A Record

Menambahkan CNAME

Proses merubah nama domain blogspot sudah selesai setelah ini tinggal menunggu hingga 24jam untuk melihat hasil perubahannya. Setelah Anda melakukan Custom Domain Blogspot maka namablog.blogspot.com secara otomatis akan beralih ke namadomain.com sesuai dengan yang telah anda setting tadi, karena cara ini tidak instan maka diharap untuk bersabar menunggu hasilnya hingga 24jam.

Sumber : klik di sini & di sini

Tutorial Blog

Cara Memasang Fitur Back To Top Pada Bogspot | 2012

Teuku Ahmad Andika 15:47 Comment

Back to Top Button atau Tombol Kembali ke Atas adalah fitur blog yang mempermudah pengunjung/visitor blog kembali ke bagian atas halaman dengan sekali klik tanpa melakukan mouse scrolling. Efeknya sangat besar sekali terutama bagi blog yang memiliki halaman panjang. Letak dari tombol fitur back to top kali ini ada di bagian footer sebelah kanan.

Cara menambahkan fitur 'Back To Top' untuk Blogger-Blogspot:

1. Masuk ke edit HTML.

2. Cari kode tag </body> (Ctrl+F)

3. Masukkan kode dibawah ini di atas </body>:

Versi 1 : (Digunakan Untuk Sekali Klik Langsung Menuju Keatas Secepat kilat)

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://c3.yousaytoo.com/rss_temp_image/pics/76/73/76/5484676/remote_image20110409-27992-1sdnhcj-0.png'/></a>

Versi 2 : (Digunakan Untuk Sekali Klik Menuju Keatas secara smooth dengan perlahan)

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'></script>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://c3.yousaytoo.com/rss_temp_image/pics/76/73/76/5484676/remote_image20110409-27992-1sdnhcj-0.png'/></a>

Ganti link url bertulisan merah dengan link gambar anda atau gunakan gambar di bawah ini, klik kanan copy (save as), trus upload dan host sendiri ya gambarnya, biar gak lelet dan pengunjung gak melet-melet!

Atau Search and Googling (cari juga di photobucket.com) gambar 'back to top/kembali ke atas' sendiri yang lebih keren dan sesuai dengan warna dan ukuran footer blog-mu, gunakan keyword "back to top button image", kemudian upload dan host gambar itu.

Ambil/copy direct link gambar dan ganti alamat url gambar Back to Top-mu dengan alamat url/link tersebut dan taruh diatas kode </body>. Contoh :

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'></script>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://c3.yousaytoo.com/rss_temp_image/pics/76/73/76/5484676/remote_image20110409-27992-1sdnhcj-0.png'/></a></body>

4. Kalau sudah dimasukkan semuanya dan pastikan tidak ada yang terlewat, save template HTML-nya.

5. Done! Fitur/Button Back To Top siap digunakan.

Semoga Bermanfaat Sobat..., Good Luck And Have Nice Day...!! ^_^..

Sumber : http://infoteknomedia.blogspot.com/2012/04/cara-memasang-fitur-back-to-top-pada.html#ixzz2FliM3JCQ

Tutorial Blog

Cara Menghilangkan NavBar Di Blogger

Teuku Ahmad Andika 15:44 Comment

Salah satu pengunjung atau Sobat Cyber Empires mengajukan pertanyaan. Beliau menanyakan bagaimana cara menghilangkan Navbar Blogger, dan kali ini saya akan mencoba membahasnya. Apa itu Navbar Blogger? navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan ke pihak blogger.

Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya. Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama.

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :

/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Atau bisa juga menaruh kode berikut persis di bawah kode <body> :

<style type='text/css'>
#navbar-iframe {display:none;}
</style>

Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :

Untuk template klasik

Sign in di blogger
Klik menu Template
Klik menu Edit HTML
Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman
Copy kode berikut lalu paste di atas kode </style>
Klik tombol Simpan Perubahan Template
Selesai.

Untuk template baru

Sign in di blogger
Klik menu Layout
Klik menu Edit HTML
Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data
Copy kode berikut lalu paste di atas kode ]]></b:skin>
Klik tombol Simpan Template
Selesai.

Selamat menikmati blog tanpa navbar !, Semoga Bermanfaat...^_^..

Sumber : http://infoteknomedia.blogspot.com/2012/03/tips-menghilangkan-nav-bar-blogger.html#ixzz2Flhu26ds

Tutorial Blog

Cara Membuat Permalink di Blogspot

Teuku Ahmad Andika 15:43 Comment

Apa kabar sobat blogger semua!!! Kali ini saya akan mempostingan jawaban atas pertanyaan sobat blogger tentang cara membuat / memasang permalink di blogspot sama persis dengan permanen link di blog ini. Sebelum kita ke TKP ada baiknya saya jelaskan sedikit dulu tentang Permalink ( permanen link).

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.

Permalink kali ini saya sudah di lengkapi dengan Author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis terblock ) . Contohnya bisa sobat lihat tepat di bawah artikel.

Screenshot

Sobat yang tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut :

Cara Membuat Permanen Link di Blog

1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Motivasi, Tutorial Blog, Tips And Trick, Movies, Games, Softwares Free Download</h4>
<div class='kontainer'>
<img alt='Ando Prasetya' src='http://2.bp.blogspot.com/--vdZOM-M4Fo/T2Bx7Tdm4MI/AAAAAAAAADc/mJZ410NQNAE/s220/PHOTO%2B2gw.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='46' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://infoteknomedia.blogspot.com/2012/05/cara-membuat-permalink-di-blogspot.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

5. Klik save dan lihat hasilnya.

Tambahan :

Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )

Semoga Bermanfaat sobat.., Thank's..^_^..

Sumber: http://infoteknomedia.blogspot.com/2012/05/cara-membuat-permalink-di-blogspot.html#ixzz2Flhf1Eoi

Tutorial Blog

Cara Memasang Donate ( Donasi Paypal ) Di Blog

Teuku Ahmad Andika 15:42 Comment

Berikut ini cara pasang donate Paypal button atau dalam bahasa Indonesianya kotak donasi dari Paypal untuk mendapatkan uang dari para pembaca ataupun mengumpulkan dana amal :

Ini dia langkah ambil code HTML donate Paypal box form sampai dengan ke blogger :

1. Login ke paypal dengan memasukkan email paypal kamu dan passwordnya.

button paypal donations

2. Klik pada 'Merchant Services' tab (lihat di bagian atas halaman)

3. Geser scroll kebawah dan akan terlihat tulisan "Donations" seperti gambar dibawah ini

4. Sekarang, kamu melihat beberapa pilihan seperti product, servis, subcription & recurring billing, donations, dan gift certificates. Pilih saja yang donations.

5. Klik"Create Button"

6. Kemudian akan terbuka halaman sebagai berikut

Copy semua kode yang ada dalam kotak area, kemudian paste ke elemen halaman di blogspot lalu simpan.

Bagi sobat semua yang belum mempunyai akun Paypal, Klik Disini untuk mendaftar..

Thank's.. , Semoga Bermanfaat Sob....^_^..

Sumber: http://infoteknomedia.blogspot.com/2012/03/cara-memasang-donate-paypal-di-blog.html#ixzz2FlhI7LEm

Tutorial Blog

Cara Memasang Emoticon Terbaru | 2012 Di Blog

Teuku Ahmad Andika 15:40 Comment

Halo sobat Cyber Empires, dari beberapa kasus para blogger mania untuk membuat emoticon yang benar-benar bisa tampil sangatlah susah, dan banyak yang request untuk pembuatan emoticonnya, oleh sebab itu ni sob saya share untuk cara memasang emoticon di blog versi ane sob..

Silahkan ikuti langkah-langkanya sobat..:

1. Pertama sobat harus sign in dulu tentunya ke blog sobat
2. setelah itu pilih Design / Rancangan
3. Lalu Pilih Edit HTML
4. Setelah itu sobat kasih tanda centang/ conteng di Expand Widget Templete
5. Setelah itu sobat cari kode / script ]]></b:skin> agar lebih mudah gunakan ctrl + f dan letakkan kode/ script di bawah ini tepat di atas kode ]]></b:skin>

.emoticon { margin: 0px 0px 0px 5px; }

6. Setelah itu sobat cari kode / script <data:blogCommentMessage/> biasanya sih seperti ini sob <p><data:blogCommentMessage/></p> setelah di temukan sobat tambahkan script di bawah ini :

<dd class='emoticon'>

</dd>

sebelum dan sesudah kode tersebut sehingga menjadi seperti di bawah ini :

<dd class='emoticon'><p><data:blogCommentMessage/></p></dd>

7. Setelah itu sobat cari kode <p class='comment-footer'> atau yang menyerupai/ sama dengan kode ini, setelah di temukan sobat letakkan kode/script di bawah ini tepat di bawah kode/script <p class='comment-footer'>

<div align='center'><span><a href="javascript:animatedcollapse.toggle('cemo')"><span style='color: #FE2E2E;'><b>Yahoo</b></span></a></span><b style='color: #FE2E2E;'></b></div>
<br/>
<center>
<div id='cemo' style='border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #000000; none repeat scroll 0% 0%; width: 400px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: auto;'><center>
<b>
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>:25
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>:26
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>:27
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>:28
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>:29
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>:30
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>:31
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>:32
<br/>
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>:33
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>:34
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>:35
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>:36
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>:37
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>:38
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>:39
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>:40
<br/>
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>:41
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>:42
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>:43
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>:44
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>:45
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>:46
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>:47
</b></center></div></center>

8. Setelah itu sobat cari kode </body> jika sudah di temukan sobat masukkan kode /script di bawah ini tepat di atas kode tersebut

<script src='http://emoticonmedia.googlecode.com/files/yahooemo.js'/>

9. Setelah itu sobat simpan / save and enjoy.....

Bagaimana sobat semua mudah kan membuatnya..., silahkan di coba sob...

Selamat berkarya dan semoga bermanfaat..., Thank's...^_^....

Sumber: http://infoteknomedia.blogspot.com/2012/05/cara-memasang-emoticon-terbaru-2012.html#ixzz2FlgwSSxS

Tutorial Blog

Tips Meringankan Dan Mempercepat Loading Blog

Teuku Ahmad Andika 15:39 1 Comment

Terkadang jengkel sekali menunggu blog yang ingin kita kunjungi tapi terlalu berat dan lama loadingnya, nah untuk itu kita harus mengetahui bagaimana sih caranya agar loading blog kita tidak terlalu lama :

Langkah 1 :

1. Pilih Template yang minimalis dan sederhana (contohnya Template dari Blogger).
2. Tampilkan hanya 1-2 Postingan di Home Page Blog.
3. Tampilkan hanya Judul Postingan di Home Page Blog.
4. Hapus Widget yang tidak terlalu penting, misalnya Jam, Kalender, Toolbar dan lain-lain.
5. Jangan terlalu memakai banyak gambar di blog.
6. Kompress HTML/Java Script dan CSS Template Blog.
7. Hapus Script yang tidak penting dari Template, contohnya Script Link Pelangi, Salju, dan lain-lain.
8. Gunakan Widget Asli dari Blogger untuk Aksesoris Blog.
9. Jika memasang Widget Statistik / Backlink seperti Alexa dan Histats, letakkan di Footer Blog.
10. Memasang Spoiler di Blog.

Jikalau dirasa masih berat, sobat coba ikuti langkah yang kedua di bawah ini :

Langkah Ke 2 :

1. Header Blog sebaiknya menggunakan teks biasa saja dari pada menggunakan gambar.
2. Tidak memasang Smiley / Emoticon dan Avatar pada kolom komentar.
3. Template Blog sebaiknya tidak menggunakan background gambar, sebaiknya warna biasa seperti putih atau hitam dan lain-lain, sesuaikan dengan dominasi tampilan warna blog anda.
4. Pilih Template yang SEO Friendly, karena Template jenis ini loadingnya sangat cepat dan mudah diindeks oleh Google.
5. Pilih / gunakan Template yang satu kolom.
6. Sebaiknya hapus widget Follower dijadikan link saja di sidebar atau di navbar. Pasang saja link berikut :

http://www.blogger.com/follow-blog.g?blogID=234564434567533456

Kode berwarna merah diganti dengan ID Blog anda, ID ini dapat anda temukan di address bar browser anda pada saat anda masuk ke menu Rancangan Blog.

Atau sobat bisa gunakan 13 cara terjitu di bawah ini untuk meringankan blog sobat :

Jangan aktifkan fitur gravatar pada area komentar.
Jangan gunakan gambar sebagai penghias posting (termasuk screenshot).
Jangan pasang iklan banner maupun iklan teks sedikit pun.
Jangan install plugin comluv dan plugin WP Thread Comment.
Jangan pasang recent post, recent comments, related post, random post, maupun popular post.
Jangan gunakan logo (image) pada header. Cukup teks biasa.
Jangan pasang menu blogroll (link sahabat).
Jangan pasang widget apa pun pada sidebar.
Jangan pasang menu top komentator.
Jangan install/jangan aktifkan emoticons pada area posting maupun komentar.
Compress CSS dengan opsi super compact via CSS Drive.
Gunakan kode warna HTML sebagai background ketimbang image.
Gunakan theme satu kolom.

Semoga Bermanfaat Sob, Thank's....^_^..

Sumber : http://infoteknomedia.blogspot.com/2012/03/tips-meringankan-dan-mempercepat.html#ixzz2FlghJ6gV

Tutorial Blog

Cara Memasang Tanda Tangan Di Blog

Teuku Ahmad Andika 15:37 4 Comments

Membuat Tanda Tangan Signature Blog - Sekarang untuk membuat tanda tangan digital atau signature di blog dapat sobat lakukan secara online tanpa perlu membuatnya secara manual menggunakan photoshop atau software lain. Memasang tanda tangan di bawah postingan blog jika dibuat dan ditata dengan bagus tentu saja akan membuat tampilan halaman blog menjadi terlihat lebih menarik dan professional. Tanda tangan digital juga dapat digunakan untuk tanda tangan di forum kaskus karena kode tangan yang kita dapatkan dari situs MyLivesignature ini terdiri dari 2 kode, yaitu kode HTML untuk pemasangan dihalaman posting blog dan kode BB untuk tanda tangan di forum kaskus.

Cara Membuat Tanda Tangan Digital di Blog :

1. Langsung saja meluncur ke alamat http://mylivesignature.com/ dan klik tulisan Click Here To Start.

2. Pada halaman berikutnya pilih Using the signature creation wizard.

3. Di halaman wizard (1-6 step) ini masukkan data yang diminta kemudian klik Next Step.

wizard 1: Masukkan name atau nama tanda tangan.

wizard 2: Pilih jenis huruf/font yang digunakan.

wizard 3: Tentukan ukuran besar/kecilnya tanda tangan.

wizard 4: Tentukan warna background serta warna teks tanda tangan.

wizard 5: Aturlah slope/kemiringan tanda tangan.

wizard 6: Tanda tangan sudah selesai tinggal ambil kodenya.

4. Langkah selanjutnya tinggal mengambil kode tanda tangan yang sudah selesai dibuat dengan mengklik tulisan Want to use this signature ?.

5. Nah disini 2 pilihan kode yang bisa di generate, pilih saja Generate HTML code karena kita akan menggunakannya untuk tanda tangan di bawah postingan blog.

6. Klik lagi Generate a code for my handwritten signature.

7. Copy kode HTML tanda tangan yang diberikan dan simpan di notepad.

Nah sekarang sobat sudah memiliki kode tanda tangan yang siap untuk dipasang dibawah postingan blog setiap kali anda membuat artikel baru. Cara pasang tanda tangan dibawah posting pasti sobat sudah paham lah, tinggal pilih Edit HTML pada panel posting blogger kemudian paste-kan kode tanda tangan tadi dibagian bawah artikel maka selesai deh !!

Bagaimana Sobat...., Mudah Kan sob..., Semoga Bermanfaat sob...^_^.., Thank's

Sumber: http://infoteknomedia.blogspot.com/2012/04/cara-memasang-tanda-tangan-di-blog.html#ixzz2FlgCyIco

Tutorial Blog

Cara Agar Blog Tidak Bisa Di copas

Teuku Ahmad Andika 15:21 Comment

Supaya blog tidak bisa di copas:
Tambahkan code ini:

<SCRIPT
 type='text/javascript'> if (typeof 
document.onselectstart!="undefined") { document.onselectstart=new 
Function ("return false"); } else{ document.onmousedown=new Function 
("return false"); document.onmouseup=new Function ("return true"); } 
</SCRIPT>

cara memasukkan codenya adalah:

1. login ke blogger

2. design
3. edit template

4. centang expand widget

5. taruh code itu di antara tag <head> dan </head>

6. save template

7. Anda berhasil...

Note: bagi anda yang ingin blognya tidak bisa di copas...kalau blog ini bisa anda di copas...

semoga bermanfaat...

Sumber : klik

Tutorial Blog

Cara Menghilangkan Komentar Pada Halaman Tertentu

Teuku Ahmad Andika 15:10 1 Comment

Langsung ke tutorial :

Login ke akun Blogger sobat
Kita menuju postingan yang ingin sobat hilangkan kotak komentarnya , nah !! Jika sobat belum membuat postingannya , dibuat dulu deh .
Jika sudah selesai buat postingan sobat klik Pilihan di pojok kanan bawah, seperti SS dibawah ini :

Kemudian beri tanda titik pada Radio Button Jangan Diijinkan, seperti SS dibawah ini :

Jangan lupa klik Selesai dan kemudian Publikasikan Postingan sobat. Lihat Postingan tertentu sobat.

Demikian artikel saya tentang Cara Menghilangkan Kotak Komentar Pada Postingan Tertentu semoga bermanfaat.

Sumber : http://unknown-mboh.blogspot.com/2012/09/cara-menghilangkan-komentar-pada.html#ixzz2FlZKuUOL

Tutorial Blog

Cara melihat kepopuleran blog anda pada search engine

Teuku Ahmad Andika 15:02 Comment

Berikut ini cara melihat dan memantau tingkat popularitas blog situs kita pada search engine, semakin besar nilai link maka semakin populer situs kita pada search engine.

Untuk menguji tingkat popularitas blog anda bisa gunakan link berikut:

http://www.submitexpress.com/linkpop/

Pada halaman yang muncul, di bagian kotak teks URL: 1, masukkan alamat homepage blog anda,misalnya: http://namabloganda.blogspot.com

Klik tombol Submit, maka akan muncul halaman list link popularity

semoga bermanfaat

Sumber : klik

Tuesday 18 December 2012

Tutorial Blog

Cara mensensor kata-kata kotor pada komentar Blog!

Teuku Ahmad Andika 18:03 4 Comments

Kali ini kita akan belajar "Cara Mensensor Komentar Yang Menurut Kalian Tidak Layak Untuk Di Post". Sangat tidak menyenangkan dan tidak sopan ketika blog yang kita kelola dan bisa menjadi cerminan si pemilik blog harus dikotori dengan komentar yang cenderung spam. Kata-kata kotor itu bisa berupa umpatan, berbau sex, dan juga ejekan. Cara Mensensor Komentar Tak Layak Versi Uchiha Community kotor ini, tidak melalui moderasi komentar tetapi dengan menambah script di blog kita.
Cara Memfilter Komentar Kotor di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode <body>

<script type='text/javascript'>
//<![CDATA[
function badwordfilter(ID){
var comm = document.getElementById(ID);
var comment = comm.innerHTML;
var reBadWords = /katakotor1|katakotor2|katakotor3/gi;
comment1 = comment.replace(reBadWords, "****");
comm.innerHTML = comment1;
comm.style.display = "block";
}
//]]>
</script>

6. Ganti katakotor1, katakotor2, katakotor3 dengan kata yang kamu anggap tidak pantas ditampilkan di komentar, dan bisa kamu tambah lebih banyak lagi.
7. Cari kode <p><data:comment.body/></p> dan ganti dengan kode berikut

<p><div expr:id='data:comment.id' style='display:none;'>
<data:comment.body/>
</div>
<script type='text/javascript'>badwordfilter("<data:comment.id/>");
</script></p>

8. Jika sudah selesai Simpan Template.

Sekarang sudah bisa diuji coba, coba komentar dengan menggunakan kata yang sudah disensor tadi, maka dalam komentar kata kotor itu akan diganti dengan ****. Jika blogmu tidak menerapkan moderasi komentar secara manual, sepertinya cara ini bisa dimanfaatkan untuk menjaga blog tetap bersih. ;)

Ket : Jika anda mengerti/tahu akan kode Html, maka anda dapat mengubah komentar yang anda sensor tadi menjadi kata2 yang lain bukan menjadi simbol ****! dan lain kali saya akan membahas itu!

kunjungi terus Cyber Empires
Terimakasih, selamat mencoba, semoga berhasil dan Salam Blogger!

Good Bye and see you later!

Source of this article : http://zone-uchiha.blogspot.com/2012/05/cara-mensensor-kata-kata-kotor-pada.html#ixzz2FOsZNZo5

Monday 10 December 2012

Tutorial Blog

Cara Membuat Peraturan Komentar Di Atas Kolom Komentar Di Blog

Teuku Ahmad Andika 13:10 4 Comments

Halo Sahabat Cyber Empires , Kali Ini Saya Akan Posting Tentang Cara Membuat Tulisan/Peraturan Komentar Di Atas Kolom Komentar
Oke Langsung Saja Caranya
Sebelumnya Centang Dulu Expand Template Widget
1. Login Ke Blogger
2. Pilih Template
3. Pilih Edit Html
4. Pilih Lanjutkan
5. Masukkan Kode Beriku DiAtas Kode ]]></b:skin>

/* Com Msg */
#com-andika{padding:5px; margin-bottom:10px; background:#;-moz-background-inline-policy:continuous; -moz-background-origin:padding;
margin-left:10px;
margin-top:8px;
border-radius:5px;
box-shadow:0 0 10px #F00;
border:2px groove #F00;}
#com-andika ul li{list-style-type:square;padding-left:1px}

6. Cari Kode <h4 id='comment-post-message'><data:postCommentMsg/>
7 . Masukkan Kode Ini DiBawahnya

<div id='com-andika'><center><b>Judul Text</b></center><ul><li>
Gnti Dengan Text Kamu
</li>
<li>
Gnti Dengan Text Kamu
</li>
<li>
Gnti Dengan Text Kamu</li></ul></div>

8. Simpan Template

NB : Gnti Kode Bewarna Merah Menjadi Text Kamu

Oke Sekian Dulu Dari Saya Semoga Membantu Kalian

Sumber : klik

Tutorial Blog

Cara Memasang Kamera CCTV / Kamera Pengintai Di Blog

Teuku Ahmad Andika 13:06 1 Comment

Langsung Saja:
1.Login Ke Blogger

2.Pilih Blog Yg Akan DiBuat Kamera CCTV

3.Pilih Tata Letak

4.Tambah/Edit Widget

5.Pilih Html/Javascript

6.Masukkan Kode Berikut DI Kolom Yang Ada

<script language="JavaScript" src="http://file.host-lk.tk/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://www.file.host-lk.tk/cctv.gif")</script>

7.Simpan

Semoga Bermanfaat

Sumber : klik

Sunday 2 December 2012

Tutorial Blog

Cara Membuat Tombol Backlink Di Blog

Teuku Ahmad Andika 11:52 Comment

Dalam pembuatan logo backlink ada beberapa hal yang harus anda perhatikan :
1. Membuat Logo.
2. Upload logo.
3. Memasang logo pada web/blog anda

Langsung saja ke pembuatan logo:

Masuk ke URL http://cooltext.com
Pilih dan buat logo yang anda inginkan.
Download dan simpan.

Anda sekarang sudah memiliki logo/banner backlink....namun belum selesai ya...
dan langkah berikutnya adalah meng Upload logo anda :

Buatlah account di http://photobucket.com atau di http://www.4shared.com/
Lakukan upload kemudian ambil kodenya

Ganti tulisan yang berwarna merah dengan alamat URL anda.
Lakukan Test dengan menempel kode pada blog anda dan meng Klik.
Jika logo di klik dan muncul Blog/Web anda berarti telah sukses...

Langkah berikutnya adalah membuat Text Area untuk kode yang anda buat :

Copy kode ini untik membuat text area dan ganti kode berwarna merah dengan kode logo di atas.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();"
type="button" value="Select All" /> </div><div align="center"></div><p
align="center"><textarea style="WIDTH: 200px; HEIGHT: 144px" name="txt"
rows="100" wrap="VIRTUAL" cols="55"><a href="http://ads-java.blogspot.com/p/pages.html" target="_blank">Global Blog</a></textarea></p
align="center"></form></div>

Simpan dan silahkan coba hasil karya anda....

Demikian Artikel Cara Membuat Logo Backlink dan Text Area semoga bermanfaat dan Salam Sukses....

Sumber : klik

Tutorial Blog

Cara Memasang Counter Pada Blog

Teuku Ahmad Andika 11:47 Comment

Banyak web yang menyediakan counter dengan berbagai model, jenis serta bentuk sesuai dengan kebutuhan pada web atau blog anda, yang banyak digunakan dalam penghitungan misalnya Histats yang berisi :

Visit To Day ( Jumlah Kunjungan dalam satu)
Visits ( Total Kunjungan Pada Web/Blog )
Pages To Day ( Jumlah halaman yang dikunjungi dalam satu hari)
Pages ( Total Halaman yang pernah dikunjungi atau dibuka )
Users Online ( Total user atau pengunjung yang online )

Langkah-langkahnya seperti biasa :

Masuk URL histats.com
Klik REGISTER
Anda akan berada di kontrol panel
Isi semua form registrasi
Lalu klik Tombol Creat New Account
Konfirmasi pendaftaran anda pada email yang anda masukkan saat pendaftaran dengan meng Klik tautan.
silahkan login sesuai dengan USERNAME dan Password saat pendaftaran
silahkan ikuti petunjuk pengambilan kode yang akan di tempel pada web/Blog.

Pilihan Selain histats.com anda juga bisa mencari yang lainnya di Google mungkin diantaranya adalah :

Masih banyak lagi web yang menyediakan Counter atau pengihitungan pengunjung pada Web atau Blog.
Demikian Artikel Cara Memasang Counter Pada Blog

Selamat mencoba Sukses selalu....

Sumber : klik

Tutorial Blog

Cara Menampilkan IP Address Pengunjung Di Blog

Teuku Ahmad Andika 11:38 Comment

Untuk menampilkan IP Address pengunjung pada blog sudah tersedia Widget yang di rilis oleh http://www.wieistmeineip.de/ .

Seperti biasa langsung masuk saja ke web diatas (http://www.wieistmeineip.de/ ) kemudian klik Fur-Webmaster pada Navigation akan muncul beberapa pilihan seperti contoh di bawah :

Kode untuk Ukuran 125X125 Pixel :

Kode Untuk Ukuran 468X60 Pixel :

Cara pasangnya seperti biasa :

1. Login ke Blogger

2. Klik Perancangan / Tata Letak

3. Klik Tambah Widget

4. Klik HTML/JavaScript

5. Paste kode diatas

6. Silahkan lihat tampilan blog anda

Selamat mencoba salam Sukses Selalu....

Sumber : klik

Tutorial Blog

Cara Pasang Yahoo Messenger (YM) di Blogger

Teuku Ahmad Andika 11:36 1 Comment

Sebelum kita memasang Yahoo mesengger di blog, alangkah baiknya apabila kita memanfaatkan fitur pingbox. karena dengan pingbox kita mendapatkan kode yang harus kita pasang di blog, profil Friendster, atau website kita.

Berikut ini cara membuat Pingbox:

Klik http://messenger.yahoo.com/pingbox/studio/ untuk menuju ke halaman seperti pada gambar di bawah ini:
Pilih Background Theme sesuai dengan preferensi kita;
Di kolom Display name, masukkan nama yang akan kita tampilkan. Contrenglah opsi Show Yahoo! Messenger display image jika kita ingin menampilkan gambar yang sekarang muncul di YM kita.
Pilihlah salah satu ucapan selamat datang di kolom Online Greeting, atau pilih Enter custom message jika kita ingin membuat sendiri ucapan itu.
Pilihlah salah satu pesan bahwa kita sedang tidak online di kolom Offline message, atau pilih Enter custom message jika kita ingin membuat sendiri ucapan itu.
Contrenglah opsi Require visitors to enter Nickname to send IM agar setiap orang yang mengirim pesan ke kita diwajibkan mengisikan nama aliasnya (nick name);
Pada kolom Save Pingbox as, tulislah nama Pingbox kita. Misal, jika pingbox yang kita bikin sekarang ini akan dipasang di blog, berilah nama Pingbox Blogger atau sesuka anda.
Tekan tombol Save;
Akan muncul windows bar. Masukanlah Yahoo! ID dan passwordnya, lalu tekan tombol Sign In. Windows itu akan menutup sendiri.
Akan muncul kotak berisikan kode yang harus kita pasang. Untuk mendapatkan kode yang pas sesuai peruntukannya, pilihlah jenis blog atau website kita. Misal, jika kita ingin mendpatkan kode untuk Blogger maka kliklah logo dan tulisan Blogger yang tersedia.
Tentukan ukuran kotak yang kita inginkan. Sangat disarankan untuk memilih opsi Recommended.
Tekan tombol Copy to clippboard.

Tahapan selanjutnya Cara Pasang Yahoo Messenger (YM) di Blogger, langkah-langkahnya sebagai berikut:

Login ke Blogspot Anda => klik Rancangan/Design => Tambah/Add Gadget => pilih HTML/JavaScript
Setelah terbuka halaman baru, pada kolom Judul, tulislah Judul yang kita mau, misal: CHATBOX.
Pada kolom Konten masukan kode Pingbox yang telah dicopy sebelumnya, caranya letakkan Crusor ke dalam kolom Konten, lalu klik kanan dengan mouse dan pilih paste atau tekan Ctrl + V pada keyboard;
Klik Simpan, selesai.

Apabila proses dan langkah-langkah di atas telah di lakukan dengan benar, maka hasilnya Akan bisa sesuai dengan harapan kita..

Demikianlah tutorial Cara Pasang Yahoo Messenger (YM) di Blogger ini, semoga bermanfaat.

Sumber : klik

Tutorial Blog

Cara Membuat Form Blogger

Teuku Ahmad Andika 11:27 Comment

Form pada blog kadang sangat dibutuhkan, ketika pemilik blog menginginkan pengunjung untuk berinteraksi pada blog nya, form yang sering digunakan adalah :

Kontak
Login/daftar
Pemasangan iklan
Upload, dll.

Untuk membuat form ini di Wordpress memang sudah disediakan namun di Blogger belum tersedia, namun demikian jika menginginkan form hasil kreasi sendiri, silahkan saja di coba.

Langkahnya adalah :

Silahkan masuk ke http://www.emailmeform.com/
Lakukan registrasi
Ikuti langkah – langkah yang ada
Setelah bisa login silahkan desain form yang anda butuhkan

Perlu di ingat untuk Recipient Notification jika menginginkan tulisan lansung tampil di Blog, maka tambahkan recipient email yang langsung ke alamat email blog ( silahkan baca Cara posting melalui email cara membuat email blog) sehingga jika blog di refresh maka tulisan akan langsung tampil di posting.

Demikian tutorial Cara membuat form pada Blog….

Selamat mencoba semoga bermanfaat

Salam…

Sumber : klik

Tutorial Blog

Cara Posting Melalui Email Di Blog

Teuku Ahmad Andika 11:26 2 Comments

Untuk melakukan posting yang lebih cepat tanpa harus masuk ke blog anda salah satunya adalah dengan menyeting pada Dasbor.

Adapun langkah penyetingannya adalah :

Masuk ke blogger.
Klik gambar email

Masukan nama email bloger anda, sesuai dengan keninginan anda kemudian simpan.
Silahkan coba kirim email ke alamat email blogger yang anda buat.

Selamat Mencoba Salam sukses....!!!

Sumber : klik

Saturday 22 December 2012

Cara Merubah Nama Domain Blogspot

Cara Custom domain Blogspot

Cara Memasang Fitur Back To Top Pada Bogspot | 2012

Cara Menghilangkan NavBar Di Blogger

Cara Membuat Permalink di Blogspot

Cara Memasang Donate ( Donasi Paypal ) Di Blog

Cara Memasang Emoticon Terbaru | 2012 Di Blog

Tips Meringankan Dan Mempercepat Loading Blog

Cara Memasang Tanda Tangan Di Blog

Cara Agar Blog Tidak Bisa Di copas

Cara Menghilangkan Komentar Pada Halaman Tertentu

Cara melihat kepopuleran blog anda pada search engine

Tuesday 18 December 2012

Cara mensensor kata-kata kotor pada komentar Blog!

Monday 10 December 2012

Cara Membuat Peraturan Komentar Di Atas Kolom Komentar Di Blog

Cara Memasang Kamera CCTV / Kamera Pengintai Di Blog

Sunday 2 December 2012

Cara Membuat Tombol Backlink Di Blog

Cara Memasang Counter Pada Blog

Cara Menampilkan IP Address Pengunjung Di Blog

Cara Pasang Yahoo Messenger (YM) di Blogger

Cara Membuat Form Blogger

Cara Posting Melalui Email Di Blog

Artikel Favorit

Kategori

Terjemahan Blog

Teman - Teman di Google :

Formulir Kontak