tag:blogger.com,1999:blog-45657246738896199222024-02-20T02:17:32.543-08:00Bloggers Resourcesde_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.comBlogger29125tag:blogger.com,1999:blog-4565724673889619922.post-608063981360157272008-02-27T16:31:00.000-08:002008-02-27T17:19:46.352-08:00Adding favicon icon to Blogger URL<div style="text-align: justify;">When you visit the sites or bookmark them, these icons will make these URLs stand out. These are “Favicons” or “Favorite Icons”. You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some icons which are generic. I would suggest that you create one to represent your own unique identity. There are quite a number of free icon editor software which you can download from the net.<br /><br />As for myself, I went to <a href="http://www.vso-software.fr/products/image_resizer/" target="_blank">vso software site</a> and downloaded a very small program called <a href="http://www.blogger.com/The%20VSO%20free%20image%20resize%20software">VSO Image Resizer (download)</a> which can transform images into .ico format. Run the program. It is rather simple to use. While you can create icons in 2 sizes – 16x16 and 32x32 – I would think a 16x16 icon is preferable since it is readable in most older browsers. and safe it under jpg, gif or png format.<br /><br />If you do not wish to download any software, you may also try creating an icon online. Just enter the keywords “online icon generator” into your Google search bar, and you should be able to find several programs that you can try.<center><form method="get" action="http://www.google.com/custom" target="google_window"><table style="width: 215px; height: 146px;" bgcolor="#ffffff"><tbody><tr><td align="left" height="32" nowrap="nowrap" valign="top"><br /><a href="http://www.google.com/"><br /><img src="http://www.google.com/logos/Logo_25wht.gif" alt="Google" align="middle" border="0" /></a><br /><label for="sbi" style="display: none;">Enter your search terms</label><br /><input name="q" size="31" maxlength="255" value="" id="sbi" type="text"><br /><label for="sbb" style="display: none;">Submit search form</label><br /><input name="sa" value="Search" id="sbb" type="submit"><br /><input name="client" value="pub-5534906605938009" type="hidden"><br /></td></tr></tbody></table><!-- Search Google --><div style="text-align: justify;">Once you have created an icon, save it into your hard disk. The next step of attaching the icon is a little tricky. The only method to use will be to upload the icon into some free photo hosting such as <a href="http://photobucket.com/" target="_blank">photobucket</a> and create a link.<br /><br /><div style="text-align: justify;">Once you have done that, take note of the URL of your icon. If you are using <a href="http://photobucket.com/" target="_blank">photobucket</a> , you will see that the file is stored under a directory which looks like this:<br /><br /><div style="text-align: center;"><span style="color: rgb(255, 0, 0); font-weight: bold;">http://i245.photobucket.com/albums/gg69/dk/icon-1.ico</span><br /></div><br />Go back to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Near the top you will see a line like this:-<br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" border="1"><tbody><tr><td><title><data:blog.pageTitle/></title></td></tr></tbody></table><br />Copy and insert the following code below the line:-<br /><br /><span style="font-weight: bold;">Examples icon file format:</span><br /><br /><table style="width: 385px; height: 46px;" border="1"><tbody><tr><td><link href='<span style="font-weight: bold; color: rgb(255, 0, 0);">URL of your icon file</span>' rel='shortcut icon' type='image/vnd.microsoft.icon'/></td></tr></tbody></table><br /><table style="width: 381px; height: 64px;" border="1"><tbody><tr><td><span style="font-size:85%;"><link href='<br /></span><span style="color: rgb(255, 0, 0); font-weight: bold;font-size:85%;" >http://i245.photobucket.com/albums/gg69/dk/icon-1.ico</span><span style="font-size:85%;">' rel='shortcut icon' type='image/vnd.microsoft.icon'/></span></td></tr></tbody></table><br />IF you use png. or jpg. or gif. format file, its code should be like this :<br /><br /><span style="font-weight: bold;">Examples png. files format:<br /><br /></span><table style="width: 375px; height: 46px;" border="1"><tbody><tr><td><link href='<span style="font-weight: bold; color: rgb(255, 0, 0);">URL of your icon file</span>' rel='shortcut icon' type='image/png'/></td></tr></tbody></table><br /><table style="width: 327px; height: 64px;" border="1"><tbody><tr><td><span style="font-size:85%;"><link href='<br /></span><span style="color: rgb(255, 0, 0); font-weight: bold;font-size:85%;" >http://i245.photobucket.com/albums/gg69/dk/icon-1.png</span><span style="font-size:85%;">' rel='shortcut icon' type='</span>'image/png'/<span style="font-size:85%;">></span></td></tr></tbody></table><br /><span style="font-weight: bold;">Examples gif. file format:</span><br /><br /><table style="width: 370px; height: 46px;" border="1"><tbody><tr><td><link href='<span style="font-weight: bold; color: rgb(255, 0, 0);">URL of your icon file</span>' rel='shortcut icon' type='image/gif'/></td></tr></tbody></table><br /><table style="width: 333px; height: 64px;" border="1"><tbody><tr><td><span style="font-size:85%;"><link href='<br /></span><span style="color: rgb(255, 0, 0); font-weight: bold;font-size:85%;" >http://i245.photobucket.com/albums/gg69/dk/icon-1.gif</span><span style="font-size:85%;">' rel='shortcut icon' type=</span>'image/gif'/<span style="font-size:85%;">></span></td></tr></tbody></table><br /><span style="font-weight: bold;">Examples jpg. file format:</span><br /><br /><table style="width: 369px; height: 46px;" border="1"><tbody><tr><td><link href='<span style="font-weight: bold; color: rgb(255, 0, 0);">URL of your icon file</span>' rel='shortcut icon' type='image/jpg'/></td></tr></tbody></table><br /><table style="width: 356px; height: 64px;" border="1"><tbody><tr><td><span style="font-size:85%;"><link href='<br /></span><span style="color: rgb(255, 0, 0); font-weight: bold;font-size:85%;" >http://i245.photobucket.com/albums/gg69/dk/icon-1.jpg</span><span style="font-size:85%;">' rel='shortcut icon' type=</span>'image/jpg'/<span style="font-size:85%;">></span></td></tr></tbody></table></div></div></form></center></div>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-76210844014711346282008-02-27T16:25:00.000-08:002008-02-27T16:29:51.792-08:00Label List and Label Widget open in new windowIf you have created a list of Labels through Template -> Page Elements -> Add a Page Element, you can also have your Labels open in new browser windows or tabs.<br /><br />Scroll to these lines and add the code in red.<br /><br /><table style="width: 366px; height: 314px;" border="1"><tbody><tr><td><span style="font-size:85%;"><b:widget id=<span style="font-weight: bold; color: rgb(255, 102, 0);">'Label1</span>' locked='false' <span style="font-weight: bold; color: rgb(255, 102, 0);">title='Labels'</span> type='Label'><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><ul><br /><b:loop values='data:labels' var='label'><br /><li><br /><b:if cond='data:blog.url == data:label.url'><br /><data:label.name/><br /><b:else/><br /><a expr:href='data:label.url' <span style="font-weight: bold; color: rgb(255, 0, 0);">target='_blank</span>'><data:label.name/></a><br /></b:if><br />(<data:label.count/>)<br /></li><br /></b:loop></span></td></tr></tbody></table>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-87436991823121045082008-02-27T16:17:00.000-08:002008-02-27T16:29:51.793-08:00Link List open in new windows<div style="text-align: justify;">To have the Link List open in new windows when clicked, we first go to Template -> Edit HTML. Check the “Expand Widget Templates” box. Backup your template by copying the template and saving it in an MS Notepad text file. You can also click the “Download Full Template” link that appears right after the words “Before editing your template, you may want to save a copy of it.”</div><br /><table style="width: 439px; height: 208px;" border="1"><tbody><tr><td><b:widget id='<span style="color: rgb(255, 102, 0); font-weight: bold;">LinkList1</span>' locked='false' <span style="font-weight: bold; color: rgb(255, 102, 0);">title='Links'</span> type='LinkList'><br /><b:includable id='main'><br /><br /><b:if cond='data:title'><br /><h2><data:title/></h2></b:if><br /><div class='widget-content'><br /><ul><br /><b:loop values='data:links' var='link'><br /><li><a expr:href='data:link.target' <span style="font-weight: bold; color: rgb(255, 0, 0);">target='_blank'</span>><data:link.name/></a></li><br /></b:loop><br /></td></tr></tbody></table>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-84487664252174753032008-02-14T21:25:00.000-08:002008-02-11T21:34:43.412-08:00Scrollbar in One Widget<div style="text-align: justify;">We can add the scrollbar only to one or several of the widgets. To do that, we must first know the <span style="font-weight: bold; color: rgb(255, 0, 0);">ID</span> of the widget. When we are at Template - Edit HTML, scroll towards the bottom of the template code. You will see something like this:-<br /><br /><center><table border="1"><tbody><tr><td><div id='sidebar-wrapper'><br /><b:section class='sidebar' id='sidebar' preferred='yes'><br /><b:widget id=<span style="color: rgb(255, 0, 0);">'LinkList1'</span> locked='false' title='General' type='LinkList'/><br /><b:widget id='<span style="color: rgb(255, 0, 0);">HTML1'</span> locked='false' title='' type='HTML'/><br /><b:widget id='<span style="color: rgb(255, 0, 0);">Label1'</span> locked='false' title='Label' type='Label'/><br /></b:section><br /></div></td></tr></tbody></table></center><br /></div><br />In this example, we have added a Label1 Page Element into our Sidebar and the ID for this widget is <span style="font-weight: bold; color: rgb(255, 0, 0);">“Label1”</span>. If we have more link lists, the IDs will be “Linklist2”, “Linklist3” and so on. Also, we have inserted a HTML/JavaScript Page Element and the ID is “HTML1”. The third widget we added is a Label list and the ID is “Label1”. Look at your template and identify the widget. Take note of the widget ID.<br /><br />Now add the overflow property into the stylesheet under <span style="font-weight: bold;">/* Sidebar Content */</span> . Insert this piece of code.<br /><center><table border="1"><tbody><tr><td><br />#<span style="color: rgb(255, 0, 0);">Label1</span>{<br />height:200px;<br />overflow:auto;<br />}</td></tr></tbody></table></center><br /><div style="text-align: justify;">In this example, we applied a height of 200px to the widgets. This can be changed to other values. Look at both sidebars. Notice the neatness and symmetry. Be careful though if you have AdSense Ads in the sidebars. It is against AdSense TOS to cut off the Ads and put scrollbars to their Ad Units.<br /></div><br /><center><table border="1"><tbody><tr><td>/* Sidebar Content<br />----------------------------------------------- */<br /><br /><span style="color: rgb(255, 0, 0); font-weight: bold;">#Label1{</span><br /><span style="color: rgb(255, 0, 0); font-weight: bold;">height:200px;</span><br /><span style="color: rgb(255, 0, 0); font-weight: bold;">overflow:auto;</span><br /><span style="color: rgb(255, 0, 0); font-weight: bold;">}</span><span style="color: rgb(255, 0, 0);"></span><br /><br />.sidebar {<br />color: $sidebartextcolor;<br />line-height: 1.5em;<br />}<br /></td></tr></tbody></table></center>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-27205578763754235112008-02-13T21:17:00.000-08:002008-02-11T21:25:09.234-08:00Scrollbar in selections sidebar<div style="text-align: justify;">If you wan't to modified your template to include an additional selection sidebar, the style that can be inserted into the template will be this:-<br /><br />Login and go to Template - Edit HTML. Insert this piece of code. Depending on which sidebar your widgets are at (#newsidebar or #leftsidebar or # rightsidebar etc).<br /><br /></div><center><table border="1"><tbody><tr><td><br />.#newsidebar .widget{<br />height:200px;<br />overflow:auto;<br />}</td></tr></tbody></table><br /></center><center><table border="1"><tbody><tr><td>* Sidebar Content<br />----------------------------------------------- */<br /><br /><span style="color: rgb(255, 0, 0);">#newsidebar .widget{</span><br /><span style="color: rgb(255, 0, 0);">height:200px;</span><br /><span style="color: rgb(255, 0, 0);">overflow:auto;</span><br /><span style="color: rgb(255, 0, 0);">}</span><span style="color: rgb(255, 0, 0);"></span><br /><br />.sidebar {<br />color: $sidebartextcolor;<br />line-height: 1.5em;<br />}<br /></td></tr></tbody></table></center>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-71968829609181429702008-02-13T21:07:00.000-08:002008-02-11T21:30:28.522-08:00Scrollbar in All Widgets<div style="text-align: justify;">When the contents in the widget exceed a certain specified height or width, there will be a vertical or horizontal scrollbar to enable users to read the contents that overflow or exceed the box area. This scrolling element is especially useful for our Link List or Labels widget which may be very lengthy. It reduces the total height of the widget and yet allows readers the option of scrolling through and viewing the entire content. We shall discuss how to customize the template design to include the scrollbars and the various modifications that can be made to the stylesheet.<br /><br />Login and go to Template - Edit HTML. Insert this piece of code.<br /></div><center><table border="1"><tbody><tr><td><br />.sidebar .widget{<br />height:200px;<br />overflow:auto;<br />}</td></tr></tbody></table></center><br /><div style="text-align: justify;">In this example, we applied a height of 200px to the widgets. This can be changed to other values. Look at both sidebars. Notice the neatness and symmetry. Be careful though if you have AdSense Ads in the sidebars. It is against AdSense TOS to cut off the Ads and put scrollbars to their Ad Units.<br /></div><br /><center><table border="1"><tbody><tr><td>/* Sidebar Content<br />----------------------------------------------- */<br /><br /><span style="color: rgb(255, 0, 0);">sidebar .widget{</span><br /><span style="color: rgb(255, 0, 0);">height:200px;</span><br /><span style="color: rgb(255, 0, 0);">overflow:auto;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><br />.sidebar {<br />color: $sidebartextcolor;<br />line-height: 1.5em;<br />}<br /></td></tr></tbody></table></center>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-12653279225546975892008-02-12T20:34:00.000-08:002008-02-11T20:56:20.329-08:00Uploading animated gift to bloggers<center><table border="1"><tbody><tr><td><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7zuWVoRP6N77eKlHIXX89-9XNQHEbVLIczP5Syu90MXj3TgJMAfIePdqFwHI0ArsZ6ptF9Of5s1GaiC54BtjgJRnISMZp4GJ-nl_9I6LVgaTtEJCltJaemSPp68D1kBUjWeCBTXnx4ggt/s1600-h/bloggers+tips.gif"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7zuWVoRP6N77eKlHIXX89-9XNQHEbVLIczP5Syu90MXj3TgJMAfIePdqFwHI0ArsZ6ptF9Of5s1GaiC54BtjgJRnISMZp4GJ-nl_9I6LVgaTtEJCltJaemSPp68D1kBUjWeCBTXnx4ggt/s400/bloggers+tips.gif" alt="" id="BLOGGER_PHOTO_ID_5165949780205126786" border="0" /></a></td><td><a href="http://s245.photobucket.com/albums/gg69/dekerinchi/?action=view&current=naruto-6.gif" target="_blank"><img src="http://i245.photobucket.com/albums/gg69/dekerinchi/naruto-6.gif" alt="Photobucket" border="0" /></a></td></tr></tbody><tbody><tr><td style="text-align: center;">Upload via<br />bloggers photo<br />uploader<br /></td><td style="text-align: center;">Upload via<br />free photo<br />hosting<br /></td></tr></tbody></table></center><a style="font-weight: bold;" href="http://naruto-da-blog.blogspot.com/" taget="_blank">Examples site </a><br /><br /><div style="text-align: justify;">If you upload the animated image direct via the Blogger photo uploader, the animated image will no longer be animated as you can see from the first image which was uploaded via the Blogger photo uploader.<br /><br />If you want the image to remain animated, you must first host the animated .gif image with the free images hosting, I prefered to use <a style="font-weight: bold;" href="http://photobucket.com/" target="_blank">photobucket </a><span style="font-weight: bold;">.</span><br /></div><span style="font-weight: bold;"><br /></span><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbAOpgpPmn01F24XFuCIplANfvTg651Xd3ZV7IrNdL-5VR9mGsrVsBOTdY158orDPssISSJDtpZ3P31WKPW65UYycu2kVCtRrC4yRzSdMcshLf2Tkk3P5jRQx7m48qhPckEyzrkvT3CFmF/s1600-h/animated+bloggers+tips+trick.JPG"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbAOpgpPmn01F24XFuCIplANfvTg651Xd3ZV7IrNdL-5VR9mGsrVsBOTdY158orDPssISSJDtpZ3P31WKPW65UYycu2kVCtRrC4yRzSdMcshLf2Tkk3P5jRQx7m48qhPckEyzrkvT3CFmF/s400/animated+bloggers+tips+trick.JPG" alt="" id="BLOGGER_PHOTO_ID_5165951541141718162" border="0" /></a><br /></div><div style="text-align: center;"><br /><div style="text-align: justify;">After upload your pictres to photobucket, you can see the above diagrams. Copy the HTML code and paste it to your blog post or your html page elements.<br /></div></div>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-54993674960279727012008-02-12T20:22:00.000-08:002008-02-11T20:30:48.495-08:00Pictures open in new URL<center><table style="width: 232px; height: 172px;" border="1"><tbody><tr><td style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s1600-h/intechclan+logo.JPG"><img style="cursor: pointer; width: 115px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s400/intechclan+logo.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a></td><td style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s1600-h/intechclan+logo.JPG" target="_blank"><img style="cursor: pointer; width: 115px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s400/intechclan+logo.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a></td><td><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://intechclan.blogspot.com/" target="_blank"><img style="cursor: pointer; width: 115px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s400/intechclan+logo.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a></td></tr></tbody><tbody><tr><td style="text-align: center;">Original Uploading<br />Pictures</td><td style="text-align: center;"> Pictures open in new windows<br /></td><td style="text-align: center;"> Pictures open in new url</td></tr></tbody></table></center><div style="text-align: justify;"><br />Here is the trick when you upload year image you would see has part of code that would look something like below :<br /></div><br /><table style="width: 414px; height: 203px;" border="1"><tbody><tr><td><span style="font-size:85%;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/intechclan.jpg"><img style="cursor: pointer;" src="http://4.bp.blogspot.com/intechclan.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a><br /><div style="text-align: center;">Original Uploading<br />pictures</span></td></tr></tbody></table><br /><br />changes the codes, as per below:<br /><br /><table style="width: 424px; height: 203px;" border="1"><tbody><tr><td><span style="font-size:85%;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="</span><span style="font-weight: bold; color: rgb(255, 0, 0);">URL Address</span>"<span style="font-size:85%;">><br /><img style="cursor: pointer;" src="http://4.bp.blogspot.com/intechclan.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a><br /><div style="text-align: center;">Original Uploading<br />pictures</span></td></tr></tbody></table>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-28006161668642892522008-02-11T20:11:00.000-08:002008-02-11T20:21:10.663-08:00Images open in new windows<center><table style="width: 232px; height: 172px;" border="1"><tbody><tr><td style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s1600-h/intechclan+logo.JPG"><img style="cursor: pointer; width: 115px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s400/intechclan+logo.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a></td><td style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s1600-h/intechclan+logo.JPG" target="_blank"><img style="cursor: pointer; width: 115px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s400/intechclan+logo.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a></td></tr></tbody><tbody><tr><td style="text-align: center;">Original Uploading<br />Pictures</td><td style="text-align: center;"> Pictures open in new windows<br /></td></tr></tbody></table></center><div style="text-align: justify;"><br />Here is the trick when you upload year image you would see has part of code that would look something like below :<br /></div><br /><table style="width: 414px; height: 203px;" border="1"><tbody><tr><td><span style="font-size:85%;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/intechclan.jpg"><img style="cursor: pointer;" src="http://4.bp.blogspot.com/intechclan.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a><br /><div style="text-align: center;">Original Uploading<br />pictures</span></td></tr></tbody></table><br /><br />copy a below codes :<br /><br /><table border="1"><tbody><tr><td>target="blank"</td></tr></tbody></table><br /><br /><br />paste its, as per below:<br /><br /><table style="width: 424px; height: 203px;" border="1"><tbody><tr><td><span style="font-size:85%;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/intechclan.JPG"</span><span style="font-weight: bold; color: rgb(255, 0, 0);font-size:85%;" >target="_blank"</span><span style="font-size:85%;">><br /><img style="cursor: pointer;" src="http://4.bp.blogspot.com/intechclan.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a><br /><div style="text-align: center;">Original Uploading<br />pictures</span></td></tr></tbody></table>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-91379325864388373892008-02-11T19:25:00.000-08:002008-02-11T20:31:45.662-08:00"No Right Click" Codes!Here is the one to prevent people from copying text. It's Good for protecting information, stories, poems, etc. Prevents mouse highlighting.<br /><br />Find the codes <span style="font-weight: bold; color: rgb(255, 0, 0);"></head></span> Tag in your template and add all the below code after it.<br /><br /><table border="1"><tbody><tr><td></head><br /><br /><span style="color: rgb(255, 0, 0);"><!-- no click code start --></span><br /><br /><span style="color: rgb(255, 0, 0);"><body oncontextmenu='return false'/></span><br /><br /><span style="color: rgb(255, 0, 0);"><!-- no click code end --></span><br /><br /><body></td></tr><tr></tr></tbody></table>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-75488679299578164442008-02-09T19:41:00.000-08:002008-02-11T20:09:58.357-08:00Unclickable Images<center><table style="width: 232px; height: 172px;" border="1"><tbody><tr><td style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s1600-h/intechclan+logo.JPG"><img style="cursor: pointer; width: 115px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s400/intechclan+logo.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a></td><td style="text-align: center;"><a><img style="cursor: pointer; width: 115px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKO37EAUI5ikQBeEtW9LEedoBd-1Nqv3JmnO5lUn4IpPHohJxBm17MS5kyAn5ioQ6m1R4CFo4RIYtIGPZFORcMiiRhKbs_pnJUIDu4nyKroHzWutWBDsThEULV_sgk_mfCAVRqAwjpAcP/s400/intechclan+logo.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a></td></tr></tbody><tbody><tr><td style="text-align: center;">Original Uploading<br />Pictures</td><td style="text-align: center;">Unclikable Pictures</td></tr></tbody></table></center><br /><br /><div style="text-align: justify;">What is the difference in the two photographs? Well looking At the two photographs in the post there really isnt much difference isnt it.<br /><br />The photographs here drank cuts been posted in different ways. If you click one of the photo in the left, nothing happens At all goal but when you click one the image one the right the link pointing to the image takes you to has new page.<br /><br />Here is the trick when you upload year image you would see has part of code that would look something like below :<br /></div><br /><table style="width: 463px; height: 203px;" border="1"><tbody><tr><td><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/intechclan+logo.JPG"><img style="cursor: pointer;" src="http://4.bp.blogspot.com/intechclan+logo.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a><br /><div style="text-align: center;">Original Uploading<br />pictures</td></tr></tbody></table><br />You need removed the highligted code (red), Once that is done you pictures now unclikable.<br /><br /><table style="width: 463px; height: 203px;" border="1"><tbody><tr><td><a <span style="color: rgb(255, 0, 0);">onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/intechclan+logo.JPG"</span>><img style="cursor: pointer;" src="http://4.bp.blogspot.com/intechclan+logo.JPG" alt="" id="BLOGGER_PHOTO_ID_5165934739229656114" border="0" /></a><br /><div style="text-align: center;">Original Uploading<br />pictures</td></tr></tbody></table>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-77291655104775488702008-02-06T18:17:00.000-08:002008-02-06T02:10:57.307-08:00Scrollbars in yours widget box<div style="text-align: justify;">This tutorial shows you how to create widgets or boxes with scrollbars. Now that we know what the code does, we can apply it to our template. If we have many widgets in our sidebar, we can specify a fixed height for all the widgets. Carefully planned, our layout can look very neat since all the widgets will have the same height.<br /><br />Login and go to Template -> Edit HTML. Insert this piece of code. For easy reference, we have added it under the <span style="font-weight: bold; color: rgb(255, 0, 0);">/* Sidebar Content */</span>(see pictures):<br /></div><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxyETzcojZ8C939oaQYwDXMx5RAO38U26gnNKRmXFIrRQWQLSMPIH4_DydLMgHPvivffXuygZHj9DtBY1vbEMwehvSJ7uk-rnHRgUwMsi3iANrgftueg-qjPbTQRmrZNgSoAH29ndtNAd7/s1600-h/sidebar+contents%2Bbloggers%2Btips.bmp" target="_blank"><img style="cursor: pointer; width: 394px; height: 269px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxyETzcojZ8C939oaQYwDXMx5RAO38U26gnNKRmXFIrRQWQLSMPIH4_DydLMgHPvivffXuygZHj9DtBY1vbEMwehvSJ7uk-rnHRgUwMsi3iANrgftueg-qjPbTQRmrZNgSoAH29ndtNAd7/s400/sidebar+contents%2Bbloggers%2Btips.bmp" alt="" id="BLOGGER_PHOTO_ID_5163687137267637282" border="0" /></a><br /></div><br />The code is :<br /><br /><br /><table style="width: 139px; height: 82px;" border="1"><tbody><tr><td>.sidebar .widget{<br />height:200px;<br />overflow:auto;<br />}<br /></td></tr></tbody></table><br /><br /><div style="text-align: justify;">With this codes all your widget in sidebar should be setting in scrollbar.<br /><br /><span style="font-weight: bold;">Single widget code scrollbar.</span><br /><br />We can add the scrollbar only to one or several of the widgets. <span>If you want, choose specific widget to scroll, just follow this instructions.</span><br /><br />must first know the <span style="font-weight: bold; color: rgb(255, 0, 0);">ID</span> of the widget. When we are at Template -> Edit HTML, scroll towards the bottom of the template code. You will see something like this:-<br /></div><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrK7pp-dbn4yphyphenhyphenJHgR1Y1xlrg1b6lBqCgN50EX91FQlNhSo-Z8oE3rvUyyHoiAdedbYvp9v80lzAU5d-YuzkihI8mAuHiN19QzdyTDeOJrcblr3aAJDQ8CUWUIGGFusw5lFu7Z_ZBcJbH/s1600-h/widget+bloggers+tips+trick.JPG" target="_blank"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrK7pp-dbn4yphyphenhyphenJHgR1Y1xlrg1b6lBqCgN50EX91FQlNhSo-Z8oE3rvUyyHoiAdedbYvp9v80lzAU5d-YuzkihI8mAuHiN19QzdyTDeOJrcblr3aAJDQ8CUWUIGGFusw5lFu7Z_ZBcJbH/s400/widget+bloggers+tips+trick.JPG" alt="" id="BLOGGER_PHOTO_ID_5163690547471670322" border="0" /></a><br /></div><span><br /><br /></span><div style="text-align: justify;">Look at your template and identify the widget. Take note of the <span style="font-weight: bold; color: rgb(255, 0, 0);">widget ID</span> and change the highlighted red codes with yours new widget id including additional sign "<span style="font-weight: bold; color: rgb(255, 0, 0);">#</span>":<br /><br /><table border="1"><tbody><tr><td><span style="color: rgb(255, 0, 0);">.sidebar .widget</span>{<br />height:200px;<br />overflow:auto;<br />}</td></tr></tbody></table><br /></div><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">examples:</span><br /><br /><table style="width: 127px; height: 82px;" border="1"><tbody><tr><td><span style="color: rgb(255, 0, 0);">#LinkList1</span>{<br />height:200px;<br />overflow:auto;<br />}</td></tr></tbody></table><br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">Blog examples:<br /><br /></span><div style="text-align: center;"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8aVYMX3rRsZ5K1ms816OdAdhjW8hQRbvHbGaFoQSEUR81UUfFAbWHwwQe9VJNawjf5Js8IZAwHtQRHZrdLfuiloH0bng8DneBLDdkhLxoAqfK9UIuyFR7gw2yx3vV9_Y4okOxnTs3Z0M1/s400/widget+bloggers+tips+trick+anjunglarik.JPG" alt="" id="BLOGGER_PHOTO_ID_5163692978423159874" border="0" /><br /></div>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-87816016594076089882008-02-05T16:13:00.001-08:002008-02-05T16:45:27.224-08:00Clikckable Roller text or marqueeYou can make your roller texts clickable use this code:<br /><table style="width: 422px; height: 64px;" border="1"><tbody><tr><td><marquee> <a href="url_goes_here">Description</a> </marquee><br /></td></tr></tbody></table><br /><br /><marquee> <a href="http://intechclan.blogspot.com/">your intech blog</a> </marquee><br /><br />More marquee click link use this code:<br /><table style="width: 430px; height: 154px;" border="1"><tbody><tr><td><br /><marquee> <a href="http://intechclan.blogspot.com/">intech blog</a><a href="http://online-explorer.blogspot.com/">|money blog|</a><a href="http://y-mercedes.blogspot.com/">- mercedes blog</a> </marquee></td></tr></tbody></table><br /><br /><marquee> <a href="http://intechclan.blogspot.com/">intech blog</a><a href="http://online-explorer.blogspot.com/">|money blog|</a><a href="http://y-mercedes.blogspot.com/">- mercedes blog</a> </marquee><br /><br />You can make your roller texts click link open in new windows use this code:<br /><table style="width: 422px; height: 64px;" border="1"><tbody><tr><td><marquee> <a href="url_goes_here"target="_blank">Description</a> </marquee><br /></td></tr></tbody></table><br /><br /><marquee> <a href="http://forexclan.blogspot.com/" target="_blank">forex blog</a> </marquee>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-49874681294280951702007-11-17T15:34:00.000-08:002008-02-05T16:20:57.063-08:00Roller text or marquee text colourYou can change you roller text background use this codes (Change the colour in red):<br /><table style="width: 457px; height: 46px;" border="1"><tbody><tr><td><marquee direction="right" scrolldelay="50" width="70%" bgcolor="white"> Standard background </marquee></td></tr></tbody></table><br /><br /><marquee direction="right" scrolldelay="50" width="70%" bgcolor="a_colour"> Standard background </marquee><br /><marquee direction="right" scrolldelay="50" width="70%" bgcolor="red"> Red background </marquee><br /><marquee direction="right" scrolldelay="50" width="70%" bgcolor="Black"> Black background </marquee><br /><marquee direction="right" scrolldelay="50" width="70%" bgcolor="yellow"> Yellow background </marquee><br /><marquee direction="right" scrolldelay="50" width="70%" bgcolor="green"> Green Background </marquee><br /><br />But if your font colour not matching with your background your can't read anything from your roller text bar. So you must change your text colour use below codes:<br /><br /><table style="width: 486px; height: 46px;" border="1"><tbody><tr><td><font color="white"><marquee direction="right" scrolldelay="100" width="70%" bgcolor="red"> Red background White font </marquee></font></td></tr></tbody></table><br /><br /><span style="color:white;"><marquee direction="right" scrolldelay="100" width="70%" bgcolor="red"> Red background White font </marquee></span><br /><marquee direction="right" scrolldelay="50" width="70%" bgcolor="white"> Standard background </marquee><br /><span style="color:red;"><marquee direction="right" scrolldelay="100" width="70%" bgcolor="yellow"> Yellow background Red font </marquee></span><br /><span style="color:yellow;"><marquee direction="right" scrolldelay="100" width="70%" bgcolor="green"> Green Background Yellow font </marquee></span>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-87406790085582415832007-11-16T16:53:00.000-08:002008-02-05T17:24:19.358-08:00Used scrollbox in your widget template<div style="text-align: justify;">When the contents in the widget exceed a certain specified height or width, there will be a vertical or horizontal scrollbar to enable users to read the contents that overflow or exceed the box area. This scrolling element is especially useful for our Link List or Labels widget which may be very lengthy.<br /></div><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">Examples:</span><br /><br /><div style="overflow: auto; height: 140px; width: 140px;"> <p style="color: rgb(0, 0, 153);" class="MsoNormal"><span style="font-family:Arial;"><a href="http://intechclan.blogspot.com/" target="_blank"><span style="text-decoration: none;">In-tech Clan </span></a><o:p></o:p></span></p> <p style="color: rgb(0, 0, 153);" class="MsoNormal"><span style="font-family:Arial;"><a href="http://online-explorer.blogspot.com/" target="_blank"><span style="text-decoration: none;">Online Explorer </span></a><o:p></o:p></span></p> <p style="color: rgb(0, 0, 153);" class="MsoNormal"><span style="font-family:Arial;"><a href="http://forexclan.blogspot.com/" target="_blank"><span style="text-decoration: none;">Forex Clan</span></a><o:p></o:p></span></p> <p style="color: rgb(0, 0, 153);" class="MsoNormal"><span style="font-family:Arial;"><a href="http://anjunglarik.blogspot.com/" target="_self"><span style="text-decoration: none;">Anjunglarik</span></a><o:p></o:p></span></p> <p style="color: rgb(0, 0, 153);" class="MsoNormal"><span style="font-family:Arial;"><a href="http://anjungvideo.blogspot.com/" target="_blank"><span style="text-decoration: none;">Anjungvideo </span></a><o:p></o:p></span></p> <p style="color: rgb(0, 0, 153);" class="MsoNormal"><span style="font-family:Arial;"><a href="http://newsdedicated.blogspot.com/" target="_blank"><span style="text-decoration: none;">Dedicated Hosting</span></a><o:p></o:p></span></p> <p style="color: rgb(0, 0, 153);" class="MsoNormal"><span style="font-family:Arial;"><a href="http://y-mercedes.blogspot.com/" target="_blank"><span style="text-decoration: none;">Y-Mercedes</span></a><o:p></o:p></span></p> <p style="color: rgb(0, 0, 153);" class="MsoNormal"><span style="font-family:Arial;"><a href="http://naruto-da-blog.blogspot.com/" target="_blank"><span style="text-decoration: none;">Naruto on the blog</span></a><o:p></o:p></span></p> <p style="color: rgb(0, 0, 153);" class="MsoNormal"><span style="font-family:Arial;"><a href="http://y-magneticjewelryclasp.blogspot.com/" target="_blank"><span style="text-decoration: none;">Magnetic</span><span style="text-decoration: none;"> Jewelry Clasp<o:p></o:p></span></a></span></p> <p style="color: rgb(0, 0, 153);" class="MsoNormal"><span style="font-family:Arial;"><a href="http://visitmall.blogspot.com/" target="_blank"><span style="text-decoration: none;">My_De Collection's</span></a><o:p></o:p></span></p> <table style="width: 250px;" cellpadding="0" cellspacing="0"><tbody><tr><td><br /></td></tr></tbody></table></div><br /><br /><div style="text-align: justify;">Use the scroll box codes and change its height & width suitable value and paste at yours widget tabs in bloggers.<br /></div><br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">Codes :<br /><table style="width: 373px; height: 154px;" border="1"><tbody><tr><td><br /><div style="overflow:auto; height:<span style="color: rgb(255, 0, 0);">300</span>px; width:<span style="color: rgb(255, 0, 0);">400</span>px"><br /><table cellpadding="0" cellspacing="0" style="width:250px;"><br /><tr><br /><td>Put your stuff here</td><br /></tr><br /></table><br /></div><span style="font-weight: bold; color: rgb(255, 0, 0);"></span></td></tr></tbody></table></span><table border="0"><tbody><tr><td><br /></td></tr></tbody></table><span style="font-weight: bold; color: rgb(0, 0, 153);">Examples:</span><br /><br /><span style="font-weight: bold;">height:140px; width:140px</span><br /><br /><div style="overflow: auto; height: 140px; width: 140px;"><br /><table style="width: 250px;" cellpadding="0" cellspacing="0"><br /><tbody><tr><br /><td>link<br />link<br />link<br />link<br />link<br />link<br /></td><br /></tr><br /></tbody></table><br /></div><br /><br /><br /><span style="font-weight: bold;">height:40px; width:300px</span><br /><br /><div style="overflow: auto; height: 40px; width: 300px;"><table style="width: 300px;" cellpadding="0" cellspacing="0"><tbody><tr><td>link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link-link<br /></td></tr></tbody></table><br /></div><br /><br /><span style="font-weight: bold;">height:300px; width:50px</span><br /><br /><div style="overflow: auto; height: 300px; width: 50px;"><table style="width: 250px;" cellpadding="0" cellspacing="0"><tbody><tr><td>-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link<br />-link</td></tr></tbody></table><br /></div>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-76938850210044500912007-11-15T15:17:00.000-08:002008-02-05T16:22:36.514-08:00Roller text or marquee text widthYou can set a roller text or marquee text width:<br /><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">Standard width</span><br /><br /><table style="width: 424px; height: 42px;" border="1"><tbody><tr><td><span style="font-size:85%;"><br /><marquee direction="right"scrolldelay=50> Your Text Here </marquee></span></td></tr></tbody></table><br /><marquee direction="right" scrolldelay="50" width="100%"> Standard Width </marquee><br /><br /><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">Width =70%</span><br /><br /><table style="width: 418px; height: 60px;" border="1"><tbody><tr><td><br /><span style="font-size:85%;"><marquee direction="right"scrolldelay=50</span><span class="code" style="font-size:85%;"> <span style="color: rgb(255, 0, 0);">width=70%</span></span><span style="font-size:85%;">> 70% Width </marquee></span></td></tr></tbody></table><br /><marquee direction="right" scrolldelay="50" width="70%"> 70% Width </marquee><br /><br /><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">Width =50%</span><br /><br /><table style="width: 419px; height: 60px;" border="1"><tbody><tr><td><br /><span style="font-size:85%;"><marquee direction="right"scrolldelay=50</span><span class="code" style="font-size:85%;"> <span style="color: rgb(255, 0, 0);">width=50%</span></span><span style="font-size:85%;">> 50% Width </marquee></span></td></tr></tbody></table><br /><marquee direction="right" scrolldelay="50" width="50%"> 50% Width </marquee><br /><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">Width =30%</span><br /><br /><table style="width: 420px; height: 44px;" border="1"><tbody><tr><td><br /><span style="font-size:85%;"><marquee direction="right"scrolldelay=50</span><span class="code" style="font-size:85%;"> <span style="color: rgb(255, 0, 0);">width=30%</span></span><span style="font-size:85%;">> 30% Width </marquee></span></td></tr></tbody></table><br /><marquee direction="right" scrolldelay="50" width="30%"> 30% Width </marquee>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-28164177213515029622007-11-13T16:48:00.001-08:002008-02-05T16:21:31.960-08:00Roller text or marquee text time delayIf you wan set the roller or marquee text delay time just fill in the value in red:<br /><br /><table border="0"><tbody><tr><td><br /><marquee direction="right"scrolldelay=xxx> Your Text Here </marquee></td></tr></tbody></table><br /><br /><br /><marquee direction="right" scrolldelay="100"> "marque text with scrolldelay "100" </marquee><br /><br /><marquee direction="right" scrolldelay="200"> "marque text with scrolldelay "200" </marquee><br /><br /><marquee direction="right" scrolldelay="500"> "marque text with scrolldelay "500" </marquee><br /><br /><br /><marquee direction="right" scrolldelay="1000"> "marque text withscrolldelay "1000" </marquee>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-30041546762533448962007-11-12T15:46:00.005-08:002008-02-05T16:21:51.364-08:00Roller text or marquee textThis is basic code for rolling text or marquee text:<br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">Code</span><table border="1"><tbody><tr><td><br /><marquee> Your Text Here </marquee></td></tr></tbody></table><br /><marquee> Your Text Here </marquee><br /><br /><br />You can change marquee directions :<br /><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">Right</span><br /><br /><table border="1"><tbody><tr><td><br /><marquee direction="<span style="font-weight: bold; color: rgb(255, 0, 0);">right</span>"> Your Text Now Right </marquee></td></tr></tbody></table><br /><marquee direction="right"> Your Text Now Right </marquee><br /><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">Left</span><br /><br /><table border="1"><tbody><tr><td><br /><marquee direction="<span style="font-weight: bold; color: rgb(255, 0, 0);">left</span>"> Your Text Now Left </marquee></td></tr></tbody></table><br /><marquee direction="left"> Your Text Now Left </marquee><br /><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">Up</span><br /><br /><table border="1"><tbody><tr><td><br /><marquee direction="<span style="font-weight: bold; color: rgb(255, 0, 0);">Up</span>"> Your Text Now Up </marquee></td></tr></tbody></table><br /><br /><marquee direction="up"> Your Text Now Up </marquee><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">Down</span><br /><br /><table border="1"><tbody><tr><td><br /><marquee direction="<span style="font-weight: bold; color: rgb(255, 0, 0);">down</span>"> Your Text Now down </marquee></td></tr></tbody></table><br /><marquee direction="down"> Your Text Now down </marquee><br /><br /><marquee behavior="alternate"> Your Text Here </marquee><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">alternate</span><br /><br /><table border="1"><tbody><tr><td><br /><marquee behavior=<span style="font-weight: bold; color: rgb(255, 0, 0);">alternate</span>> Your Text Now alternate</marquee></td></tr></tbody></table><br /><marquee behavior="alternate"> Your Text Now Alternate </marquee>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-76296497971144085992007-11-12T15:46:00.003-08:002008-02-11T22:38:57.798-08:00Add this Social Booking icon at the footerHow to add "add this" Social Booking icon at the every footer post?<br /><br />To add the AddThis icon to the bottom of posts, get into your template editor, tick the "Expand widget template", then look for this line of code:<br /><br /><table border="1"><tbody><tr><td><p class='post-footer-line post-footer-line-3'/></td></tr></tbody></table><br />Paste directly <a href="http://www.addthis.com/" target="_blank">"Add this Social Booking icon"</a> codes, below the above codes. (see below):<br /><br /><table style="width: 435px; height: 380px;" border="1"><tbody><tr><td><span style="font-size:85%;"><p class='post-footer-line post-footer-line-3'/><br /><br /></span><span style="color: rgb(255, 0, 0);font-size:85%;" ><!-- AddThis Bookmark Post Button BEGIN --></span><span style="font-size:85%;"><br /><br /></span><span style="color: rgb(255, 0, 0);font-size:85%;" ><div><a expr:href='"http://www.addthis.com/bookmark.php?pub=dekerinchi&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bookmark using any bookmark manager!'><img alt='AddThis Social Bookmark Button' height='16' src='http://s9.addthis.com/button1-bm.gif' style='border: 0px; padding: 0px' width='125'/></a></div></span><span style="font-size:85%;"><br /><br /></span><span style="color: rgb(255, 0, 0);font-size:85%;" ><!-- AddThis Bookmark Post Button END --></span><span style="font-size:85%;"><br /><br /></b:includable><br /><b:includable id='commentDeleteIcon' var='comment'><br /><span expr:class='"item-control " + data:comment.adminClass'><br /><a expr:href='data:comment.deleteUrl' title='Delete Comment'><br /> <span class='delete-comment-icon'> </span><br /></a><br /></span><br /></b:includable></span></td></tr></tbody></table>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-33798243341412864032007-11-12T15:46:00.001-08:002008-02-05T14:18:30.579-08:00How to resize your yourtube video?If your wan't to resize your youtube video just follow this instruction.<br /><br />This is original youtube video size embended code(width="425" height="355"):<br /><br /><div style="overflow: auto; height: 150px; width: 400px;"><table style="width: 633px; height: 94px;" cellpadding="0" cellspacing="0"><tbody><tr><td><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/3jCQo7oGVB0&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/3jCQo7oGVB0&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></td></tr></tbody></table><br /></div><br /><br />Its look light this :<br /><br /><object height="355" width="425"><param name="movie" value="http://www.youtube.com/v/3jCQo7oGVB0&rel=1"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/3jCQo7oGVB0&rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"></embed></object><br /><br />If you wan't to resize your embended youtube video, just change the highlihted value:<br /><br /><div style="overflow: auto; height: 150px; width: 400px;"><table style="width: 633px; height: 94px;" cellpadding="0" cellspacing="0"><tbody><tr><td><object width="<span style="font-weight: bold; color: rgb(255, 0, 0);">425</span>" height="<span style="font-weight: bold; color: rgb(255, 0, 0);">355</span>"><param name="movie" value="http://www.youtube.com/v/3jCQo7oGVB0&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/3jCQo7oGVB0&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="<span style="font-weight: bold; color: rgb(255, 0, 0);">425</span>" height="<span style="font-weight: bold; color: rgb(255, 0, 0);">355</span>"></embed></object></td></tr></tbody></table><br /></div><br /><br />Examples :<br /><br />youtube video size embended code(width="255" height="255")<br /><br /><object height="255" width="255"><param name="movie" value="http://www.youtube.com/v/3jCQo7oGVB0&rel=1"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/3jCQo7oGVB0&rel=1" type="application/x-shockwave-flash" wmode="transparent" height="255" width="255"></embed></object><br /><br />youtube video size embended code(width="100" height="100")<br /><br /><object height="100" width="100"><param name="movie" value="http://www.youtube.com/v/3jCQo7oGVB0&rel=1"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/3jCQo7oGVB0&rel=1" type="application/x-shockwave-flash" wmode="transparent" height="100" width="100"></embed></object>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-76900873969457005952007-10-01T21:42:00.002-07:002008-02-11T22:38:15.164-08:00Social Book Marking Widgets<div style="text-align: justify;">Social bookmarking is a method for Internet users to store, organize, search, and manage bookmarks of web pages. In a social bookmarking system, users save links to web pages that they want to remember and/or share. These bookmarks are usually public, and can be saved privately, shared only with specified people or groups, shared only inside certain networks, or another combination of public and private domains. The allowed people can usually view these bookmarks chronologically, by category or tags, or via a search engine.<br /><br />Found this site that offer an easy way for you to add those social bookmarking icons for a blog or a website. There are now so many social bookmarking sites, and adding as many icons as possible can make your blog or website look cluttered.<br /><br />Now with <a href="http://www.addthis.com/" target="_blank">AddThis</a>, you can get just a single icon to put on your blog or website, and a visitor clicking on the single icon will get to a page where he can choose whatever social bookmarking service or services he is subscribing to.<br /><br />The icon include many social bookmarking services. When clicked on, it will open up a pop-up:<br /></div><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhac9V9gIynYlr_GZs_gk3-ZZBJy5zhFNYiAOEktUKWeuu9c8uTv4itsnvbg_pPRvbFnSy-LGhiDdmAn6ipQjfVRcP2nx2sinIv-dmjlkNdDtroEuajltJHz0iLh7Nt7QXJgtHIYytsmCmD/s1600-h/social+book+marking.JPG" target="_blank"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhac9V9gIynYlr_GZs_gk3-ZZBJy5zhFNYiAOEktUKWeuu9c8uTv4itsnvbg_pPRvbFnSy-LGhiDdmAn6ipQjfVRcP2nx2sinIv-dmjlkNdDtroEuajltJHz0iLh7Nt7QXJgtHIYytsmCmD/s400/social+book+marking.JPG" alt="" id="BLOGGER_PHOTO_ID_5165969897831941282" border="0" /></a><br /></div><br /><div style="text-align: center;">(click to enlarge)<br /><br /><div style="text-align: left;"><div style="text-align: justify;"><span class="style68">Simply copy-and-paste the code into your pages, between the <body> and the </span><span class="style68"></body> </span><span class="style68">tags. If your website uses templates, you can also copy the code into your template, so the button will appear on all your pages automatically.</span><br /></div><span class="style68"><br /><br /></span><span class="style68"><center><table style="width: 395px; height: 250px;" border="1"><tbody align="center"><tr><td><span class="style68"><a href="http://www.addthis.com/bookmark.php" onclick="addthis_url = location.href; addthis_title = document.title; return addthis_click(this);" target="_blank"><img src="http://s9.addthis.com/button1-bm.gif" alt="AddThis Social Bookmark Button" border="0" height="16" width="125" /></a></span></td></tr></tbody><tbody><tr><td><br /><span style="font-size:85%;"><!-- AddThis Bookmark Button BEGIN --><br /><a href="http://www.addthis.com/bookmark.php" onclick="addthis_url = location.href; addthis_title = document.title; return addthis_click(this);" target="_blank"><img src="http://s9.addthis.com/button1-bm.gif" width="125" height="16" border="0" alt="AddThis Social Bookmark Button" /></a> <script type="text/javascript">var addthis_pub = 'dekerinchi';</script><script type="text/javascript" src="http://s9.addthis.com/js/widget.php?v=10"></script><br /><!-- AddThis Bookmark Button END --></span><br /><br /></td></tr></tbody></table></center><br /></span><br /><div style="text-align: justify;"><span style="font-size:130%;"><span style="font-weight: bold;color:red;" >Note: The codes here are for illustration purposes only. You should get the codes direct from your own account in AddThis as otherwise, you will not be able to see the statistics as it will enter my account instead.</span></span><span class="style68"><br /></span></div></div></div>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-15395728885025804182007-10-01T21:42:00.001-07:002008-02-05T06:01:53.255-08:00How To Autoplay YouTube Video?<span class="postbody">All you have to do is get rid of everything before the first "embed" and after the second "embed" til it looks like this below.<br /><br /><div style="overflow: auto; height: 150px; width: 400px;"><table style="width: 633px; height: 94px;" cellpadding="0" cellspacing="0"><tbody><tr><td><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/3jCQo7oGVB0&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/3jCQo7oGVB0&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></td></tr></tbody></table><br /></div><br /><br />After that you add to the url this code :<br /><br /></span><table style="width: 130px; height: 36px;" border="1"><tbody><tr><td><span class="postbody"><span style="font-weight: bold; color: rgb(255, 0, 0);">;autoplay=1</span></span></td></tr></tbody></table><br /><span class="postbody"><br />See examples below (higlight with red colour):<br /><br /><div style="overflow: auto; height: 150px; width: 400px;"><table style="width: 250px;" cellpadding="0" cellspacing="0"><tbody><tr><td><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/3jCQo7oGVB0&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/3jCQo7oGVB0&rel=1<span style="color: rgb(255, 0, 0); font-weight: bold;">;autoplay=1</span>" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></td></tr></tbody></table><br /></div></span>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-17318499681898245192007-09-20T19:03:00.001-07:002008-02-05T00:41:42.472-08:00Why more space above my tables?When you uses HTML to construct a table in a blogers , you often finds that there are large white spaces above the table, like a below:<br /><br /><br /><table border="1"><br /><tbody><tr><br /><td>row 1, cell 1</td><br /><td>row 1, cell 2</td><br /></tr><br /><tr><br /><td>row 2, cell 1</td><br /><td>row 2, cell 2</td><br /></tr><br /></tbody></table><br /><br /><div style="text-align: justify;">See how far that table from the existing posting.How to avoid large white space above tables when you make a posting? Follow this guides lines: you just write the HTML code for the table in one single line, without pressing the ENTER key.<br /><br /><br />The exisiting codes is like this :<br /><br /><table border="1"><br /><tbody><br /><tr><br /><td>row 1, column 1</td><br /><td>row 1, column 2</td><br /></tr><br /><tr><br /><td>row 2, column 1</td><br /><td>row 2, column 2</td><br /></tr><br /></tbody><br /></table><br /><span style="font-size:100%;"><br />Changes the HTML look like this (Typing the HTML for the table in a single line, without line breaks(Typing the HTML for the table in a single line, without line breaks):</span><br /><br /><table border="1"><tbody><tr><td>row 1, column 1</td><td>row 1, column 2</td></tr><tr><td>row 2, column 1</td><td>row 2, column 2</td></tr></tbody></table><br /><br />Now you see my table just to closed with my posting......<br /><pre><table border="1"><tbody><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><br /><tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr></tbody></table></pre></div>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-25891163553090358652007-08-28T23:47:00.000-07:002008-02-04T21:02:42.875-08:00Linklist open in new windows<div style="text-align: justify;">Notes : Whenever you make changes to the template, backup the current template PLUS the Page Elements first. Refer to Backup and edit New Blogger template or Backing up and changing New Blogger template. Remember also to edit your Page Elements one by one and save them into preferably the same folder as the one where you save the backup template. Some Page Elements may be deleted or become empty Page Elements if you reload the backup template.<br /><br /><br />Here is how you can make links open in new windows:<br /><br /></div>1) Sign into Dashboard<br /><br />2) Click LAYOUT / EDIT TEMPLATE<br /><br />3) Check EXPAND WIDGET TEMPLATES box. You will need to look for a block of code.<br /><br />4) After the template has been expanded, look for this block of codes:<br /><br /><ul><br /><div id="link"><br /><b:loop values="data:links" var="link"><br /><li><br /><<span style="font-weight: bold; color: rgb(0, 0, 153);">a href="data:link.target"</span>><br /><data:link.name></data:link.name></a></li><br /></b:loop><br /></div><br /></ul><br /><br /><br />5) Look particularly for this code:<br /><br /><a href="data:link.target"><br /><br /><br />6) Add it with :<br /><br /><a href=<span style="color: rgb(0, 0, 153);">"<span style="font-weight: bold;">data:link.target"</span></span> <span style="font-weight: bold; color: rgb(255, 0, 0);">target="_blank</span>"><br /><br />(notes: make sure have <span style="font-weight: bold;">one spacing</span> before your type <span style="font-weight: bold;">target="_blank"</span>)<br /><br />7) Then click safe, now your link list open in new windows...good luck.de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0tag:blogger.com,1999:blog-4565724673889619922.post-49393117403184659902007-08-28T22:12:00.001-07:002008-02-05T00:48:31.194-08:00How to make a more border ?<div style="text-align: justify;">How to make a single border ? Tables are defined with the <table> tag. A table is divided into rows (with the <tbody> <tr> tag), and each row is divided into data cells (with the <td> tag). The letters td stands for "table data," which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.<br /></div><br /><br /><span style="font-weight: bold;">Single border codes</span><br /><br /><table border="1"><tbody><tr><td><table border="1"><br /><tbody><br /><tr><br /><td>Single border</td><br /></tr><br /></tbody><br /></table></td></tr></tbody></table><br /><br /><span style="font-weight: bold;">Two row in border : Just copy this codes:<br /><br /></span><table border="1"><tbody><tr><td><br /><tbody><br /><tr><br /><td>Single border</td><br /></tr><br /></tbody></td></tr></tbody></table><br />and paste after first row </tbody> codes ( see the red one):<table border="1"><br /><tbody><tr><td><br /><table border="1"><br /><tbody><br /><tr><br /><td>First row</td><br /></tr><br /></tbody><br /><span style="color: rgb(255, 0, 0);"><tbody><tr></span><br /><span style="color: rgb(255, 0, 0);"><td>Second row</td></span><br /><span style="color: rgb(255, 0, 0);"></tr></span><br /><span style="color: rgb(255, 0, 0);"></tbody></span></table></td><br /></tr></tbody></table><br />You tables now, should be look like this:<br /><br /><table border="1"><tbody><tr><td>First row</td></tr></tbody><tbody><tr><td>Second row</td></tr></tbody></table><br /><br />How about, to build a second column? just copy this codes:<br /><br /><table border="1"><tbody><tr><td><td>First column</td></td></tr></tbody></table><br />and paste after first column </td> codes ( see the red one):<br /><br /><table border="1"><tbody><tr><td><table border="1"><br /><tbody><br /><tr><br /><td>first column</td><br /><span style="color: rgb(255, 0, 0);"><td>second column</td></span><br /></tr><br /></tbody><br /></table><br /></td></tr></tbody></table><br /><br />You tables now, should be look like this:<br /><br /><br /><table border="1"><tbody><tr><td>First column</td><td>Second column</td></tr></tbody></table><br /><br />If your combined, this two codes ( row and column codes)you tables now, should be look like this:<br /><br /><table border="1"><tbody><tr><td>row 1, column 1</td><td>row 1, column 2</td></tr><tr><td>row 2, column 1</td><td>row 2, column 2</td></tr></tbody></table>de_kerinchihttp://www.blogger.com/profile/05923031074364969924noreply@blogger.com0