Belajar Komputer » blogger http://www.belajarpc.info Learning By Doing Tue, 27 Jul 2010 22:20:56 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Custom Domain Pada Blogger http://www.belajarpc.info/custom-domain-pada-blogger.htm http://www.belajarpc.info/custom-domain-pada-blogger.htm#comments Tue, 09 Mar 2010 17:34:00 +0000 Muhammad Resna http://www.belajarpc.info/custom-domain-pada-blogger.htm Capture Punyakah anda blog? Apa domainnya? Jika anda baru mendafar atau masih awam blog pasti domaninnya “namablog.blogspot.com”. Sebenarnya anda bisa mengubahnya menjadi domain yang anda inginkan seperti .com .co.id .info .web.id dll. Tapi tentunya kita harus membayar untuk menggunakan domain tersebut. Dengan menggunakan domain kita sendiri, otomatis alamat web kita tidak terlalu panjang, atau tak perlu mengisikan blogspot.com lagi.

Jika sudah punya terus apa yang dilakukan untuk diterapkan ke blog kita? Pada kesempatan ini, saya akan memberikan tips bagaimana caranya untuk membuat suatu custom domain untuk blogspot. Langkah-langkahnya pun tidak terlalu panjang dan berbelit.

Saat ini saya akan menjelaskan caranya. Sebagai sample saya menggunakan domain gratis .CO.CC yang anda bisa dapatkan gratis setahun. Tapi jangan kuatir. Anda bisa menerapkannya pada domain berbayar milik anda sendiri.

Selain itu saya akan menggunakan fitur dari DNS Park untuk mengatur pengaturan domain yang saya miliki

  1. Buka DNS Park. Setelah tampilan muncul. daftar dengan mengklik menu “Register Now!”

    1

  2. Setelah itu isi formulir yang ada sesuai dengan perintah.

    2

  3. Setelah semua diisi dan disubmit, maka buka email yang anda daftarkan tadi. Karena ada email konfirmasi dari . Setelah email tersebut dibuka, buka link yang diberikan lalu login.

    3

  4. Setelah login klik DNS Hosting, lalu Add domain.

    4

  5. Setelah itu akan ada daftar isian yang harus diisi.

    5

  6. Setelah mengklik add now. maka akan ada tampilan infonya diatas form bahwa alamat domain sudah ditambahkan. Sekarang klik edit domain disebelah kiri.4
  7. Klik nama domain anda.18
  8. Setelah itu, akan ada daftar-daftar pengaturan yang bisa diatur dan pengauran name server yang harus dimasukkan ke pengaturan domain anda. Yang saya beri warna kuning merupakan isian yang harus dimasukkan ke pengaturan domain anda.

    19

  9. Setelah anda catat. Jangan ditutup jendela DNS Park. Buka di tab  baru alamat dimana anda membeli domain. Saya menggunakan .CO.CC sebagai sample. Dan dibawah ini merupakan tampilan dari .CO.CC

    7

  10. Setelah itu pada .CO.CC klik salah satu domain yang anda atur. Dan muncul tampilan baru. Klik setup.8
  11. Setelah itu akan muncul beberapa pilihan. Klik menu Name Server. Maka akan ada form isian. Isikan dengan apa yang anda telah catat pada langkah 7. Klik (+ Add More…) Untuk menambah isian dan klik setup jika sudah selesai.9
  12. Jika sudah. Maka dibutuhkan beberapa menit atau maksimal 48 jam untuk proses update.  Sekarang pindah lagi ke DNS Park. pada jendela bawah ganti A dengan CNAME, pada alias name isi www, dan pada destinion name isi dengan ghs.google.com. Setelah itu klik update all. 10
  13. Sementara proses update keduanya berlangsung, kita atur langsung saja blog kita agar diubah nama domainnya. Buka blogger kemudian login lalu klik pengaturan pada blog yang anda pilih.12
  14. Klik publikasikan.13
  15. Setelah itu klik domain ubahsuaian.14
  16. Kemudian klik beralih ke pengaturan lanjut 15
  17. Setelah itu isi nama domainnya ke kotak isian tersebut. Setelah selesai klik simpan setelan.17

Selesai sudah pengaturan yang harus dilakukan. Sekarang anda tinggal menunggu proses update domain anda.

]]> http://www.belajarpc.info/custom-domain-pada-blogger.htm/feed 0 Fitur Terbaru Blogspot bisa Menambahkan Halaman http://www.belajarpc.info/fitur-terbaru-blogspot-bisa-menambahkan-halaman.htm http://www.belajarpc.info/fitur-terbaru-blogspot-bisa-menambahkan-halaman.htm#comments Mon, 25 Jan 2010 01:00:00 +0000 Oki Helfiska http://www.belajarpc.info/fitur-terbaru-blogspot-bisa-menambahkan-halaman.htm logo230_draft Inovasi Google memperkaya fitur Blogger tiada hentinya. Blogger kini telah merilis fitur terbarunya dengan menambahkan fitur halaman seperti yang biasa dijumpai pada Wordpress blog. Walaupun ini baru beta, tetapi anda sudah dapat menggunakan fitur halaman ini untuk keperluan tertentu, seperti menuliskan About Me, Contact Me, dll. Secara prinsip halaman blogger lebih kurang mirip dengan blogger posting.

add-page-blogger Sebagai contoh anda dapat melihat pada blog ini. Disini saya mencoba membuat dua halaman yaitu About Me dan Contact Me. Dengan adanya fitur halaman ini kita bisa lebih leluasa mengembangkan blog. Membuat halaman pada blog semudah kita melakukan posting artikel. Tinggal pilih menu New Page, kemudian ketikan konten yang diinginkan, lalu pilih posisi peletakan pada template, publish. Jadi deh halaman anda.

