Solo Web Design

Insert AdSense Ads Automatically in Drupal Nodes and Teaser Lists

2009-02-03T19:04:00.001-08:00

Now you can Insert AdSense Ads Automatically in Drupal Nodes and Teaser Lists. Mike has write a module that tweaks a node's body or teaser to insert an inline AdSense ad, when a node is rendered on a full page or teaser list.

This is a powerfull AdSense Module. You can enable/disable the inserted AdSense with just a click of the mouse without need to edit each node. As an administrator, you will be allowed to enable automatic insertion of an AdSense ad into the page without the content editor having to insert inline [adense] filter tags, or having to edit a site's template.php (or other template files.) This offers a big advantage, as you can change the ad format, group, and channel on the fly without hand-editing each node (which is the only way I can think of doing it if you are using inline filters).

The excellent AdSense module does most of the heavy lifting. Obviously, this requires that the AdSense module be installed, enabled, and configured correctly.

The site administrator has the following options:

Enable/disable insertion globally.

Select Ad format, channel, and group (as defined by AdSense module).

Edit template string for insertion - insert Adsense module tags, before or after body or teaser.

This could be enhanced later to use templates or regular expression replacement capabilities.

Enable or disable insertion for individual node type(s).

NEW: set minimum node body "word count" threshold, below which the inline ads will not be inserted. This uses the same technique used by Drupal's node.module for minimum word count when submitting nodes (it just counts things separated by spaces, and doesn't adjust the count for HTML tags or any other markup). The module will insert HTML comments to help you see the word counts and limits (in case you think you should see an ad, but don't, or vice versa.) This limit is 'global' to all node types, but could be enhanced later to allow setting it on a per type basis.

Possible future enhancements

Repeated ad insertions after one or more paragraphs

Pattern matching, or other more sophisticated insertion strategy

Recent changes

Set minimum node body "word count" threshold, below which the inline ads will not be inserted. This uses the same technique used by Drupal's node.module for minimum word count when submitting nodes (it just counts things separated by spaces, and doesn't adjust the count for HTML tags or any other markup). The module will insert HTML comments to help you see the word counts and limits (in case you think you should see an ad, but don't, or vice versa.) This limit is 'global' to all node types, but could be enhanced later to allow setting it on a per type basis.

NEW: (1/7/2007) - Respects the Adsense module visibility settings - inserts only on pages that Adsense module will allow, based on the AdSense module's visibility settings.

NEW: (3/16/2007) - Insert ads in teaser lists (like the front page)

NEW: (3/16/2007) - Template-based insertion - define a template which can include any valid Adsense module tag, insert multiple ads, insert before and after body/teaser, etc.

Ok, this module has been approved to be hosted in the drupal.org CVS tree as an contributed module under the adsense module project.

This module has put to the Drupal project repository as adsense_injector.

For Drupal 6x, the only way I could get it to work was with a block. some one wrote how to did it on a blog here.

Reference:
- Exodus Development, Inc
- AdSense module

How to Recover Joomla Admin Password

2009-02-03T19:01:00.004-08:00

About the joomla admin password, firstly, you must know that The passwords are stored using a one-way MD5 hash which prevents recovering the password. So you cannot recover the existing password, but you can reset it to a new password by editing the password field in the database.

But for this proccess you have to encript the new one into MD5 code. You can not just type your new password into the MySQL database field. Set the password to a known value and then you may log-in using that new password.

The password is stored in the MySQL database jos_users table password field. (change this for your table prefix if different)

Use a MySQL utility such as phpMyAdmin or MySQL Query Browser to edit this field.
Open the table, find your admin username, and then select that row for editing.
The password must be hashed, you cannot simply enter text into this field.

Set the password to a known value

- password = "this is the MD5 hashed password"
------------------------------------------------------
- admin = 21232f297a57a5a743894a0e4a801fc3
- secret = 5ebe2294ecd0e0f08eab7690d2a6ee69
- OU812 = 7441de5382cf4fecbaa9a8c538e76783

Paste the hashed password into the field, save the change, and log-in using the new password.
Immediately change your password to something more secure!

or . . .
Set the password to your own value

Online MD5 tools

here are a couple online tools to create MD5 hashed values:
- JavaScript MD5 - http://pajhome.org.uk/crypt/md5/
- MD5er - http://www.md5er.com/
Use the tools to create your own strong hashed password.
Paste the result into the password field, save, and log-in with your new password.

Free MD5 utilities - for download

- MD5 & Hashing Utilities - http://www.digital-detective.co.uk/freetools/md5.asp
- SlavaSoft HashCalc - http://www.slavasoft.com/hashcalc/overview.htm
Download and use to make your own hashed password.

Other MD5 tools

There are many free MD5 tools online and as free downloadable utilities.
Google for "MD5 hash tool" and you will find many available.

source: forum.joomla.org

How to Optimize WordPress

2009-02-03T19:01:00.003-08:00

If you use WordPress as a publishing platform, here are some tips to make WordPress run faster in the eyes of your readers.

Using a light weight theme

Not in terms of loading time but in terms of delivering the reader the information he wants in the clearest way possible. light weight theme means: little colour, images minimalis, use brief content. just write a providing information which the reader is looking for

I like Andy Staines’ Advanced Admin Menus Plugin by which lets me reach every admin page with one page load only.

stripping extraneous PHP calls out of your theme

You can speed things up by stripping extraneous PHP calls out of your theme. Try to replace a lot of 10 or 15 calls to PHP functions with hard text and you should see a speed increase. For example is the PHP call to insert the name of your blog into the Title of the page.

Using cache plugin

You can use WP-Cache for caching or WP Super Cache plugin which will caches pages as static html files, and really helps to optimize wordPress loading times.

How to Back up your Joomla website

2009-02-03T19:01:00.002-08:00

Ok we all know you have taken all steps to prevent your website to secure your website and prevent it from being hacked. However, there are many other things which can go wrong with your Joomla website. When you have a busy site, you can never have enough backups. The following are easy ways to have a complete set of backups of your Joomla website. Did I mention that each of these comes for free?

Backup your SQL data

Backing up the content of your Joomla website is critical. You will probably be able to recreate your template if you lose it, however recreating your content is a much harder thing to do especially if you rely on several 3rd parties / visitors for your the content.

The jombackup mambot from Jomres is a small mambot which when published creates a MySql backup, compresses the file and sends it to you. The default settings are enough, no playing around with parameters is required. Just enter your email address, publish and you'll soon start getting a daily backup right to your mailbox. Try not to obliterate your mailbox too, and don't use the same email server as the host of your site, so that if you lose your site, you don't lose your email too Wink

Backup your template / media / customisations etc.

These are things which do not change often ... so a simple FTP transfer to a backup area should be sufficient. You can also choose to use a component for your backups.

A good component for backup is the JoomlaCloner backup component. This allows you to backup and restore your website easily. It also allows you to move your website from host to host.

Another non-commercial one which comes to mind is the JoomlaPack component. This creates a zipped file of all the content in your website which you can just download. This also makes it easier for you to take a backup whenever you need.

Source: www.dart-creations.com

How to Secure Your WordPress Admin

2009-02-03T19:01:00.001-08:00

I don’t know how much credence I give to the idea that WordPress is inherently insecure by default, but I do understand that people want to take steps to further protect their blogs. Smashing Magazine has put up an article relating to securing your WordPress admin, and while this won’t make your blog secure if you are making other security mistakes, it can be a great last step in a comprehensive security audit.

Here is one of their ten tips:

Choose strong passwords
Our recommendation for a secure WordPress password is that it be at least seven characters long and include uppercase and lowercase characters, numbers and symbols such as ! â€ ? $ % ^ & ).

