Software developer who just learn to teach

Betul!!! Saya adalah Software Developer, dan dapat saya buktikan lewat untaian kode-kode yang telah saya tulis. Saat ini saya adalah seorang Software Developer yang belajar untuk dapat berbagi ilmu dengan orang lain. Saya belum berani menyebut diri sebagai pengajar apalagi dosen, karena saya belum melihat hasil dari proses bagi-bagi ilmu ini. Ilmu yang saya bagikan masih sangat sedikit, tetapi ini adalah proses. Semoga proses ini menghasilkan hal yang positif, bagi saya, teman-teman, almater dan bangsa.

You are not logged in - Login

Mengenal BlogEngine.NET

BlogEngine.NET adalah engine blog yang dibangun dengan menggunakan ASP.NET. BlogEngine.NET merupakan aplikasi web gratis dan open source seperti Wordpress.

{Installasi}

Setelah mendownload BlogEnine.NET di http://www.codeplex.com/blogengine, sebagai contoh saya mendownload BlogEngine.NET 1.5 (web).zip. Maka langkah selanjukan mengekstrak file tersebut di folder yang diinginkan, sebagai contoh saya akan menggunakan folder D:\Web\ASPNET\BlogEngine.Web. Yakinkan isi folder D:\Web\ASPNET\BlogEngine.Web akan dilihat seperti berikut ini.

image

Langkah selanjutnya adalah memastikan IIS telah terinstall pada sistem operasi Windows anda. Bagi yang belum mengenal IIS mungkin bisa berkunjung ke posting di sini. Kemudian buka Internet Information Service (IIS) Manager dengan memilih Administrative Tools > Internet Information Service (IIS) Manager.

Klik kanan pada Site > Default Web Site kemudian pilih Add Application. Isi kolom Alias dengan nilai yang diinginkan. Dan isi kolom Physical path dengan nilai D:\Web\ASPNET\BlogEngine.Web, sesuai dengan nama folder yang telah kita gunakan di atas.

image 

Setelah klik tombol OK, maka kita dapat dilihat hasil seperti berikut ini.

image

Kita dapat mencobanya pada web browser dengan mengetikkan alamat http://localhost/blogengine (sesuai dengan alias) pada address bar.

image

Dapat dilihat tampilan BlogEngine.NET seperti di atas. Kita dapat masuk ke control panel dengan terlebih dahulu mengklik Log In. Gunakan username admin dan password admin.

{Konfigurasi}

Setelah login sebagai admin, maka kita dapat melihat area kanan dapat diatur. Sebagai contoh kita dapat memindahkan salah satu item dengan cara drag-n-drop, atau mengedit title dari item yang diingikan.

image

Pada area kanan juga dapat dilihat kolom Administration yang berisi link-link untuk pengelolaan :

  1. Add Entry, untuk menambahkan posting blog.
  2. Blogroll, untuk menambahkan link blog orang yang kita inginkan.
  3. Controls, dapat digunakan untuk konfigurasi jumlah blog yang ingin ditampilkan dan lain-lain.
  4. Categories, untuk mengelola kategori posting.
  5. Pages, untuk membuat halaman (bukan posting blog).
  6. Settings, dapat digunakan untuk mengubah Name dan Deskripsi yang akan ditampilkan pada header blog, penggunaan theme dan lain-lain.
  7. Profiles, untuk mengubah profile user.
  8. Users, untuk mengelola user.
  9. Extensions, untuk mengelola extension.

{Theme}

Untuk mengubah theme yang ingin digunakan, pilih Settings. Pada area Basic settings > Theme, pilih theme yang diinginkan pada dropdownlist.

image

Secara default sudah tersedia tiga theme, yaitu : Indigo, Mobile dan Stardard. Bila ingin menambah theme-theme lain maka terlebih dahulu kita dapat mengunjungi http://www.dotnetblogengine.net/page/themes.aspx, disini banyak tersedia theme-theme untuk BlogEngine.NET. Download salah satu theme yang diinginkan, misalnya theme dengan nama NaturalEssence yang dapat didownload di sini. Ekstrak file Theme-NaturalEssence.1.3.zip dengan target folder themes yang ada pada folder D:\Web\ASPNET\BlogEngine.Web, sehingga nanti pada folder theme dapat dilihat folder dengan nama NaturalEssence.1.0.

image

Maka ketika kita lihat kembali pada Basic settings > Theme, terdapat tambahan theme baru dengan nama NaturalEssence.1.0.

Apakah gampang membuat theme sendiri ? Kalau dilihat ke dalam folder theme yang ada maka dapat ditarik kesimpulan sementara bahwa terdapat beberapa file utama, yaitu :

  1. site.master (site.master.cs), file ini merupakan file master yang menjadi layout utama.
  2. PostView.ascx.
  3. CommentView.ascx.

Jadi kita nanti cukup memodifikasi file-file tersebut untuk mendapatkan antarmuka yang diinginkan.

{Extension}

Secara sederhana Extension dapat saya artikan sebagai program/library kecil yang dapat menambah kemampuan/fitur, dalam hal ini adalah kedalam BlogEngine.NET. Ada banyak extension yang telah tersedia dan dapat didownload di http://www.dotnetblogengine.net/page/extensions.aspx.

Sebagai contoh saya akan menggunakan extension dengan nama Social Bookmarking Extension, yang berfungsi untuk menampilkan link pada setiap post, link ini berfungsi untuk men-share posting tersebut ke beberapa situ-situs social network, seperti di bawah ini.

image

Pertama download extension ini di http://www.dannydouglass.com/file.axd?file=SocialBookmarks+Extension.zip atau di http://www.dannydouglass.com/file.axd?file=SocialBookmarks+(Generic).zip. Setelah di-extrak maka akan dilihat folder berikut ini :

image

Langkah-langkahnya :

  1. Salin folder App_Code menimpa folder App_Code yang ada di root directory (atau pada folder D:\Web\ASPNET\BlogEngine.Web).
  2. Sedangkan pada folder SocialBookmarks berisi gambar/icon logo situs social network. Folder ini dapat disalin ke folder theme yang sedang aktif. Bila theme yang aktif adalah Standard, maka buat folder images didalamnya kemudian salin folder SocialBookmarks kedalamnya.

Sebagai admin, kita dapat mengelola extension pada control panel.

image

Dapat dilihat pada gambar di atas, pada control panel, pilih Extension, maka kita dapat melihat extension dengan nama SocialBookmarks pada daftar extension yang ada. Terdapat fasilitas edit pada extension SocialBookmarks ini, berikut antarmukanya.

image

Selamat mencoba BlogEngine.NET.

0 comment(s)