Love The Way I Work

Tag archive

Wordpress - page 4

Adsense Beautifier

in Adsense/Google/Project/Wordpress by

Adsense beautifier is a plugin available for WordPress to make your Adsense look beautiful in order to increase you Adsense earnings. Images adjacent to ads can help increase click through rate (CTR).

Images can be use to increase our click through rate. You can add image next to your adsense to increase your Click Through Rate.

Is it legal? Yes, but you have to add line to separate your image to adsense. Even google do this way to their new adsense format. You can see articles about these from:

I have a post about it a couple days ago. You can see at Increase CTR. In that post You must add “manually”. I have idea to make WordPress plugin to make it easier. My plugin name is “Adsense Beautifier”, perhaps remind you for another plugin “Download Beautifier“. Yes, I have inspirated from that plugin for my plugin name, cause this plugin have a similar function, to make adsense look beautiful in order to increase your CTR. I hope so 😉

Updated to adsenseBeautifier 1.0.4 (Oct 17, 2006)

  • Support for another ads format: Medium Rectangle (300 x 250), Small Square (200 x 200), Banner (468 x 60), and Half Banner (234×60).

Updated to adsenseBeautifier 1.0.3

  • Support for random images using “AUTOMATIC IMAGE ROTATOR” from automaticlabs. Thanks for the script 😀
  • Support for .png, .gif, .jpeg images extensions.
  • Feel free to make your own images and place your images into /wp-content/adsenseBeautifier/images/$folder. $folder should be largerectangle, leaderboard, or square.
  • 😀 Gud lak

Updated to adsenseBeautifier 1.0.2

Add Options page to generate new adsense code base on your original AdSense code. No changes are made to your original AdSense code (as dictated by Google’s Terms of Service). The code goes around your AdSense code, leaving it intact and unchanged.


Leaderboard (728 x 90)

Leaderboard (728 x 90)

Banner (468 x 60)

Banner (468 x 60)

Half Banner (234×60)

Half Banner (234x60)

Medium Rectangle (300 x 250)

Medium Rectangle (300 x 250)

Square (250 x 250)

Square (250 x 250)

Large Rectangle (336 x 280)

Large Rectangle (336 x 280)

Small Square (200 x 200)

Small Square (200 x 200)


New Installation

  1. Download the plugin and unzip it to your PC
  2. Upload the folder “adsenseBeautifier” and all of its contents into your wp-content/plugins/ directory
  3. Activate the plugin in your WordPress site Admin
  4. Go to Options page to generate AdSense code base on your original AdSense code
  5. Copy and paste your new AdSense code to display your AdSense
  6. Your done! Enjoy

Upgraded from Previous Version

  1. Download the plugin and unzip it to your PC
  2. Deactivate the plugin in your WordPress site Admin
  3. Delete the folder “adsenseBeautifier” and all of its contents from your wp-content/plugins/ directory. You have to delete your old version directory 😉
  4. Upload the folder “adsenseBeautifier” and all of its contents into your wp-content/plugins/ directory
  5. Activate the plugin in your WordPress site Admin
  6. Go to Options page to generate AdSense code base on your original AdSense code
  7. Copy and paste your new AdSense code to display your AdSense
  8. Your done! Enjoy


For the new version you do not need add block manually. Go to options page to generate block that will add around to your AdSense code.


Change Log

  • 10/17/2006: New version (1.0.4) updated. Support for another ads format: Medium Rectangle (300 x 250), Small Square (200 x 200), Banner (468 x 60), and Half Banner (234×60).
  • 09/07/2006: New version (1.0.3) updated. Support for random images. Remove reset button 😉
  • 08/23/2006: New version (1.0.2) updated. Support for Square (250×250) AdSense format.
  • 08/22/2006: New version (1.0.1) updated.
  • 07/30/2006: Edit CSS file to avoid a potensial bug near class largerectangle. Thank’s to Vincent and Rave for your feedback 🙂
  • 07/30/2006: Fix a bug near adding unwanted syntax on header “nnn”.
  • 07/12/2006: Change line separator to black for more visible. Add space between image and ad.
  • 07/10/2006: Update image and CSS for smaller size
  • 07/10/2006: Upload Adsense Beautifier for the first time

