Cara Mengganti URL Blog

Alamat URL yang berahiran namablog.blogspot.com terkadang ingin kita ganti karena mempertimbangkan berbagai macam alasan seperti halnya kurang sreg dengan hati kita,kurang cocok dengan tema posting dan lain-lain.
Biasanya hal seperti ini banyak di alami oleh blogger-blogger pemula atau orang yang baru saja mengenal dan membuat blog di blogspot.com.Lain pembahasan kalau URL atau nama domain yang berahiran .com atau sejenisnya seperti .net, .info, dll. Itu sudah jelas tidak bisa di ganti
Nah bagi pendatang baru dalam dunia perbloggeran yang ngeblog di blogspot.com dan ingin mengganti alamat URL nya maka silahkan ikuti langkah-langkah mudah di bawah ini

1. Login ke akun blogger anda dengan mengetikkan www.blogger.com

2. Ssetelah berhasil masuk maka klik settings/pengaturan seperti gambar di bawah ini

3. Setelah anda klik tulisan setting atau pengaturan maka akan nampak halaman seperti di bawah ini

4. Setelah anda klik publishing / terbitkan maka anda akan di bawa ke halaman seperti gambar di bawah ini

Nah di halaman inilah anda bisa mengganti alamat URL blog yang telah anda buat
tapi perlu di ingat kalau blog yang anda punya sudah bagus Page Rank nya terlebih traffik pengunjung sudah lumayan jangan sekali-kali mengganti nama URL tersebut karena berakibat pengunjung tidak akan bisa menemukan blog anda lagi
Kesimpulanya panduan ini hanya untuk blog yang baru di buat tapi ada kesalahan dalam penulisan URL dan lain-lain
Sekian saja semoga apa yang saya tuliskan bisa cukup membantu bagi anda yang kesulitan dalam merubah nama URL di blogspot

»»  Baca Selengkapnya...

Cara Menambahkan Music Lewat VIDEOKEMAN

Menambahkan Music Lewat http://videokeman.com/

1.Buka videokeman Klik disini

2.Cari Lagu Yang Diinginkan di Tombol Search pojok kanan atas

3.Setelah itu Klik lagunya

4.Akan Muncul Gambar Seperti Ini 

5.Copy Embednya

6.Setelah itu Masuk ke Blogger

7.Edit Tata Letak

8.Tambah Gadget

9.Pilih Javascript Html

10.Paste kan Code Tadi

Lihat Blog anda...

Mudah Kan

Semoga bermanfaat :D :D :D

»»  Baca Selengkapnya...

Cara mudah menimbang berat blog

Cara mudah menimbang berat blog. Mengapa kita harus menimbang berat blog ? jelas sekali karena untuk kepuasan pengunjung blog kita, hal ini sangatlah disarankan oleh para pakar SEO, apalagi penilaian dari Google yang memandang positif terhadap sebuah situs / blog yang mempunyai kapasitas loading tidak terlalu berat.
Bagi yang nge-blog hanya bertujuan untuk pribadi mungkin tidak masalah, tapi bagaimana bagi blogger yang bertujuan untuk monetize atau blog-nya ingin di kunjungi oleh banyak orang? penting sekali rasanya mengetahui berat blog anda.

Jadi mulai sekarang, perhatikanlah dalam edit template anda, apakah penambahan suatu atau beberapa widget bisa mengakibatkan berat blog bertambah. Atau mungkin dalam penambahan kode CSS dan sebagainya. untuk kriteria blog ringan tidak akan saya bahas sekarang, tapi di artikel ini anda bisa langsung mengetahui berapa berat blog anda, lalu bandingkan dengan berat blog orang lain, seperti blog Cara Online

Ada 4 situs penyedia tool penimbang berat blog anda yang bisa anda jadikan rekomendasi:

1. Pingdom
2. iwebtool speed test
3. WebSite Optimization
4. Numion

»»  Baca Selengkapnya...