If you are worried about your blog, and want to take as many precautions as possible to maximize your protection from intruders, I’d suggest enacting at least five out of the ten items on this list and look for more security related posts to help control every entry point into your WordPress blog.

Posted by David at http://www.bloggingpro.com

How to put Google Adsense into Joomla

2009-02-03T19:01:00.000-08:00

Jommla 1.5.x users can put Adsense as easy as if they use Blogger, by adding Easy Google Adsense plugin. This free module allow anyone has Adsense account to display adsense ads on their Joomla site.

AdSense is an advertisement application that uses JavaScript code to incorporate the advertisements into a participating website, run by Google.

Website owners can enroll in this program for free to enable text, image, and more recently, video advertisements on their websites. These advertisements are administered by Google and generate revenue on either a per-click or per-impression basis. AdSense for content automatically crawls the content of your pages and delivers text and image ads that are relevant to your audience and your site content.

The JavaScript requirements is becoming a problem for some CMS with strict security role like Wordpress and Jommla. But in line with the increasingly of Adsense popularity, there are many plugins and modules have made by some programer to fulfill these needs. And for Jommla user, Easy Google Adsense is the easiest FREE solution for implementing Google AdSense ads in Joomla 1.5.x

Video installation guide
Video Demo on how to display multiple adsense module click here
click Adsense Module Download to download (md5: 8adf2aed75281c87eeddbcde60f71f8d)