Makin Penasaran ajakan ? Kalo iya, ayo kita coba untuk membuatnya. Adapun langkah-langkah untuk membuat halaman adalah sbb :

1. Login ke situs draft.blogger.com.

2. Pada Tab Menu Post, klik Edit Pages.

blogger-page 3. Lalu Pilih New Page. Dan Isikan Judul Halaman pada Page Title, dan ketikan informasi yang ingin disampaikan pada editor blogger. Jika selesai, Klik Tombol Publish Page.

4. Berikutnya kita diminta untuk memilih lokasi peletakan Halaman pada Blog. Bisa diletakkan pada Sidebar, Menu Tab atau dibuat menu link tersendiri. Jika telah dipilih, klik Tombol Save And Publish.

add-save-blogger

5. Jadilah halaman anda. Silahkan lihat hasilnya pada blog anda.

*) Sebagai catatan, anda hanya bisa menambahkan halaman maksimum sampai 10 halaman, jadi gunakanlah dengan semaksimal mungkin :) .

]]> http://www.belajarpc.info/fitur-terbaru-blogspot-bisa-menambahkan-halaman.htm/feed 8 Cara Menambahkan Syntax Highlighter pada Blogger Blog http://www.belajarpc.info/cara-menambahkan-syntax-highlighter-pada-blogger-blog.htm http://www.belajarpc.info/cara-menambahkan-syntax-highlighter-pada-blogger-blog.htm#comments Fri, 22 Jan 2010 17:00:00 +0000 Oki Helfiska http://www.belajarpc.info/cara-menambahkan-syntax-highlighter-pada-blogger-blog.htm syntax-highlighter-blogger Untuk menambahkan atau menuliskan postingan yang berisikan kode, tentu saja tidak mudah. Bagi yang menggunakan blog wordpress, hal ini sagat mudah dilakukan. Karena tinggal menambahkan plugin Syntax Highlighter. Nah bagaimana jika kita menggunakan blogger blog ?

Ternyata juga tidak terlalu sulit. Mau tau caranya ? Saya akan membantu teman-teman untuk mewujudkannya, :) Penulisan kode apa saja yang bisa dilakukan dengan Syntax Highligter ?Diantaranya adalah : cpp, c, c++, c#, c-sharp, csharp, css, delphi, pascal, java, js, jscript, javascript, php, py, python, rb, ruby, rails, ror, sql, vb, vb.net, xml, html, xhtml, xslt. Sangat banyak bukan ?

Adapun langkah-langkahnya adalah sebagai berikut :

1. Login dan Klik "Layout" > "Edit HTML" dan klik “Expand Widget Templates”.

2. Klik situs http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css, kemudian copy semua kode yang ada.

3. Paste code css tersebut sebelum tag berikut ]]--></b:skin>

4. Kemudian copykan kode berikut ini sebelum tag </head> :

<!– Add-in CSS for syntax highlighting –>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js’ type=’text/javascript’></script>
<script src=’http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js’ type=’text/javascript’></script>

5. Langkah terakhir adalah memasukkan kode dibawah ini sebelum tag </body> :

<!– Add-in Script for syntax highlighting –>
<script language=’javascript’>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll(‘code’);
</script>

6. Untuk menuliskannya kedalam blog, gunakan format seperti dibawah ini :

<pre name="code" class="html">
….ketikkan kode yang anda inginkan disini….!
</pre>

Untuk menuliskan kode tertentu, silahkan ubah tulisan yang berwarna merah (html) dengan jenis kode yang ingin dituliskan, seperti : cpp, c, c++, c#, c-sharp, csharp, css, delphi, pascal, java, js, jscript, javascript, php, py, python, rb, ruby, rails, ror, sql, vb, vb.net, xml, html, xhtml, xslt

Sebagai contoh hasilnya bisa dilihat pada blog ini Syntax Highlighter Kode.

]]> http://www.belajarpc.info/cara-menambahkan-syntax-highlighter-pada-blogger-blog.htm/feed 0 Blogger meliris Label Widget Model Baru http://www.belajarpc.info/blogger-meliris-label-widget-model-baru.htm http://www.belajarpc.info/blogger-meliris-label-widget-model-baru.htm#comments Mon, 07 Dec 2009 17:00:00 +0000 Oki Helfiska http://www.belajarpc.info/blogger-meliris-label-widget-model-baru.htm label-cloud-widget Mungkin ini bukan info terbaru lagi bagi sahabat blogger. Bagi yang suka utak-atik blog, tentunya sudah tahu mengenai info ini. Ya benar sekali (apanya yang benar ? hahaha…) berita ini maksudnya. Dalam rangka ulang tahun blogger yang ke – 10, blogger kembali menyempurnakan perangkatnya. Kali ini yang kita lihat adalah Gagdet Label.

Apa yang berbeda dari versi label terdahulu ? Pada versi label terbaru terdapat beberapa kelebihan, yaitu :

  1. Hadir dengan Label Versi Cloud
  2. Label yang ditampilkan dapat dipilih sesuai dengan keinginan.
  3. CSS dapat dimodifikasi sendiri oleh blogger mania.

Nah dengan label terbaru ini, sahabat blogger tidak perlu bersusah payah lagi membuat Label / Tag Cloud

label-new-1

Dan juga, label yang ingin ditampilkan dapat dipilih-pilih sesuai dengan selera.

label-new-2

Udah tahukan informasinya ? Keep Blogging :)

]]> http://www.belajarpc.info/blogger-meliris-label-widget-model-baru.htm/feed 3