Cara Membuat Banner Pasang Iklan

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/AVvXsEhWDE7jRPM1YYf_RVOJuc8wFFOLhhuvIQiJdnWZnAq86IfsIThAIjFGw1GWgZYZlGAybYPtj5BCziigB0gOqL5xGWWJ4WlB9az05zGTg4IqKdaCgKi-ZV9Ky6k1lYq9pBChkhl-b-SqZw/s1600/FastStoneEditor+2b.jpg
b. Space Iklan 268x60 pixel
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5VeRXnt3iaN0YaOIGrDDmUEIH3iE2b_icExVZVifnRZ96pmNDzlWGygJepKV6M6KpZln57RtoLmRrXgsDbHSVyM2IX5LHwgkL2PHjEXdyh-RimZguP9yI7v5PdSE5eUhIk2u-g7ztaw/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/AVvXsEj5VeRXnt3iaN0YaOIGrDDmUEIH3iE2b_icExVZVifnRZ96pmNDzlWGygJepKV6M6KpZln57RtoLmRrXgsDbHSVyM2IX5LHwgkL2PHjEXdyh-RimZguP9yI7v5PdSE5eUhIk2u-g7ztaw/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/AVvXsEhWDE7jRPM1YYf_RVOJuc8wFFOLhhuvIQiJdnWZnAq86IfsIThAIjFGw1GWgZYZlGAybYPtj5BCziigB0gOqL5xGWWJ4WlB9az05zGTg4IqKdaCgKi-ZV9Ky6k1lYq9pBChkhl-b-SqZw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://artikelkomputerku.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWDE7jRPM1YYf_RVOJuc8wFFOLhhuvIQiJdnWZnAq86IfsIThAIjFGw1GWgZYZlGAybYPtj5BCziigB0gOqL5xGWWJ4WlB9az05zGTg4IqKdaCgKi-ZV9Ky6k1lYq9pBChkhl-b-SqZw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://mycomputerdummies.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWDE7jRPM1YYf_RVOJuc8wFFOLhhuvIQiJdnWZnAq86IfsIThAIjFGw1GWgZYZlGAybYPtj5BCziigB0gOqL5xGWWJ4WlB9az05zGTg4IqKdaCgKi-ZV9Ky6k1lYq9pBChkhl-b-SqZw/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/AVvXsEhWDE7jRPM1YYf_RVOJuc8wFFOLhhuvIQiJdnWZnAq86IfsIThAIjFGw1GWgZYZlGAybYPtj5BCziigB0gOqL5xGWWJ4WlB9az05zGTg4IqKdaCgKi-ZV9Ky6k1lYq9pBChkhl-b-SqZw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWDE7jRPM1YYf_RVOJuc8wFFOLhhuvIQiJdnWZnAq86IfsIThAIjFGw1GWgZYZlGAybYPtj5BCziigB0gOqL5xGWWJ4WlB9az05zGTg4IqKdaCgKi-ZV9Ky6k1lYq9pBChkhl-b-SqZw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWDE7jRPM1YYf_RVOJuc8wFFOLhhuvIQiJdnWZnAq86IfsIThAIjFGw1GWgZYZlGAybYPtj5BCziigB0gOqL5xGWWJ4WlB9az05zGTg4IqKdaCgKi-ZV9Ky6k1lYq9pBChkhl-b-SqZw/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.

»»  Baca Selengkapnya...

Cara menambahkan musik melalui MusicDumper.com

Cara - cara :

1. Silakan kunjung ke situs musicdumper.com

2. Tuliskan judul lagu yang anda inginkan di kotak search.

3. Pilih dan klik salah satu judul lagu yang di inginkan.

4. Tunggu beberapa saat muncul musiknya play.

5. Lihat di kotak Embed Options, copy code html tersebut ke blog kamu.


Cara copy code html ke blogspot kamu :

1. Login ke blogger.com

2. Klik Rancangan.

3. Klik tambah gadget.

4. Pilih dan klik html/javascript.

5. Masukkan judul dan kode scriptnya di kotak html/javascript.

6. Setelah selesai dan klik Simpan. Lihat hasilnya.

semoga membantu yaaaa.... :))))))))

»»  Baca Selengkapnya...

Mengganti Icon Blog

Tahukah Anda bahwa icon blog dari blogger yaitu blogspot dapat diganti? Icon ini adalah sebuah gambar yang akan muncul di addressbar.  Icon ini dapat anda ganti dengan gambar lain, misalnya logo untuk blog Anda atau dapat juga diganti dengan foto keren Anda sehingga blog Anda menjadi lebih menarik dan berkarakter. Untuk mengganti icon ini ada beberapa hal yang harus dipersiapkan antara lain image atau gambar yang akan dijadikan icon dengan ukuran 24x24 pixel sampai 32x32 pixel. Anda dapat membuatnya sendiri atau mengedit gambar yang sudah ada kemudian diperkecil, dapat diedit menggunakan program photoshop atau program pengolah gambar lainnya. Oke, langsung saja kita mulai. Langkah-langkahnya adalah sebagai berikut:

1.      Siapkan gambar yang akan dijadikan icon blog Anda. Kemudian upload gambar tersebut ke internet. Bagaimana cara mengupload? Apabila Anda memiliki akun gmail, Anda dapat menguploadnya di http://picasaweb.google.com/ atau dapat mengupload di layanan internet lainnya.

2.      Setelah Anda upload, copy url atau alamat gambar Anda, dapat dilakukan dengan klik kanan gambar tersebut kemudian pilih Copy link image atau tergantung browser Anda. Contoh url image adalah seperti berikut:

http://i497.photobucket.com/albums/rr338/egan_version1/Smiley/MAta.gif 

URL Mata Sharingan

3.      Selanjutnya untuk mengganti icon blog Anda, Login ke dashboard blogger Anda. Kemudian pilih Design.

4.      Pada menu Design pilih Edit HTML.

5.      Cari kode </head> dapat dicari dengan menu find (tekan tombol Ctrl+F).

6.      Tepat diatas kode </head> sisipkan kode berikut:

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

7.      Ganti YOUR-FAVICON-URL dengan url gambar Anda.

Kemudian klik SAVE TEMPLATE. Selesai, lihat icon baru blog Anda.

»»  Baca Selengkapnya...

Cara Membuat Template Sendiri

Handal membuat dan modifikasi template blog dengan kreasi kita sendiri merupakan cita-cita para blogger, khususnya bagi yang senang memodifikasi template blog nya sendiri.
Namun kadang kita selalu terbentur dengan masalah coding dalam melakukannya. Apakah dengan begini anda akan menyerah untuk mempercantik template blog anda? saya harap tidak, karena kemajuan teknologi sekarang memungkinkan bagi siapa pun untuk melakukan hal-hal instant yang dulunya rumit sekarang menjadi mudah.

Nah, hari ini saya mengajak anda untuk membuat dan modifikasi template anda sendiri dengan mudah. Saya yakin cara ini siapa pun bisa, malah bagi blogger baru (newbie) sekalipun, karena hanya tinggal klak klik saja. hehee..

Pertama silakan masuk ke www.dotemplate.com

Lalu scroll mouse anda kebawah, dan temukan tombol Browse all templates... lalu diklik

Pilih salah satu dari template yang anda sukai

Dan untuk memodifikasi, silahkan anda klik Customize and download

Ketika sudah masuk, klik aja bagian yang ingin anda edit





Setelah selesai editing, lalu klik Download dan pilih platform yang anda ingin pakai.




Muncul jendela pop-up lalu klik Download your template

Selesai deh, mudah bukan

Akhirnya anda mempunyai template hasil modifikasi anda sendiri :) Jika ada yang ingin sharing tentang cara modifikasi template buatan sendiri, silahkan komentar dibawah ini.

»»  Baca Selengkapnya...

Cara Membuat READMORE Otomatis di Blogspot

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 template

Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

»»  Baca Selengkapnya...