tag:blogger.com,1999:blog-21121837398634523472024-03-13T17:06:43.679-07:00LawnyDesignsTips, tricks and tutorialsLawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.comBlogger33125tag:blogger.com,1999:blog-2112183739863452347.post-37264891948544299262012-01-09T16:54:00.000-08:002012-01-09T16:56:50.412-08:00Create a Cool Logo for a Business in Photoshop<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.lawnydesigns.com/2012/01/create-cool-logo-for-business-in.html" style="clear:left;float:left;margin-bottom:1em;margin-right:1em;"><img border="0" height="199" src="http://2.bp.blogspot.com/-qo1v37wvgUI/TwnGcfiBQcI/AAAAAAAAB6M/_sy4MF3OrU4/s400/thumb.jpg" width="200"></a></div>
<p>Logo design is a long process which normally involves more than just design. Research, color theory and several client meetings culminate in the greatest logo designs, and in most cases, you would actually want to use Illustrator instead of Photoshop. When mocking up a design or creating a simple logo for use on the web, there is a lot you can do with the basic tools in Photoshop. In this tutorial, you'll learn how to use layers, text effects and some special techniques to create a website logo for a Hawaiian Internet Cafe.</p>
<a href="https://lawnydesignz.blogspot.com/2012/01/create-cool-logo-for-business-in.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com3tag:blogger.com,1999:blog-2112183739863452347.post-44238848489261745172010-09-07T15:44:00.000-07:002012-01-25T13:05:50.733-08:00Picking a Web Host: For Designers<div class="separator" style="float:left; text-align: left;margin-right:10px;"><img border="0" height="198" src="http://lh4.ggpht.com/_JgEGJbRLYj4/TIYpcR103FI/AAAAAAAABwM/sbLOBkMLt-s/image001.jpg" width="200"></div><div style="text-align: left;"><i>This is a guest post by John from <a href="http://www.webhostingsearch.com/">Webhosting Search</a></i></div><br>
If you’re a passionate web designer, the <a href="http://en.wikipedia.org/wiki/Internet">Internet</a> is your life. And if the Web is your universe, then your web host is your house, or at least, your landlord. It’s important to be very discriminating when choosing a place to live, and to find a place that will be just right for you and your guests. It’s true in life, and it’s true when it comes to web hosting.<br>
<br>
Unlike the housing market, there are a number of very good options when it comes to webhosting, and you can get good web hosting for a very reasonable price. The problem is knowing which one to choose. You can’t just go for the cheapest one; first of all, you might need a type of hosting, like VPS, that is more expensive than the cheapest plans. Secondly, you’re going to need a level of quality for a successful site that you may not get from a super cheap web hosting plan. The time to figure out which web host you need is before you set up your site, not after. If you make the wrong choice now, moving your pages to another server will cost time and money that you don’t want to lose.<a href="https://lawnydesignz.blogspot.com/2010/09/picking-web-host-for-designers.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com4tag:blogger.com,1999:blog-2112183739863452347.post-35061476905387442082010-03-09T06:09:00.000-08:002010-03-09T06:09:58.635-08:00How to convert a photoshop document (psd) to blogger (css/xhtml)In this tutorial i'm going to show you how to code the design from my <a href="http://www.lawnydesigns.com/2009/12/create-basic-2-column-blog-layout-from.html">previous tutorial</a> into a <a href="http://orangepress-template.blogspot.com">blogger template</a> this is going to be based on the Minima template, most of the css code in this tutorial is commented to explain what is does a css comment begins with "/*", and ends with "*/", like this <span style="color: green;">/* a css comment */</span> i have highlighted the comments in green so you don't have to copy these, if you have any questions feel free to ask in the comments.<br>
<a href="https://lawnydesignz.blogspot.com/2010/03/how-to-convert-photoshop-document-psd.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com27tag:blogger.com,1999:blog-2112183739863452347.post-77558308130805806332009-12-12T11:52:00.000-08:002009-12-12T11:52:28.962-08:00Create a basic 2 column blog layout from scratch in photoshopIn this tutorial we are going to create a basic 2 column blog layout from scratch using photoshop then in another tutorial we will code this into a blogger template<br>
<br>
start by creating a new document 900 x 800 pixel with the background colour #ebebeb<br>
<br>
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_JgEGJbRLYj4/SwW3DWVdLjI/AAAAAAAABc0/_XHJ6D58DsY/s1600/step1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_JgEGJbRLYj4/SwW3DWVdLjI/AAAAAAAABc0/_XHJ6D58DsY/s400/step1.png"></a><br>
</div><a href="https://lawnydesignz.blogspot.com/2009/12/create-basic-2-column-blog-layout-from.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com16tag:blogger.com,1999:blog-2112183739863452347.post-10044923072347189382009-10-05T14:42:00.000-07:002009-10-06T04:19:49.379-07:00How to add a basic dropdown menu to your blogger powered blogIn this tutorial i will show you how to add a basic dropdown navigation menu to your blogger powered blog so i recommend you create a test blog or download a backup copy of your template before doing anything as i cannot be held responsible if you mess your blog layout up.<br>
<br>
for this tutorial i'm going to use the <a href="http://preview-minima.blogspot.com/" target="_blank" title='Opens a new window'>minima template</a> however it should work with most blogger templates once you have your template go to <b>layout > Edit html</b> and paste the following code just before the <code><div id='content-wrapper'></code> <br>
<a href="https://lawnydesignz.blogspot.com/2009/10/how-to-add-basic-dropdown-menu-to-your.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com33tag:blogger.com,1999:blog-2112183739863452347.post-84847755306546121792009-07-06T15:22:00.000-07:002009-10-06T04:20:11.226-07:00How to add a jquery image slider to your blogger powered blogIn this tutorial you will learn how to add a simple jquery image slider to your blogger powered blog note this will not work for those who have Javascript disabled in their web browser but most people have it enabled by default if you are not sure whether yours is disabled or not check the <a title="opens a new window" href="http://image-slider.blogspot.com" target="_blank">demo</a> you should see a working image slider also all the images must be the exact same size as each other.<br>
<br>
I recommend you download a backup copy of your template or use a test blog I'm going to use a 3 column template from my <a href="http://www.lawnydesigns.com/2009/01/create-3-column-blogger-template-with-2.html">previous tutorial</a> but it should work with any template now we need to download two scripts named <b>jquery.js</b> and <b>s3Slider.js</b> you can read more and download the scripts from <a href="http://www.serie3.info/s3slider/index.php" rel="nofollow">this link</a> or just grab the embedded source code from the <a title="opens a new window" href="http://image-slider.blogspot.com" target="_blank">demo</a>.<br>
<a href="https://lawnydesignz.blogspot.com/2009/07/how-to-add-jquery-image-slider-to-your.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com43tag:blogger.com,1999:blog-2112183739863452347.post-51777737823960528582009-05-24T07:56:00.000-07:002009-10-06T04:20:36.068-07:00How to create a fully widgetized tabbed content box on bloggerIn this tutorial you will learn how to add a tabbed content box on your blogger blog using CSS, XHTML and Javascript in 4 simple steps it will also be fully widgetized so you can easy change colours and rearrange the widgets within your dashboard here's a simple screenshot of what we are going to create in this tutorial.<br>
<br>
<img style="height:218px;width:300px;" src="http://i459.photobucket.com/albums/qq319/lawnys/tuts/screenshot1.jpg" alt="tabbed content box">.<br>
<br>
Note this will not work for those who have Javascript disabled in their web browser but most people have it enabled by default if you are not sure if yours is disabled or not check the <a title="opens a new window" href="http://tabbed-box.blogspot.com/" target="_blank">demo</a> you should see a working tabbed box.<br>
<a href="https://lawnydesignz.blogspot.com/2009/05/how-to-create-fully-widgetized-tabbed.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com65tag:blogger.com,1999:blog-2112183739863452347.post-53692220081637673562009-05-07T05:23:00.000-07:002010-02-08T07:25:25.090-08:00How to create static pages on blogger<span style="color:red;">Update <a href="http://buzz.blogger.com/2010/02/create-pages-in-blogger.html">Static pages now available in Blogger</a></span><br>
<br>
<strike>In this simple tutorial i will show you how to create static pages within your blog on blogger so you can easy link to them from navigation links within your blog these could be any page you like such as "about me" and "contact me" pages.<br>
<br>
so the first thing would be to either use a test blog or download a backup copy of your template before doing this to your blog as i cannot be held responsible if you mess up your blog.<br>
<br>
Once you are ready go to your blog and create a new post using whatever title you want for this tutorial i gave mine the title of "About" now add your post content when you have finished click the "Post Options" link found at the bottom of the post editor see screenshot below</strike><br>
<br>
<a href="http://i459.photobucket.com/albums/qq319/lawnys/step-1.gif"><img style="width:400px;height:257px;" src="http://i459.photobucket.com/albums/qq319/lawnys/step-1.gif" border="0" alt=""></a><br>
<a href="https://lawnydesignz.blogspot.com/2009/05/how-to-create-static-pages-on-blogger.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com61tag:blogger.com,1999:blog-2112183739863452347.post-11831464279063736642009-03-15T11:30:00.000-07:002010-03-05T04:04:11.499-08:00How to display total post and comment count on bloggerIn this tutorial i will show you how we can print out the total post and comment count of your blog using our blogs feed so first we need to add these two lines of javascript code which asks blogger to return our feed in <a href="http://code.google.com/apis/gdata/json.html">JSON</a> format which is a set of javascript objects. Don't forget to replace the red code with the URL of your blog<br>
<br>
<code class='codebox'><script src="http://<span style="color:#f00">www.lawnydesigns.com</span>/feeds/posts/default?alt=json-in-script&callback=numposts"></script><br>
<script src="http://<span style="color:#f00">www.lawnydesigns.com</span>/feeds/comments/default?alt=json-in-script&callback=numcomments"></script></code><br>
<br>
in the code above we have asked blogger to return our <a href="http://code.google.com/apis/gdata/json.html">JSON</a> feed to two javascript functions named <code>numcomments</code> and <code>numposts</code> so now we will create those two functions to print out the total post and comments count<br>
<a href="https://lawnydesignz.blogspot.com/2009/03/how-to-print-out-total-post-and-comment.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com15tag:blogger.com,1999:blog-2112183739863452347.post-70653524705442088082009-02-23T09:58:00.000-08:002009-10-06T04:22:23.560-07:00How to adjust the size of images on bloggerToday I'm going to show you how to adjust the size of images posted on your blog since most of my friends are having problems with changing the size of images <br>
<br>
first switch to "edit html" mode on your post editor and find the image you would like to adjust here's my sample image code <br>
<br>
<code class='codebox'><a href="http://1.bp.blogspot.com/_JgEGJbRLYj4/SZhUSysfZJI/AAAAAAAABG8/XkkheuA60xU/s400/step-01.jpg"><img style="<span style='color:#f00;'>width:304px;height:400px;</span>" src="http://1.bp.blogspot.com/_JgEGJbRLYj4/SZhUSysfZJI/AAAAAAAABG8/XkkheuA60xU/s400/step-01.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5303081243051517074" /></a><br>
</code><br>
<br>
yours may look a bit different from mine but don't worry we are only interested in the code highlighted in red this controls the width and height of your image.<br>
<a href="https://lawnydesignz.blogspot.com/2009/02/how-to-adjust-size-of-images-on-blogger.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com26tag:blogger.com,1999:blog-2112183739863452347.post-72999641318827616462009-02-15T10:11:00.000-08:002009-10-06T04:22:49.275-07:00How to embed adsense in blogger postsIn this post i will show you how to embed AdSense ads in your blogger posts you can either have them at the top or bottom of your posts or both but remember you are only allowed a certain amount of ads on your blog so first I recommend that you download a backup copy of your template as i will not be held responsible if you mess your layout up <br>
<br>
now if you check the box on the post widget you will see that it is a simple way to add AdSense to your blog posts <br>
<br>
<img style="width:304px;height:400px;" src="http://4.bp.blogspot.com/_JgEGJbRLYj4/SZhbiM6xRPI/AAAAAAAABHE/h00Me5-Ot3A/s400/step-1.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5303089204370162930"><br>
<br>
by default they are displayed at the bottom of your posts but what if we want them at the top below the post title ? or both well lets take a look at the code which is used to add the AdSense ads to the posts <br>
<a href="https://lawnydesignz.blogspot.com/2009/02/how-to-embed-adsense-in-blogger-posts.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com16tag:blogger.com,1999:blog-2112183739863452347.post-86661098299041491142009-02-05T17:41:00.000-08:002009-10-06T04:23:29.815-07:00How to adjust margins and paddings of widgets in blogger templatesIn this post i will show you how to adjust the margins and padding's of the sidebar widgets and the posts so I'm going to use the <a href="http://preview-minima.blogspot.com/" target="_blank" title='Opens a new window'>minima template</a> <br>
<br>
<a href="http://4.bp.blogspot.com/_JgEGJbRLYj4/SYuCIND23UI/AAAAAAAABFo/4jfOw0Pw608/s1600-h/margin-padding.jpg"><img style="width:280px;height:360px;" src="http://4.bp.blogspot.com/_JgEGJbRLYj4/SYuCIND23UI/AAAAAAAABFo/4jfOw0Pw608/s400/margin-padding.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5299472463987924290"></a><br>
<br>
always download a backup copy of your template before doing anything or use a test blog as i can not be held responsible if you mess your blog up.<br>
<br>
<a href="https://lawnydesignz.blogspot.com/2009/02/how-to-adjust-margins-and-paddings-of.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com19tag:blogger.com,1999:blog-2112183739863452347.post-59845214711816318942009-01-31T07:36:00.000-08:002009-10-06T04:24:02.013-07:00How to remove the quick edit and wrench icons on bloggerI'm writing this post because i get asked by a lot of my friends how they can get rid of those quick edit icons so if you have seen those quick edit icons under your posts and the little wrench spanner icons in the sidebar on your blog you maybe thinking how do i get rid of them or why are they there ? <br>
<br>
<img style="width:236px;height:253px;" src="http://1.bp.blogspot.com/_JgEGJbRLYj4/SYRoRJgSBfI/AAAAAAAABFU/o-xSX9qMaiI/s400/wrench-spanner-icons.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5297473705512928754"><br>
<br>
in fact they are useful if you need to quickly edit your blog post's or a widget in the sidebar you can just click them to instantly edit your post or widget they are only shown to the admin of the blog if you log out you shouldn't see them but i prefer to hide or remove them since i can just login to my dashboard to edit my post or widgets <br>
<a href="https://lawnydesignz.blogspot.com/2009/01/how-to-remove-quick-edit-and-wrench.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com31tag:blogger.com,1999:blog-2112183739863452347.post-91848587991628141522009-01-25T13:46:00.000-08:002009-10-06T04:24:23.474-07:00How to customize your blogger templates fonts and coloursToday i will show you how to customize the fonts and colours of your template and I'm going to use the template from my previous <a href='http://lawnydesignz.blogspot.com/2009/01/create-3-column-blogger-template-with-2.html'>tutorial</a> but it will work for most templates you just need to find the id or the class name of the element you are trying to style. <br>
<br>
Now if you are trying to change the font or colour of the sidebar titles through your blog dashboard it will also change the font and colour of the post date which is not what some of us want so to change that we can either hard code them in the CSS code or define variables for the font and colours i will show you both ways<br>
<br>
by default all <code><h2></h2></code> tags inherit from this CSS code<br>
<br>
<code class='codebox'> h2 {<br>
margin:1.5em 0 .75em;<br>
font:$headerfont;<br>
line-height: 1.4em;<br>
text-transform:uppercase;<br>
letter-spacing:.2em;<br>
color:$sidebarcolor;<br>
}<br>
</code><br>
<a href="https://lawnydesignz.blogspot.com/2009/01/how-to-customize-your-blogger-templates.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com22tag:blogger.com,1999:blog-2112183739863452347.post-48992489013702613212009-01-19T10:56:00.000-08:002009-10-06T04:24:43.272-07:00Create a 3 column blogger template with 2 right columnsIn this tutorial i will teach you how to create a 3 column blogger template with two narrow columns on the right and a section above the two columns here's a simple screenshot of the layout I'm planning to teach you to build<br>
<br>
<a href="http://4.bp.blogspot.com/_JgEGJbRLYj4/SXTnGBuZyGI/AAAAAAAABA0/fo-rNjVUjBQ/s1600-h/layout.gif"><img style="width:279px;height:276px;" src="http://4.bp.blogspot.com/_JgEGJbRLYj4/SXTnGBuZyGI/AAAAAAAABA0/fo-rNjVUjBQ/s400/layout.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5293109552795469922"></a><br>
<br>
now you have an idea what we are going to build lets get started. I recommend you use a test blog for this tutorial using the <a href="http://preview-minima.blogspot.com/" target="_blank" title='Opens a new window'>minima template</a> i always use this template because its an easy starting point once you have your template go to <b>layout > Edit HTML</b> scroll down and delete the width from within the CSS #header-wrapper<br>
<a href="https://lawnydesignz.blogspot.com/2009/01/create-3-column-blogger-template-with-2.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com216tag:blogger.com,1999:blog-2112183739863452347.post-75149300984793498232008-11-17T06:42:00.000-08:002009-10-06T04:25:05.479-07:00How to highlight authors comments on bloggerThis post shows how you can highlight authors comments on your blogger blog using <b>CSS</b> and <b>if/else</b> tags im going to use the <a href="http://preview-minima.blogspot.com/" target="_blank">minima template</a> so like i always say backup your template or use a test blog now go to edit html and make sure you have expand widget templates check box checked look for the comments-block like i have in the following screenshot <br>
<br>
<a href="http://2.bp.blogspot.com/_JgEGJbRLYj4/SSCejsoBVZI/AAAAAAAAA4w/vBtvvxzS8eY/s1600-h/step-1.jpg"><img style="width:400px;height:286px;" src="http://2.bp.blogspot.com/_JgEGJbRLYj4/SSCejsoBVZI/AAAAAAAAA4w/vBtvvxzS8eY/s400/step-1.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5269385900135110034"></a><br>
<br>
<a href="https://lawnydesignz.blogspot.com/2008/11/how-to-highlight-authors-comments-on.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com6tag:blogger.com,1999:blog-2112183739863452347.post-62608995870649577832008-06-30T12:16:00.000-07:002009-10-06T04:25:36.340-07:00How to display widgets on certain pages in bloggerToday I'm going to show you how we can get widgets to display on certain pages within your blogger blog using if conditional tags <br>
<br>
so first i recommend you download a backup copy of your template or use a test blog. <br>
<br>
Now for this tutorial I'm going to add a simple HTML/JavaScript widget (it could be any kind of widget) in the title field of the widget i named mine "My Widget"<br>
<br>
the reason i did this is so that we can easy identify it when we switch to the edit html tab make sure you have the expand widget templates checkbox <b>checked</b> and find the code for your widget here's a screenshot of mine<br>
<br>
<a href="https://lawnydesignz.blogspot.com/2008/06/how-to-show-widgets-on-post-pages-only.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com8tag:blogger.com,1999:blog-2112183739863452347.post-63224950797270719692008-06-07T09:53:00.000-07:002009-10-06T04:26:13.099-07:00How to split your blogs header into two widgetsThis post shows how you can split your blogs header into two widgets like the following screenshot<br>
<br>
<a href="http://bp0.blogger.com/_JgEGJbRLYj4/SEq9aLyshrI/AAAAAAAAAmo/kvX3PMLp_GU/s1600-h/result.JPG"><img src="http://bp0.blogger.com/_JgEGJbRLYj4/SEq9aLyshrI/AAAAAAAAAmo/kvX3PMLp_GU/s320/result.JPG" border="0" alt="" id="BLOGGER_PHOTO_ID_5209184176547071666"></a><br>
<br>
so i recommend you backup your template or use a test blog for this example I'm going to use the <a href="http://preview-minima.blogspot.com/" title="Preview Minima Template" target="_blank">Minima Template</a> so if you are using a different template the code would be different. The default width of the template header-wrapper code is 660px <br>
(if you don't know what I'm talking about see screenshot below)<br>
<a href="https://lawnydesignz.blogspot.com/2008/06/how-to-split-your-blogs-header-into-two.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com20tag:blogger.com,1999:blog-2112183739863452347.post-43472037059270539132008-05-31T12:59:00.000-07:002009-10-06T04:26:31.914-07:00How to fix your blogs headerToday im going to show you how you can fix your blogs header as lots of blogspot users have been having problems with their header image so i recommend you download a backup copy of your template or use a test blog now you will need to expand the widget templates and find the following code highlighted in the screenshot<br>
<br>
<a href="http://bp0.blogger.com/_JgEGJbRLYj4/SEGvAxFWtgI/AAAAAAAAAlU/wIwVwqsRsks/s1600-h/step-1.jpg"><img src="http://bp0.blogger.com/_JgEGJbRLYj4/SEGvAxFWtgI/AAAAAAAAAlU/wIwVwqsRsks/s320/step-1.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5206635071927662082"></a><br>
<br>
it should be within the #header-wrapper when you have found it replace it with the following code<br>
<a href="https://lawnydesignz.blogspot.com/2008/05/how-to-fix-your-blogs-header.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com10tag:blogger.com,1999:blog-2112183739863452347.post-59340428862781762632008-05-07T03:29:00.000-07:002009-10-06T04:26:53.581-07:00How to stop widgets been deleted when uploading templatesSo if you have ever downloaded a <a href="http://lawnys-templates.blogspot.com">free template</a> and wanted to install it without having to reinstall all those sidebar widgets again read on im going to use a 3 column i created for this tutorial you can download it for free <a href="http://lawnys-templates.blogspot.com">here</a> <br>
i recommend you use a test blog for this tutorial by default when you create a new blog it will already have 2 sidebar widgets installed so you should add another two for this tutorial.<a href="https://lawnydesignz.blogspot.com/2008/05/how-to-stop-widgets-been-deleted-when.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com1tag:blogger.com,1999:blog-2112183739863452347.post-58310854870710219962007-12-15T06:41:00.000-08:002009-10-06T04:27:12.714-07:00How to add social bookmark links to bloggerToday im going to show you how to add social bookmark text links below your blog post so people can bookmark it or whatever. So first save a backup copy of your template before editing now you will need to expand widget templates and look for the following code in the screenshot below <br>
<br>
<a href="http://i161.photobucket.com/albums/t233/jamiz_2007/tut4/step-1.jpg"><img style="cursor:pointer; cursor:hand;width: 400px;" src="http://i161.photobucket.com/albums/t233/jamiz_2007/tut4/step-1.jpg" border="0" alt=""></a><br>
<br>
next copy the following code<br>
<a href="https://lawnydesignz.blogspot.com/2007/12/how-to-add-social-bookmark-links-to.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com37tag:blogger.com,1999:blog-2112183739863452347.post-91641142320712881382007-12-07T11:20:00.000-08:002009-10-06T04:28:09.461-07:00How to create expandable post summaries on bloggerToday im going to show you how to create expandable post summaries on new blogger this is a great trick for those who have lots of long articles on their blog and would like to show a certain amount of text/images from the beginning of that post on the main page with a read more link at the bottom. So lets get started first i recommend you download a backup copy of your template so if anything goes wrong you can always restore from that. Next we need to make sure we have post pages enabled so go to <b>Settings > Archiving </b> and change <b>Enable Post Pages</b> to yes like mine in the following screenshot below<a href="https://lawnydesignz.blogspot.com/2007/12/how-to-create-expandable-post-summaries.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com53tag:blogger.com,1999:blog-2112183739863452347.post-41207144752053695582007-12-04T10:10:00.000-08:002009-10-06T04:28:47.156-07:00Copyright infringementToday I'm a victim of plagiarism the owner of this http://hellohello100.blogspot.com/ site has copied my whole blog and the content like a big fool and he has even pointed me to his profile page here http://www.mybloglog.com/buzz/members/fauzirassull/?fs=2007080618174203 on my bloglog and here http://profiles.friendster.com/fauzirassull so just to let my visitors know he has stole my content and I'm waiting to get his site shut down here is a screenshot of my sitemeter <a href="https://lawnydesignz.blogspot.com/2007/12/copyright-infringement.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com6tag:blogger.com,1999:blog-2112183739863452347.post-5943689799130602042007-12-03T09:17:00.001-08:002009-10-06T04:28:29.103-07:00How to make a 4 column blogger templateIn this tutorial we will be making a 4 column blogger template based on a two column originally designed by Douglas Bowman so i recommend you create a new blog for this tutorial using the following template<br>
<br>
<a href="http://i161.photobucket.com/albums/t233/jamiz_2007/tutorial/1-2.jpg"><img src='http://i161.photobucket.com/albums/t233/jamiz_2007/tutorial/1-2.jpg' border="0" alt=''></a><br>
<br>
Now we have our template we need to find the header-wrapper CSS code and change the width from 660px to 100% or 990px like ive done below<br>
<a href="https://lawnydesignz.blogspot.com/2007/12/how-to-make-4-column-blogger-template.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com46tag:blogger.com,1999:blog-2112183739863452347.post-54236133910446834842007-11-14T13:59:00.001-08:002009-10-06T04:29:10.612-07:00Create a nice feed icon in PhotoshopToday I'm going to show you how to create a nice Rss Feed icon below is my final result<br>
<br>
<a href="http://i161.photobucket.com/albums/t233/jamiz_2007/tutorial_images/final.jpg"><img src="http://i161.photobucket.com/albums/t233/jamiz_2007/tutorial_images/final.jpg" border="0" alt=""></a><br>
<br>
First create a new document width 200px height 200px background colour white<br>
<br>
<a href="http://i161.photobucket.com/albums/t233/jamiz_2007/tutorial_images/start.jpg"><img src="http://i161.photobucket.com/albums/t233/jamiz_2007/tutorial_images/start.jpg" border="0" alt=""></a><br>
<a href="https://lawnydesignz.blogspot.com/2007/11/create-nice-feed-icon-in-photoshop.html#more">Read more »</a>Lawnyhttp://www.blogger.com/profile/13719314025846227248noreply@blogger.com4