indonesia Go Blog ger

Posts Tagged ‘Wordpress’

Pada artikel ini saya akan memberikan tips praktis, copy-paste, mengenai bagaimana mengoptimasi blog WordPress anda agar berada dalam performa maksimal—baik dalam akses front-end maupun backend.

Selain tips dan trik mempercepat akses blog yang pernah saya tulis dulu, tentu saja cara termudah menjaga performa blog WordPress pada level yang paling dasar adalah dengan memastikan semua core files dan plugin dalam versi terbaru—setiap update biasanya menyertakan patch, bug fix, atau optimasi script yang menambah kecepatan dan memperkuat tingkat keamanan blog WordPress.

Sebagian besar tips berikut diambil dari rekomendasi best practices oleh para WordPress & CSS gurus—diantaranya Jeff Starr dan Chris Coyier (keduanya adalah penulis buku Digging Into WordPress), jadi metode-metode berikut bisa diterapkan secara umum.

Read the rest of this entry »

kalau boleh saia rekomendasikan, klik aja banner diatas, itu merupakan web hosting di mana blog saya di taruh..

In-House vs. Out-of-House
Memang web server semakin hari semakin mudah untuk di jalankan di dan konfigurasi, akan tetapi masih membutuhkan pengorbanan waktu & kemampuan teknis yang lumayan untuk me-manage server tersebut, belum termasuk biaya yang perlu di keluarkan untuk peralatan. Jika anda baru saja start atau merupakan situs yang masih kecil, rekomendasinya adalah menggunakan hosting service.
Kemungkinan ISP kita dapat memberikan hosting servis yang di maksud. Memang kemungkinan solusi awal yang ekonomis bagi perorangan atau start-up company adalah menggunakan hosting servis yang relatif ekonomis. Dengan semakin besar dan kompleks-nya situs yang kita miliki, mungkin kita perlu melihat alternatif mana yang lebih baik.
Dengan hosting servis memang akan menghindarkan kita untuk melakukan pengeluaran bagi perangkat keras & perangkat lunak yang berharga antara Rp. 4 juta s/d puluhan juta tergantung dari tipe peralatan-nya. Belum lagi sekedar alat tidak cukup, kita juga harus membayari administrator situs. Tentunya dengan menyewa web hosting semua ini menjadi tidak di perlukan, akan tetapi kemungkinan kita masih perlu menyewa konsultan part-time untuk membantu pemeliharaan.
Dengan cara di atas maka biaya yang dikeluarkan pada tahun pertama akan sangat beda sekali daripada menggunakan server / staff sendiri. Perlu kita menyadari bahwa apapun yang kita lakukan, kita masih harus bertanggung jawab untuk membayar tagihan & menjaga content dari situs. Biaya yang perlu kita keluarkan biasanya bervariasi tergantung lokasi, ISP, berbagai paket yang di berikan ISP, jenis saluran komunikasi dll. Semakin kompleks situs yang kita bangun maka akan semakin tinggi biaya pengembangan & pemeliharaannya. Semakin banyak trafik yang akan di generate juga akan semakin mahal biaya-nya untuk menggunakan out-of-house provider. Sayang biaya telekomunikasi di Indonesia masih terlalu mahal, jika saja kompetisi terjadi diantara para operator telekomunikasi, maka akan lebih murah jika kita bisa mempunyai leased line 2Mbps ke rumah & mempunyai server web di rumah tentunya jika kita mempunyai tenaga tetap untuk mengadministrasi web server tersebut. Untuk detail tentang seni & pengetahuan tentang webmaster ada baiknya mengunjungi web reference http://webreference.com . Pilihan lain adalah co-location. Dengan servis co-location, si provider akan menyediakan tempat dan fasilitas pemeliharaan kepada server milik kita yang secara fisik di letakan di situs mereka. Pilihan ini merupakan pilihan yang baik jika kita dapat membeli perangkat kuat yang baik akan tetapi tidak mau memelihara & menjalankan sistem 24 jam.