How to Export a Wordpress Blog to a New Domain

2009-02-03T19:00:00.000-08:00

There is a simple way to update WordPress options with the new blog location. You can just type the following SQL command:

UPDATE wp_options SET option_value = replace(option_value, 'http://www.old-domain.com', 'http://www.new-domain.com') WHERE option_name = 'home' OR option_name = 'siteurl';

After you've done that, you have to fix URLs of the WordPress posts and pages, which translated from post slug, and stored in database wp_posts table as guid field.

You must change The URL values in this field using the following SQL query below because The URL values are stored as absolute URLs instead of relative URLs. Here the query:

UPDATE wp_posts SET guid = replace(guid, 'http://www.old-domain.com','http://www.new-domain.com');

The next to be fixed is an internal link problem. If you have linked internally within blog posts or pages with absolute URLs, these links will point to wrong locations after you move the blog location. To do the correction and fix all internal links to own blog in all WordPress posts and pages, you can use the following SQL commands :

UPDATE wp_posts SET post_content = replace(post_content, 'http://www.old-domain.com', 'http://www.new-domain.com');

Now, using all tips above, you can easily move your Wordpress blog to a new domain.

How to Create RSS Feed on your Website

2009-02-02T18:24:00.000-08:00

Very simple to create RSS feed. You just add header of XML file on your page header, and select from table and loop your data into xml format.

<?php
require_once(dbconnection.php);
$query = select address, cat, desc, title from `category` limit 15?;
$result = mysql_query($query, $link);

while ($line = mysql_fetch_assoc($result))
{
$return[] = $line;
}

$now = date(D, d M Y H:i:s T);

$output = <?xml version=\1.0\?>
<rss version=\2.0\
xmlns:content=\http://purl.org/rss/1.0/modules/content/\
xmlns:wfw=\http://wellformedweb.org/CommentAPI/\
xmlnsdc=\http://purl.org/dc/elements/1.1/\
>
<channel>
<title>Judul RSS FEED</title>
<link>http://domain.com/feed.php</link>
<description>Deskripsi RSS</description>
<language>en-us</language>
<pubDate>$now</pubDate>
<lastBuildDate>$now</lastBuildDate>
<docs>http://domain.com</docs>
<managingEditor>mail@mail.co.id</managingEditor>
<webMaster>mail@mail.com</webMaster>
;

foreach ($return as $line)
{
$output .= <item><title>.htmlentities($line[title]).</title>
<link>.htmlentities($line[address]).</link>

<description>.htmlentities(strip_tags($line[desc])).</description>
</item>;
}
$output .= </channel></rss>;
header(Content-Type: application/rss+xml);
echo $output;
?>

List Free Template for Blogger beta

2009-02-02T18:20:00.000-08:00

Here are some blogger templates, free to download with some terms. I just collected them from the internet. I have used them for my blogs. You may use and modify as you need.

Magazine Template 1 is a free Blogger beta template with multi column support, in white Background color. Template Width : 900 pixel Sidebar width : 300 pixel; Leftsidebar_1 : width : 280 pixel; leftsidebar_2 : width : 275 pixel; bottombar width : 210 pixel.

Compatible with browser : IE6, FF3 beta 4, opera 9.25, Netscape 9.0.0.6.

Download here
See demo
file : 8kb

Photoblog III This free Blogger template photoblog webdesign is based on the Blogger page color theme. Check out these other photoblog templates. This new XML Blogger template is free but please value our hours of design work by leaving the footer credit to Ourblogtemplates.com intact.

The template image is captured from a 1024 pixels wide screen. This template has 3 'sidebar' columns below the post column. The post column is wide without any other columns next to it. This style is especially great if you want to build a photo blog with lots of large photos and images.

Download here
Help links: template installation guides and instructions.

The Professional Template is by far the best template we have ever produced for public use. It has multiple columns that are flexible - it can either be a 3, 5, 6, or 8 column template without you having to do any coding. The basic color is white, but you can easily change all the colors and fonts without doing any coding. And you can change the header image to anything you want without any coding too.

This free Blogger template webdesign is based on a professional template theme. The left sidebar is 120 px wide, and the main right sidebar is 300 px wide, perfect for vertical and square Adsense boxes. The two smaller rightsidebars are 132 px wide. All the 3 lowerbar columns are 278 px wide.

Download here
Help links: template installation guides and instructions.

JavaScript Form Submit Example

2009-02-01T18:01:00.001-08:00

See some example below to learn how to submit a form using javaScript.

Simple code:

<form name="myform" action="handle-data.php">
Search:
<input type='text' name='query'>
<a href="javascript: submitform()">Search</a>
</form>

<SCRIPT language="JavaScript">
function submitform()
{
document.myform.submit();
}
</SCRIPT>

JavaScript Form Submit Example 2

The code:

First create a file named "submitjs.js" (just example you can rename it whatever you want).
write this code to this js file:

<SCRIPT LANGUAGE="JavaScript">
var myformValidator = new Validator("myform");
myformValidator.addValidation("query","req","Please enter the value for query");
</SCRIPT>

<SCRIPT language="JavaScript">
function submitform()
{
if(document.myform.onsubmit())
{//this check triggers the validations
document.myform.submit();
}
}
</SCRIPT>

And then you can include this script to your html or php page using this code:

<SCRIPT src="submitjs.js" language="JavaScript"></SCRIPT>

Be sure that you write the right path. The src address must be the address path where you put submitjs.js file.

Okey, after it is finished, now you can add the code below on your html page :

<form name="myform" action="handle-data.php">
Search: <input type='text' name='query'>
<A href="javascript: submitform()">Search</A>
</form>

note:

The name of the submit form must be the same with name on the javascript. In the example case above we use "myform" just find it and you will undestand.

How to optimize your Blogspot setting

2009-02-01T18:00:00.001-08:00

Right after you create your new blogspot, better if you do some optimation in the blog setting. Because the standart setting is not an optimal setting. Here are what you should do:

In the Basic setting tab set blog title to a keyword of your blog main topic or what ever keyword that you want to be shown in the search engine result. The title must be 40-65 character, (google only show maximally, 65 characters in its SERP, and yahoo about 115 character including space and punctuation mark). Do not use word and, or and another word that will be ignored by search engine. Never change your blog title, cause it will make robot/spider being confused and your pageRank can drop deeply.
In the add your blog to our listing option select YES. It will alerts search engines when your blog being updated, also make your blog applied in the blogger main page when you create new post.
But if you select NO blogger will shove nofollow/noindex meta-tags in the header template of your blog that will prevent your blog being indexed and crawled by the spider.
In the Publishing set notify Weblogs to yes it will send a notification to Weblogs right after you create new post.
In the Formatting tab ideally set it to 5 7 posts being shown in the main .
Allow visitor to leave comment and do not restrict it. Also dont use pop up window to show the comment, because it will prevent the spider crawling content of the comments.
Site feed. RSS is a rich site summary or really simple syndication or rdf site summary. Basically, RSS is a way to stream up the minutes news and updated on your blog. Your RSS feed address is nameofyourblog.blogspot.com/atom.xml.

And must be changed when you burn feed at feedburner.com. Do not set the site feed to full description but set it to short description so that the readers have to visit your blog if they want to read the full version of your post.

Google Sitemaps