To Do

  • Edit image to smaller size [done]
  • Change image to related post based on post keyword
  • Random image [done]
  • Add for another AdSense format [done]


  • Make your adsense doesn’t look like ad
  • Increase your CTR
  • Eat your space. For leaderboard ad format, it will eat 60px space from top. For largerectangle ad format, it will eat 50px from left. If you feel it eat your space too much, You can edit CSS and upload another images. Feel free to do that 😀
  • Default ad place is at top (above post) and bottom (under the post). You can see my blog as live demo. Because of space eating issue 😉 If you prefers to make your ad floating to your post, you should resize image and edit CSS yourself.
  • Only support for largerectangle and leaderboard AdSense format. But another AdSense format will add as soon as possible 😉

Good News

I have ask Google Team again to make sure this plugin is acceptable and doesn’t break Google TOS. They said:

Wed, 12 Jul 2006 14:08:20 -0700
Hello Supriyadi,
Thanks for your emails.
The ad placement on
is acceptable by
our policies; as you’ve noted, we ask that publishers
place a visible border between the ads and the images, in order to
confusion and invalid clicks.

So if your site use background other than white (#FFFFFF), you have to change border color between image and ad in order to make it visible.

Integrate with Adsense Deluxe Plugin

This plugin can be integrate with Adsense Deluxe plugin. Here is my tip:
In Adsense Deluxe plugin option, place your new AdSense code (from adsenseBeautifier Options page) to AdSense code field in AdSenseDeluxe Options page.

To insert any of your defined ad units within template files, you can call a PHP plugin function with the name of the ad unit you want displayed. The syntax is as follows:

<?php adsense_deluxe_ads('AdBlock_name'); ?>

However, it?s strongly recommended that you always confirm that the function is available to keep from generating PHP errors or breaking your page display, using the following syntax:

<?php if (function_exists(adsense_deluxe_ads('AdBlock_name'))) {
adsense_deluxe_ads('AdBlock_name'); } ?>

Note: This syntax little bit different from recommended syntax from Adsense Deluxe Plugin.


– If You are not really sure to use this plugin, please contact Google Team. Use with your own risk.
– I never guarantee that your CTR or AdSense earning will rise 🙂

Support Me

If you find it useful, please consider donating to help me continue work on the plugin. This plugin is, and will remain, freely available and open source, please only donate if you want to and can afford it.

That’s it. Feel free to add comment here.

😀 Have a great day and gud lak

Spam Karma 2 Activated

in Article/Wordpress by

Since my blog goes to online, a lot of spam try to come. Huuh.. I don’t like spam. Anybody like that? I don’t think so 😉

Definitions of Spam

To indiscriminately send unsolicited, unwanted, irrelevant, or inappropriate messages, especially commercial advertising in mass quantities. Noun: electronic “junk mail”.

E-mail spam is a subset of spam that involves sending nearly identical messages to thousands (or millions) of recipients by E-mail. -

Currently I used Askimet Spam plugin (default spam control for wordpress). Does it work? Yes, it does. Akismet has caught 132 spam for me since I installed it. But a few spam can not been caught by Akismet. So I try to install another spam controller. I installed Spam Karma 2 on My Blog.

How to install it?

The installation procedure are:

  1. Download the archive.
  2. Unzip and drop the whole SK2 folder, as is, in your plugins directory.
  3. Enable the plugin in the WP Admin >> Plugins section.
  4. Browse to WP Admin >> Manage >> Spam Karma 2 to configure it.

For more detail please visit Spam Karma Website

Well done. My blog is protected by Spam Karma 2. You can see my footer 😀 I hope it will work perfectly 😉 Good luck and have a nice day always…

Search Engine Optimization for WordPress

in Article/SEO/Wordpress by

After reading some articles about search engine optimization for wordpress, I decide to redesign my theme to optimize my wordpress blog for better search engine optimization. I use these following articles to redesign my wordpress blog:

What is Search Engine Optimization (SEO)?

There are many definitions for Search Engine Optimization (SEO)
Definition from Wikipedia

Search engine optimization (SEO) is a set of methods aimed at improving the ranking of a website in search engine listings, and could be considered a subset of search engine marketing.

Definition from

Search engine optimization (SEO) is the practice of manipulating aspects of a Web site to improve its ranking in search engines.

Unfortunately wordpress doesn?t have SEO yet, so we need to built it ourself. Perhaps not very bad, but we can improve our wordpress for better SEO. You should try this and prove yourselft how it work 😉

Permalink Optimization

The goal: stick more keywords up into the URL and remove the faff which nobody uses, to make the URL seach engine and people attractive.

My permalink structure:

  • Before redesign:
  • Redesign to:
  • Then:
  • Finally:

I try to use many possible permalink structure to get optimize result. So if you find “404 Page not found” on my Blog, perhaps that link used my old permalink structure. I so sorry about it. I hope it’s my final permalink structure 😉

Page Titles

Because Google truncates titles when they pass a particular length, you need your important keywords up front. Google might also be counting words which appear earlier in the title as more important.

My page titles

  • Before:

    supriyadisw dot net » engage on dapper drake

  • After:

    engage on dapper drake · supriyadisw dot net

How to make it?
You can put this code into your wordpress template:

<title><?php ws6q9jzl7p_title(' '); ?>
<?php if(ws6q9jzl7p_title(' ', false)) { echo ' &middot; ';
} ?> <?php bloginfo('name'); ?>

Thx for the code. Feel free to use your own character instead “&middot; (·)”

Post Titles

Keep your post titles nice and simple, and as straight-forward as possible. Sure, pack in the keywords, but do it smartly. You have to blend readability with keywords. It?s easy to muck-up, but doing it right will help you loads.

I have to rebuilt my XHTML structure to get some fantastic results 😉
By default:

  • H1 tag is used for Blogname
  • H2 tag is used for Post Titles
  • H3 tag is used for sub section
  • and so on…

I had made changed like this:

  • H1 tag is use for Post Titles – Replace blogname properties
  • H2 tag is use for Post Titles – Leave it by default

Does it work?

I try to make a little research how it work. OK! See my case study of my post about “Engage on Dapper Drake”.

I post this topic with title “Engage On My Ubuntu Dapper Drake” – You can see on my blogger. I keep it as original one 🙂

My Page title on WordPress is

supriyadisw dot net » engage on my ubuntu dapper drake

When I googling with keyword “engage on dapper”, the result is:
My post on 3rd position (not bad I think, but I try to improve its position on Google page).

First Redesign:
Edit my permalink structure to

The result is:
Look.. I get 2nd position

Edit my permalink structure to

Edit my post title to

Engage on Dapper Drake

Edit my page title to

engage on dapper drake · supriyadisw dot net

And I get a great result because my post become number one. Become a winner on the same topic. Huraay… 😀

How about your wordpress? Good Luck…

Krakal WordPress Theme

in Project/Theme/Wordpress by

Well, after use some wordpress themes, I decide to create my own wordpress theme. Perhaps, it’s not a perfect theme.

This is my first wordpress theme and I hope it’s can be a nice wordpress theme. My wordpress theme’s name is Krakal, which one of beautiful beach in Yogyakarta, about 60 km from my home town 😀

This theme was inspirated from Audyasha theme which come from Kubrick theme. But now I made a lot of modification to this theme 😉


Krakal WordPress Theme Screenshot


  1. Download file
  2. Unzip the file
  3. Upload the krakal folder to your wordpress theme directory
  4. Activate krakal wordpress theme

This theme is still under developing so any suggestions will be appreciate very much 😉 So feel free to add any comments about this theme. Have a great day and good luck…



  • Use class=”alignright” tag for images to appear on right , class=”alignleft” tag for images to appear on left, and class=”centered” tag for images to appear on center.

Supported plugins

To Do

  • Widgets Support

Change Log

  • 07/17/2006: Remove bottom-block. Most user not use it. Edit footer text and fix CSS.
  • 07/07/2006: Upload new version (Krakal 1.0) with 2 column. See screenshot. For live demo please this site, currently I use it 😉
  • 06/09/2006: Add support to gravatars plugin
  • 06/08/2006: Initial public release


Move From Blogger to WordPress

in Article/Wordpress by

Setelah menulis beberapa blog di Blogger, akhirnya aku putuskan untuk beralih platform dari Blogger ke WordPress.


Kenapa sich pake acara pindah2 segala? Pada awalnya aku sich asik2 aja pake Blogger. Blogger tu tampilannya simple, mudah di-management, dan udah populer. Tapi ada beberapa batasan yang ada di Blogger, yaitu:

  1. Blogger gak punya fitur kategori, padahal fitur ini bagiku penting. Kategori mempermudah untuk pengaturan post. Ada beberapa tutorial di Internet yang membantu membuatnya, tapi aku pikir rada ribet juga, karena mungkin emank bukan asli fiturnya Blogger.
  2. Blogger templatenya terbatas, sejauh yang aku tahu sich hanya sedikit template untuk Blogger. Mungkin kalo mau cari sich banyak kali ya. Heheheh…
  3. Blogger servernya di luar. Maksudnya adalah file2 dan segala macam yang berhubungan dengan postingku tersimpan di servernya orang. Jadi pasti ada kendala dalam pengorganisasian, misalnya maintain, backup, dll. Sebenernya bisa juga ditaruh di FTP lokal, tapi aku coba susah banget alias belum berhasil. Hiks…

Kenapa pilih Worpress?

Alasanku memilih WordPress antara lain:

  1. Worpress memiliki fitur kategori yang baik.
  2. WordPress memiliki template yang berjibun alias buanyak buanget. Heheheh….
  3. WordPress bisa aku taro di server lokal, sehingga mudah dalam pengorganisasian blogku.

Cara Pindah?

Langkah yang aku lakukan:

  1. Download WordPress
  2. Install WordPress di server lokal
  3. Setting theme
  4. Setting plugin
  5. Pindahin semua posting dari Blogger ke WordPress

Pindahin semua posting?

Sebenernya ada prosedur baku untuk pindahin posting dan comment dari Blogger ke WordPress. beberapa artikel yang telah membahasnya antara lain:

Tapi dari semua yang disebutin di atas, kok gak berhasil ya? Hiks… Atau mungkin belum berhasil aja kali… Gimana dunk… Cara yang sangat gak praktyis yang aku lakukan adalah pindahin semua postingku dan comment satu2 dari Blogger ke WordPress. Bener2 satu per satu… (pekerjaan yang panjang dan melelahkan) Hiks… Untung cuman 28 post. Coba kalo ratusan…atau ribuan… Weleh..weleh… Gak elit banget dech cara seperti ini. Sangat tidak dianjurkan. Habis mau gimana lagi dunk. Udah dua harian nyobain gak berhasil juga. Hiks… yach walaupun caranya gak elit, paling tidak semua postingku dan comment udah pindah dari Blogger ke WordPress (sebenarnya copiannya sich) Heheheh….


Selamat tinggal Blogger-ku dan selamat datang WordPress-ku. Have a great day…

me, sUpricak3p

Catatan: Semua tulisan ini bersifat subyektif loh… 😀

Go to Top