WordPress merupakan sebuah layanan blog yang cukup besar saat ini. Anda dapat menbuat blog gratis di sana. Akan tetapi di sini kita akan mencoba latihan membuat blog secara offline di localhost. Anda dapat secara bebas latihan me-manage weblog atau sekedar latihan posting.

Langkah pertama yang harus anda lakukan adalah mendownload source files WordPress, anda bisa mengabilnya secara gratis di sini. Disana akan ada dua link download, satu untuk mendownload WP dalam bentuk file .zip yang kedua dalam bentuk file .tar.gz. Saya belum pernah melakukan instalasi dari file .tar.gz, jadi kita ambil yang .zip aja ya.

Sudah….? jika sudah ada harus meng-unzip file tersebut, anda bisa menggunakan program winzip atau winrar. Setelah anda unzip, didalamnya akan ada satu folder benama wordpress.
Kemudian silakan anda copykan folder wordpress tadi ke c:/xampp/htdocs. Jangan lupa ya, alamat foder tersebut berlaku jika anda menginstal XAMPP di c:. Kalau ternyata anda menginstal XAMPP tidak di c:, ya tingal di sesuaikan saja yang penting folder wordpress nya dimasukan ke folder htdocs yang ada di XAMPP.
Oke, langkah selanjutnya kita harus membuat database untuk wordpress kita. Caranya silakan anda jalankan XAMPP nya, seperti dalam postingan instalasi XAMPP. Kemudian buka web browser lalu ketikan “localhost” dibagian adress bar, akhiri dengan menekan tombol enter. Anda akan diantarkan ke halama XAMPP control panel.
Silakan anda klik menu phpMyAdmin pada bagian sidebar di halaman XAMPP control panel.

Jika sudah maka akan tampil halaman seperti gambar dibawah

Selanjutnya kita akan membuat database untuk wordpress kita, caranya silakan isikan nama databasenya dikolom “create new database” (tanda panah merah pada gambar diatas). Nama database bebas terserah anda, misalnya “WP1“, maka anda tinggal mengetikan kata WP1 di kolom isian “create new database” tersebut. Jika sudah silakan klik tombol “create“. Oya, sementara ini anda tidak perlu merubah isian yang lainnya, cukup isikan nama database di tempatnya saja. Jika sudah berarti pembuatan databasenya selesai.
Lanjut ya, sekarang kita mulai instalasi WordPress nya. Pertama kita hubungkan database yang sudah kita buat dengan wordpress nya. silakan anda buka file yang bernama wp-config-sample.php. File ini berada di c:/xampp/htdocs/wordpress/. Silakan anda buka menggunakan notepad atau program sejenis. Jika sudah maka akan muncul seperti tampilan di bawah

Perhatikan garis merah pada gambar diatas ya. Kata ‘putyourdbnamehere’ kita ganti dengan nama database yanng tadi kita buat yaitu WP1. Sedangkan untuk ‘usernamehere‘ kita ganti dg ‘root‘ dan ‘yourpasswordhere‘, kita hapus aja karena database yang kita buat tidak menggunakan password. Harap ingat ya, ketika menghapus kata ‘yourpasswordhere’, tanda kutip yang mengapit kata yourpasswordhere jangan ikut dihapus. Jika sudah tampilan nya akan seperti gambar dibawah

Kalau sudah, silahkan Save As file yang sudah dimodifikasi tersebut dengan nama wp-config.php. (bukan wp-config-sample.php ya).

Jalankan program XAMPP nya dulu ya. Di postingan terakhir kita sudah memodifikasi file wp-config-sample.php menjadi wp-config.php dengan cara memasukan nama database yang sudah kita buat melalui MyPhpAdmin di XAMPP, merubah kata ‘useridhere‘ menjadi ‘root‘ dan menghapus ‘yourpasswordhere‘. Jika kita sudah melakukan hal diatas, berarti instalasi wordpress nya hampir selesai. Tinggal lakukan tahap akhir.
Silahkan anda buka web browser nya, kemudian ketikan di adress bar : http://localhost/wordpress. maka akan muncul tampilan seperti dibawah