remember to submit your blog to http://www.google.com/webmaster/sitemaps
Sitemaps is a listing of every pages of your blog. By create a site map, your blog will more friendly for Google search engine. If your blog has many images, you can allow the spider to crawl that images by checking the box beside enhanced image search so the image from your blog will be shown in the Google search image result < http://www.image.google.com >

Technorati

Every blogger in this planet join to technorati < http://www.technorati.com >. Technorati is the blog searching Godfather, Tecnorati is a real-time search engine that always tracking everything in the blog world. Technorati will otomaticaly get notification from blog right after it is updated.

JavaScript - How to Submit Form Using Image

2009-02-01T17:59:00.000-08:00

Here are two sample code you can try to submit form using image in javascript.

Simple script example is by just adding "action=handle-data.pl" inside form tag and using type=image on input tag.

The code:

<form name="myform" action="handle-data.pl">
Search: <input type='text' name='query'>
<input type="image" src="go.gif">
</form>

More samples and cases:

The code:

<form name="myform" action="handle-data.php">
Search: <input type='text' name='query'>
<a href="javascript: submitform()">
<img src="go.gif" width="33" height="19" border="0">
</a>
</form>

<SCRIPT language="JavaScript1.2">
function submitform()
{
if(document.myform.onsubmit())
{
document.myform.submit();
}
}
</SCRIPT>

See that is simple using javascript to submit form using image; Good luck.

Create a three column Blogger template

2009-02-01T17:56:00.000-08:00

Learning blogger template is not too difficult. I suggest you to start it using The Minima template. The Minima template is the easiest Blogger template to customize, as this is the simplest two column template, and has few parameters regarding margins, padding and the like.

This article will explain you an example, how to create a three column template in Blogger layouts, using the Minima template as a starting point.

To get this template, first you have to set your template to Minima (not the stretch template, but any color will do!), then follow these instructions:

Go to Template>Edit HTML, leaving the "Expand widget templates" box unchecked.
Now, find this section in the HTML code:

#sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Copy and paste this entire section directly below. We're going to change the elements I've highlighted in red to the following:

#left-sidebar-wrapper (this makes the css for this section unique) float: left (this will make the new sidebar float to the left of the main column)

This will provide the styling for the new sidebar element which we will create next.
Now, you need to find this section further down the page:

<div id='main-wrapper'>
Immedietly before this section, you should paste the following piece of code:

<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/> </div>

Let me explain the elements of this code to help you understand what we've just done:
- <div id='left-sidebar-wrapper'> This section tells the browser that the left-sidebar element exists here, and to look in the css for the appropriate styling for this element.
- <b:section class='sidebar' id='left-sidebar' preferred='yes'> This tells the browser the class of the sidebar element and all other elements (widgets) which may be included in this section. The ID of this element must be "left-sidebar" in order to make it unique, otherwie this would cause problems when viewing. It is preferred so that it will feature in the layout, even if no widgets are placed within it.
If you preview your template, you will notice that the right sidebar will be beneath the main section at the moment. This is because the outer-wrapper is still only wide enough to accomodate one sidebar. So now we need to expand the oputer wrapper to accomodate this new sidebar. Find this section in the HTML code:

/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }

We need to increase the width of the wrapper by the width of the left-sidebar-wrapper, in this case 220px. So, change the value in red to 880px.
You may also want to change the width of the header-wrapper to 880px so that it spans the new width of your blog:

#header-wrapper { width:880px; margin:0 auto 10px; border:1px solid $bordercolor; }
At this point, you should save your template. At present, your new sidebar will not be seen as there are no widgets contained within it, though it will still be present in the markup of the page. Once you have saved your template, go to Template>Page elements in your Blogger dashboard.
You can now add a page element (or two) to your new left sidebar.
But we aren't quite finished yet! If you add anything to this left sidebar, you will probably notice that it jams right up to the main section. This is because there is no space defined between the left-sidebar and the main section. We need to create this space in the template's HTML. To do this, we will add a margin to the left hand side of the main posts section. Find the following code in your template's HTML and add the code defined in red:

#main-wrapper { width: 410px; float: left; margin-left: 20px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

This defines a margin space of 20px between the left-sidebar and the main column. You should also ensure you adjust thw width of the outer-wrapper from 880px to 900px to ensure the width of your blog is enough to accomodate this margin too. Either that, or you could reduce the width of your main column/a sidebar by 20px to serve the same purpose.
Everything complete now, so save your template and enjoy your new sidebar!

You can use this principles described to create a three column template from any Blogger template, though you may find that you'll need to adjust the width, margins and padding for your new sidebar in order for it to look the way you would like.

If you prefer to move your new left column sidebar to the right, you can configure the floating point of your new sidebar by set the CSS style sheet. Just change float to the right.
For reference, you can download the three column Minima here:

Download 3 column Minima template

About Me

2007-10-23T00:05:00.000-07:00

My full name is Kristian Novianto, but everyone calls me Novi. I have been designing for nearly 3 years now and taught myself everything I know. I am fluent with Photoshop, Firework, Dreamweaver, ultra edit, Cpanel, HTML, PHP, CSS, Javascript and much more. Most of my recent work has been graphic design and some web development.

Actualy I have graduated from Faculty of Economics of Satya Wacana Christian University with degree in Marketing Management Studies. It influenced me to understanding the marketing world. Understanding consumen behavior, advertisment, sales & marketing is the important thing to do because these fields are basic of every business.

Because of my strong interest and passion in Information Technology, then I decided to take diploma program of system analys at IMKA Surakarta. It help me to understand the program logic and helped me to implement dynamic site and interactive multimedia.

After I graduated from IMKA, I got a job at YLSA, a Christian ministry that specialise in IT solution, in web division. It brought me experience in planning, and developing website. After I done the contract of employment with YLSA, then I joined forces with Hanson And Associate in Salatiga, as web programer.

About graphic design, I started to learn it as a self learner. I have talent in art, I think it is a good start. And to complete my skill, I have learn some design application sofware like Adobe Photoshop, Macromedia Firework, Macromedia Flash, Swish etc, that can help me to realize my idea in graphic design and art.

Here I am, with combinations of marketing, designer, and programmer. These aspects gives me a unique holistic approach to my current project.

Contact

2005-10-23T00:08:00.000-07:00

I can help you to reach the widest possible audience on the Web with clear, easy to use, hardworking web design.

Contact me now for a free web design price quote, or with your comments and questions. Use the information below. I gladly answer all your questions. So give me a try! Your best web site ever awaits you!

&m=g&t=1"/>
Kristian Novianto
E-mail: solowebdesign@yahoo.com
Website: http://solowebdesign.blogspot.com

Portfolio

2005-10-23T00:07:00.000-07:00

Here are my complete portfolio. GEMA website I developed during I joined with YLSA, and don't carry out now. My be some upgrade has made by other YLSA's programmer.

GibbsCAM and Monlieu I developed when I worked at Hanson and Associates, and I still doing some upgrade and developing them until now day.

And the others I developed as a freelance web developer. Please click the image below to go to the related website.

GEMA	GibbsCAM.com	Monlieu.biz
FKK - USM	Oikumene-IMKA	Master Sulap
JAVASweb	Kristian Blog	Melesat

Services

2005-10-23T00:06:00.000-07:00

I specialise in designing to the needs of small to medium businesses, taking the first steps to getting a web site designed. There are a range of web site packages to suit all business requirements and budgets; from a basic brochure style web site to advanced product catalogues and e-commerce on-line stores.

These are some of my projects, the work ranges from web design, redesign, maintenace and analysis.

Website design :
Developing an interactive and powerfull website.

Web re-design :
Transform website system from static html web to dynamic with database and online administration system.

Website maintenance :
Manage web hosting and contents.

Website analysis :
Evaluate website system and performance then recomend some improvement.

Website Content Management System :
Developing database structure and system for website content.

For more detail information, please contact me:

Kristian Novianto
E-mail: solowebdesign@yahoo.com
Website: SOLO webdesign

Thanks

2000-11-25T20:01:00.000-08:00

Thanks for sending me an email ....
Please wait for my response email soon

Kristian N.
http://solowebdesign.blogspot.com