Halaman diatas menunjukan bahwa tahap instalasi wordpress sebelumnya sudah dilewati dengan benar. Silahkan isi kolom “Blog Title” dengan judul blog anda dan “Your e-mail” dengan alamat email anda, kemudian klik tombol “Install WordPress“. Setelah anda klik, maka anda akan diantarkan pada halaman seperti dibawah

Dapat dilihat bahwa proses instalasi wordpresnya sudah berhasil, dan anda diberikan user ID : admin dan paswrord : f5f3c4. pasword dan user ID ini akan digunakan untuk login ke halaman admininstrator pada wordpress anda nanti, jadi jangan samai lupa ya.
Selesai sudah instalasi wordpress nya. Mudah bukan ? untuk mejalankan wordpress yang sudah kita install, Anda tinggal membuka web browser, kemudian ketikan di bagian addres bar :

http://localhost/wordpress/wp-admin

atau bisa juga

http://localhost/wordpress/wp-login.php.

Akhiri dengan menekan tombol “enter“, maka akan muncul halaman seperti dibawah

Silahkan isi dengan user ID dan pasword yang sudah di dapat, kemudian tekan tombol “login“, anda akan diantarkan masuk ke halaman administrator.

Akhir kata semoga bermanfaat dan terimakasih bagi anda yang sudah mengikuti seri tutorial ini dari awal ya. Kalau ada yang mau menambahkan atau mengoreksi, dengan senang hati akan saya terima. Oya, jangan lupa juga komentar nya.?

Enabling mod_rewrite and .htaccess di XAMPP pada Windows XP

By default, XAMPP did not enabled mod_rewrite and .htaccess. When you access your web that require mod_rewrite and place .htacces file inside the document root, you’ll get error page like in the screen shot below:

Follow these simple step to enable mod_rewrite and .htaccess using XAMPP under Windows:

1. Open your httpd.conf file, usually placed in C:\xampp\apache\conf
2. Find #LoadModule rewrite_module modules/mod_rewrite.so line and remove the # mark
3. Replace all AllowOverride None instances into AllowOverride All
4. Restart Apache service
5. Check if the mod_rewrite module is loaded correctly using XAMPP phpinfo. See the screen shot:

Tips:
You can’t easily create .htaccess file using Windows Explorer. You can use these tricks:

• create htaccess.txt using Windows Explorer, put all your rules there
• open command prompt by Start-> Run ->cmd
• enter the document root where htaccess.txt file reside
• rename it into .htaccess using command below

ren htaccess.txt .htaccess

Pada Appserv

Getting .htaccess files to work on AppServ (Windows version) a lot of peoples computers doesn’t seem to work, I myself am one of those people, so I fiddled around the other day and got it working – so hopefully if you follow this tutorial you’ll understand how to get it to work and it should work for you.

First of all if you locate your Apache folder (within your AppServ folder, usually installed directly on your C drive) and go into a folder called “conf”, then open the file called “httpd.conf”.

Find:

#LoadModule rewrite_module modules/mod_rewrite.so

Replace:

LoadModule rewrite_module modules/mod_rewrite.so

Removing the ‘#’ (hash) symbol will enable the rewrite module. (Note: Some configurations are already loaded, if so ignore it)

Find:

AccessFileName .htaccess

Replace:

AccessFileName my.htaccess

Changing this from .htaccess to my.htaccess means that your .htaccess files will have to be called “my.htaccess” (However when you upload them to a real web server online then you’ll need to rename them back to .htaccess)

Now restart your Apache server (This can be done by going into the Apache folder, then into the “bin” folder and running the program “ApacheMonitor.exe”, opening it from the system tray and clicking “Restart”)

Publish The Feed Later

If you look at the possibilities of mySQL, there is a function timestampdiff(). I extend the query of WordPress with this function. Note to query the feed before (is_feed()), if not it will be also happening for the classical publishing of posts in your blog.

The following example publishs the post 5 minutes later in your feed:

/**
 * puplish the content in the feed later
 * $where ist default-var in WordPress (wp-includes/query.php)
 * This function an a SQL-syntax
 */
function publish_later_on_feed($where) {
	global $wpdb;

	if ( is_feed() ) {
		// timestamp in WP-format
		$now = gmdate('Y-m-d H:i:s');

		// value for wait; + device
		$wait = '5'; // integer

		// http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff
		$device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

		// add SQL-sytax to default $where
		$where .= " AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, '$now') > $wait ";
	}
	return $where;
}

add_filter('posts_where', 'publish_later_on_feed');

SUMBER

Redirecting WordPress Feeds to FeedBurner Feeds

The problem. Beginner bloggers usually start to use FeedBurner only after they have seen it used on many other blogs and realize how useful and cool this tool is. They sign up and start to use it, but their early readers are already subscribed to their default WordPress feed.

Another problem: do you often change your theme? If so, you must be bored having to edit each call to bloginfo(’rss2_url’) and replace it with your FeedBurner feed’s URL.

The solution. The solution to both problems described above is simple: use server redirections.

1. Create a backup of your .htaccess file, located in the root of your Web server.
2. Edit the .htaccess file and add the following code. Don’t forget to modify the feed’s URL with your own feed’s URL.

   view source

   print?

   1	# temp redirect wordpress content feeds to feedburner

   2	<IfModule mod_rewrite.c>

   3	RewriteEngine on

   4	RewriteCond %{HTTP_USER_AGENT} !FeedBurner    [NC]

   5	RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]

   6	RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/wprecipes [R=302,NC,L]

   7	</IfModule>

3. Save the file. You’re done!

Code explanation. Each time someone clicks on a link to http://www.yourblog.com/feed, he or she will be redirected to http://feeds.feedburner.com/yourblog. This way, you will have never lost an RSS subscriber, and even if you change your theme twice a day, you’ll never have to manually edit your RSS feed links again.

Sources

• Redirect WordPress feeds to FeedBurner via htaccess (Redux)
• How to: redirect WordPress RSS feeds to FeedBurner with .htaccess

Insert Ads (or Anything Else) in Your RSS Feed

The problem. Monetizing RSS feeds is currently becoming a common practice, and many blog owners do it to maximize their income. FeedBurner can insert AdSense ads into your feed items, but you need at least 500 subscribers to qualify, and you can’t use any ads other than the AdSense ads provided by FeedBurner.

The solution. It is possible, though, to insert other kinds of ads into your RSS feed. You can, for example, use a link to a free WordPress theme only for your RSS subscribers.

Follow these simple steps to perform this hack:

1. Edit the functions.php file of your theme. If your theme doesn’t have a functions.php file, simply create one.
2. Paste the following code into your functions.php file:

   view source

   print?

   1

   <?php

   2	function insertAds($content) {

   3	$content = $content.'<hr /><a href="http://www.wprecipes.com">Have you visited WpRecipes today?</a><hr />';

   4	return $content;

   5

   }

   6	add_filter('the_excerpt_rss', 'insertAds');

   7	add_filter('the_content_rss', 'insertAds');

   8

   ?>

3. Save the file. You’re now displaying your ads in your RSS feed!

Code explanation. I have seen many similar hacks on the Web, but all of them require you to edit WordPress core files to achieve the same result. Of course, editing WordPress core files is a very bad idea because then you would have to re-edit the files each time you upgrade your blog. Instead, this hack uses the add_filter() WordPress function to insert content into your RSS feed without editing any core files.

Sources

• How to: insert ads in your RSS feed
• WordPress, ajouter du contenu dans son flux RSS !

Format Your Images for Feed Readers

The problem. You took a lot of time to write and format your post and add beautiful screenshots. It looks so good on your blog. Sadly, when the post is displayed in Google Reader or any other RSS reader, it doesn’t look so great.

The solution. This is due to the fact that most feed readers display images inline with text:

To avoid this problem, add a CSS class to display the image as a block. WordPress provides the built-in class “center“: