tag:blogger.com,1999:blog-3393490950270247292024-03-05T05:52:32.655-08:00Rini's Design BlogRinihttp://www.blogger.com/profile/13327043660696298347noreply@blogger.comBlogger8125tag:blogger.com,1999:blog-339349095027024729.post-13681912868998184652008-08-19T20:21:00.000-07:002008-08-19T22:49:20.226-07:00Create 'Read More' Link on ArticleExample:<br /><div class="kode">The header is the first element that most visitor see on you blog. Yes, it's the most important thing. The header makes your blog be different for another. That's why you have to get more attentioan on your blog header.<br /><a href="#">Read More...</a></div><br />There 3 steps to create that 'Read More' link.<br /><br /><h2>Step 1, update your template:</h2><br />1. You must <b>login</b> on Blogger.<br />2. Click on <b>Layout</b>.<br />3. After that, click on <b>Edit HTML</b>.<br />4. Find 'Expand Widget Template' checkbox, then <b>check</b> it.<br />5. Find this code on HTML code:<br /><br /><div class="kode"><p><data:post.body/></p></div><br />6. Delete that code, change with this one:<br /><br /><div class="kode"><b:if cond='data:blog.pageType == "item"'><br /> <style>.fullpost{display:inline;}</style><br /> <p><data:post.body/></p><br /> <b:else/><br /> <style>.fullpost{display:none;}</style><br /> <p><data:post.body/></p><br /> <a expr:href='data:post.url'>Read More......</a><br /> </b:if></div><br />7. <b>Save</b> our works.<br /><br /><h2>Step 2, create your template post:</h2> <br />1. Click on <b>Setting > Formatting</b>.<br />2. Find 'Post Template' form, fill the form with this code:<br /><br /><div class="kode"><span class="fullpost"><br /> </span></div><br />3. Save.<br /><br /><h2>Step 3, create your new post:</h2> <br />1. Create new post.<br />2. Between 2 tabs, 'Compose' and 'Edit HTML', choose <b>Edit HTML</b>. You can see code of post template. <br />3. Put your main article before <em>'<span class="fullpost">'</em> and rest your article after that. Close the article with this code <em>'</span>'</em><br /><br />Now, the example code:<br /><div class="kode">The header is the first element that most visitor see on you blog. Yes, it's the most important thing. The header makes your blog be different for another. That's why you have to get more attentioan on your blog header.<br /><b><span class="fullpost"></b>Even you using a free public template. If you choose using a free public template, you still have to modify your current header. Give some touch to look different form the original. That's makes your blog can be different.<b></span></b></div><br />-- D O N E --Rinihttp://www.blogger.com/profile/13327043660696298347noreply@blogger.com8tag:blogger.com,1999:blog-339349095027024729.post-43993988593157682242008-08-14T08:08:00.000-07:002008-12-11T00:03:41.116-08:00Blogger Update<div style="padding: 0pt 5px; float: left; width: 350px;">Blogger release new interface, named <span style="font-weight: bold;">Google Gadgets</span>.<br /><br />What it is?<br />More like widget. The diffrent is Google Gadget allows <span id="yqq09" style="font-size:medium;"><span id="yqq010" style="font-size:small;">for the</span></span> integration of iGoogle Gadgets directly into your sidebar. Also built into Gadgets is blogger Gadget Directory, which lets you browse through thousands of cool gadgets and add them to your blog with a simple click of a button.<br /><br />Gadgets have built-in configuration for easy integration into your layout. All gadgets are automatically sized to match the width of your sidebar, and their height in pixels can be adjusted using the Gadget's built-in options.<br /></div><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwJmKQGQTTekCbBssL7dpBKptmfpi0CUjqPEKXNnEclGfPJmXjxAMeebY-Ve41Z-JVJavJoTFiEXF4m2o_u4T4-XclUoN-5LOs1DNeuH0BqfkP5S7xSeSncxcIT9GlDr4hqJTcEjyxp3Q/s320-r/gadgetpost.jpg" style="border: 1px solid rgb(204, 204, 204);" /><br /><div class="clear"></div>Cool, isn't it?<br /><br /><a name="cara">How to use it?</a><br />Simple. The different is, blogger change the link with 'Add a Gedget' at layout page. After click that link, a new window will come out. Now you see thousand gadgets, ready to use. List by the category.<br /><br />The gadget you pick, click the '+' button. <br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmsb-9cbJpEoD0rYF4wom7iKb7QcsUvM3L_f8tzPTNTY0PohRQ85dM_TG3rJi0ewIuOuBS4RXWjtJJ5IsaunGFEPK5Vp5fUL_z_0rq9USOeSMJJzeB92Gh3BZ3CQ04QbZHu8RkO9OsZ4E/s400/gadget-add.gif" alt="" id="BLOGGER_PHOTO_ID_5234311986750986354" border="0" /><br />If you try to searching some gadget. You can use the searching form.<br /><img style="margin: 0px auto 10px; display: block; text-align: center;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhIYlHrAWbAqcAmMtvehQ6CSoNCjZeoNwdsnpvjaJJwlrKh4wydMHHqHchrukvQUbpUU77RVvp-fBbeXmQPgCYq5I2QxHhNVaA_qk09BKjZMLHo8_S_k_iUNCT0_7-SmAsrazyMhiMY5Q/s400/gadget-2.gif" alt="" id="BLOGGER_PHOTO_ID_5234312662751311442" border="0" /><br /><em>-- Itching to get started? --</em>Rinihttp://www.blogger.com/profile/13327043660696298347noreply@blogger.com3tag:blogger.com,1999:blog-339349095027024729.post-3167649008921536982008-08-08T00:58:00.000-07:002008-08-08T01:02:39.179-07:00About CSSIn web development, Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.<br /><br />CSS is used by both the authors and readers of web pages to define colors, fonts, layout, and other aspects of document presentation. It is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentational characteristics, and reduce complexity and repetition in the structural content. CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.<br /><br />The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998).Rinihttp://www.blogger.com/profile/13327043660696298347noreply@blogger.com2tag:blogger.com,1999:blog-339349095027024729.post-74557117690314053492008-07-26T20:38:00.000-07:002008-12-11T00:03:42.917-08:00Blog ElementsBlog Elements When creating a blog template I found there are few elements<br /><p>I always used. One blog always have 5 elements:</p><ol><li><a href="http://rini-talk.blogspot.com/2008/07/blog-elements-when-creating-blog.html#header">Header</a></li> <li><a href="http://rini-talk.blogspot.com/2008/07/blog-elements-when-creating-blog.html#content">Content Area<br /></a></li> <li><a href="http://rini-talk.blogspot.com/2008/07/blog-elements-when-creating-blog.html#isidebar">Sidebar</a></li> <li><a href="http://rini-talk.blogspot.com/2008/07/blog-elements-when-creating-blog.html#komen">Comment</a></li> <li><a href="http://rini-talk.blogspot.com/2008/07/blog-elements-when-creating-blog.html#ifooter">Footer</a></li></ol><br />I will describe all, one by one.<br /><br /><span style="font-size:130%;"><br />1. Header</span><br /><a name="header"></a><br /><a href="#"><img style="margin: 0px auto 10px; display: block;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiKKW6ep9xgxlAMJyfV4TKz4xgy8MPzwKvHflzMHt8u44l9E8xaWb89WOgBwt2F0_KQhBHHebkPsWd_LdAGNdE5fXGrtn9j8SJRy7qRkllx375pSTqjmUj1qVPCcqvXuBJ8RoRqKCVOemU/s400/header.jpg" alt="" id="BLOGGER_PHOTO_ID_5227586544954185010" border="0" /></a><br />The header is the first element that most visitor see on you blog. Yes, it's the most important thing. The header makes your blog be different for another. That's why you have to get more attentioan on your blog header. Even you using a free public template. If you choose using a free public template, you still have to modify your current header. Give some touch to look different form the original. That's makes your blog can be different. Pelase remember that is important thing if you can make your blog header memorable and eye catching.<br /><p style="font-weight: bold;">Tips:</p><ul><li>Put your blog title with a bigger font.</li> <li>Put your tagline, message with a normal font or a little bigger than normal<br />font.</li> <li>Be more creative, example using a nice image with a nice color.</li><br /></ul><span style="font-size:130%;">2. Content Area</span><a name="content"></a><br /><br /><a href="#"><img style="margin: 0px auto 10px; display: block;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhII6l61PPaOExVXKQkCRpmxftHv5qCEP-FMmXtYpQIAblCpUIhLQYkTpIgHVttZ2lZmw1fr9xv2B69T23jSyolDF4z0lIjQYY08uC18w_TNeh78ZK-DOqStVtqoBaZ97AIBOqVpy860maF/s400/content-area.gif" alt="" id="BLOGGER_PHOTO_ID_5227586548792007938" border="0" /></a><br />This the element where you put your article.It's means, this element is the visitor most spend their time on your blog. They will be read all of your article if they feel comfortable on your blog.<br /><p style="font-weight: bold;">Tips:</p><ul><li>Build a hierarchy that establishes a flow. Title and content must be in<br />a different style. You can using a different color, size, weight, background<br />color, etc. A title must have a link!</li> <li>Keep your content clean and consistent, more easier to read your article.</li> <li>When your styling links, make sure that they pop out enough to call attention<br />to it, but not so much that it is distracting when reading.</li><br /></ul><span style="font-size:130%;">3. Sidebar</span><a name="isidebar"></a><br /><a href="#"><img style="margin: 0px auto 10px; display: block;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv7YfEWoZWyLhRKrR_kUSITp0jmQbFvvOAVfIkBYaog79WuTObUiVUyJYt3Fes413Uf6HaEaS8_TQoQS9tYBEqO7hhsPDjqOkqPT3EnCiz6jyXTYMiFOH859HQPHdMNy6hMwz1rawaE-54/s400/sidebar.gif" alt="" id="BLOGGER_PHOTO_ID_5227586551760762034" border="0" /></a><br />This elements is the section where you can put article archieve, blogroll, links, advertising, everything that you wanna put on it. Some weblog service has widget to manage this elements. More easier using widget.<br /><br /><span style="font-weight: bold;">Tips:</span><br /><ul><li>Do not use any unnecessary widget that doesn't really help the reader find what they are looking for.</li><li>Organized sidebar with title.<br /></li><li>Keep your sidebar clear space.</li></ul><span style="font-size:130%;"><br />4. Comment</span><a name="komen"></a><br /><br /><a href="#"><img style="margin: 0px auto 10px; display: block;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Y5PYam6L2l5H5IYqMVSyrAWzFD5nBr6yyrwLivyUOTK7qN94EU8CEljnANWcHKl6dPsNqo0WgBWxen-bapRqkdnva_9A8HrlwIhTRc3tUdQMSZRoRJAQRmIP4cLhhogM2EhKeh90siCx/s400/komen.gif" alt="" id="BLOGGER_PHOTO_ID_5227633844494002930" border="0" /></a><br />Comment are where you can get feedback from visitor, communication with the visitor.<br /><br /><span style="font-weight: bold;">Tips:</span><br /><ul><li>Design your comment element different from other element, especially content are.</li><li>Make it easy for a reader to see that each comment is separate from each other.</li><li>Design the author comment with different but still looks like part of comment. Example, using a different color.</li><li>Design miscellaneous information like name, date, and number different from the content comment.</li></ul><span style="font-size:130%;"><br />5. Footer</span><a name="ifooter"></a><br /><a href="#"><img style="margin: 0px auto 10px; display: block;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI_3nTdsvhCreYKrm9fdahQEAuLjamIjsUMG6ze7cRwOvMtrH38aV0wMJX59HZ5O1OS2s4ZNIOzNsJE4XKUhnbPcyjm3bBgfIBegCMxoHY4yBv5NTlOEXBLqxHSmh_xaI3Vr9ed035xwDK/s400/footer.gif" alt="" id="BLOGGER_PHOTO_ID_5227637921948115682" border="0" /></a><br />Some peoples don't want to use this elements. They just just stick a copyright on the bottom with some basic links. But, you can more creative on this element. For example, this blog:<br /><br /><a href="#"><img style="margin: 0px auto 10px; display: block;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL3D86oDdXPkTszNUsgB8nAwyC7laOPTYEkNzi08-2cpIwPkedDNQv8y_kalRai7-X7Ps5mcR8M_kpoKhHkDSrEnVH8nDQ0cXh_HfN_O0yCI-kBOhCxcbeYixIs4bZsbs3aacNL2ZT9zhu/s400/footer-2.gif" alt="" id="BLOGGER_PHOTO_ID_5227640477826057794" border="0" /></a><br />By adding some links and some widget, you can control your sidebar, not overflowing.<br /><br /><span style="font-weight: bold;">Tips:</span><br /><ul><li>Design the footer so that is contrasts with your regular content. </li><li>Keep it simple, so visitor can read.</li></ul><br/>Rinihttp://www.blogger.com/profile/13327043660696298347noreply@blogger.com3tag:blogger.com,1999:blog-339349095027024729.post-61135782925893153242008-07-24T00:44:00.000-07:002008-07-24T01:02:52.512-07:00How Addicted to Blogging Are You?<img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://www.oneplusyou.com/bb/img/index/blog_addiction.jpg" alt="" border="0" />"Are you one of those people that tries to convince everyone around you to read your blog? Do you dream of RSS? I highly suggest you take this quiz, it could save your life."<br /><br />I found funny quizz about blog. You can believe on this quizz, you can not.<br /><br /><a href="http://www.oneplusyou.com/bb/blog_addiction" target="_blank">Take the Blog Addiction Quiz Now</a><br /><br /><span style="font-weight:bold;">My result:</span><br /><br /><a style="background: transparent url(http://www.oneplusyou.com/q/img/bb_badges/blog_addiction.jpg) no-repeat scroll 0% 50%; color: rgb(214, 75, 50); text-decoration: none; display: block; width: 286px; height: 128px; padding-top: 50px; padding-left: 17px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: Times New Roman,sans-serif; font-size: 30px;">48%<span style="display: none;">How Addicted to Blogging Are You?</span></a><br />Hmmm, not bad. How bout you?<br /><br/>Rinihttp://www.blogger.com/profile/13327043660696298347noreply@blogger.com4tag:blogger.com,1999:blog-339349095027024729.post-15481101809321560822008-07-21T23:50:00.000-07:002008-12-11T00:03:43.010-08:00Image HostingFor blogger who wants to use original photo, picture, and image must have hosting to upload them on internet. We can use some public free image hosting. I recommend 2 image hostings that I usually used.<br /><br />1. <a href="http://imageshack.us/" target="_blank">ImageShack</a><br /><a href="http://imageshack.us/" target="_blank"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://imageshack.us/img/imageshackbanner.gif" alt="" border="0" /></a> ImageShack have to services for user, one for member other for non member. Register with ImageShack to receive personalized service:<br /><ul><li>Keep track of all the images and photoblogs you ever upload.</li><li>Get image code faster </li><li>Have the ability to delete and undelete your images! </li><li>Upload batch multiple images, with the ability to resize them upon upload. </li><li>Registration is absolutely free! </li></ul>If you don't want register, you still can use upload your image for free. Upload your image in simple way. You can create thumbnail image, resize image.<br /><br />ImageShack allowed: jpg, jpeg, png, gif, bmp, tif, tiff, swf < 1.53 megabytes. If you want upload more than 1.53 MB, you have to upgrade for $8/month.<br /><br />2. <a href="http://photobucket.com/" target="_blank">Photobucket<br /></a><br /><a href="http://photobucket.com/" target="_blank"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgire71jD-HxMKDtxJkvnJeao-7qgx7t8bagofLY-7SU0doSnIZHXT2DFLDwBe3-Mzh1C-dUHGNFG01PTxBEz6omfr3V-OglTgryrw33gavK5V3FISWPMW_PDIkC5DELIxS5uBX-Ku02HSv/s320/photobucket.gif" alt="" id="BLOGGER_PHOTO_ID_5225738104217974066" border="0" /></a>Photobucket offers free tools for making slideshows of photos, videos with music. You can share your photos and videos with friends by email, IM and mobile phone. Plus, you browse through Photobucket's huge online library of photos and videos to find the latest and best photos, images and videos. Finally, Photobucket's online store lets you print pictures, as well as add them to shirts, hoodies, mugs, calendars, stickers, wall posters and more.Rinihttp://www.blogger.com/profile/13327043660696298347noreply@blogger.com5tag:blogger.com,1999:blog-339349095027024729.post-75290250837901934972008-07-18T13:14:00.000-07:002008-07-20T21:31:56.622-07:00Internet EvolutionYear by year, people around the world use the Internet. Now, more than 1.1 billion people use the Internet. I wonder, what people do on internet? What they expectations on internet?<br /><br /><blockquote>It's becoming obvious that the Internet isn't just a new and better method of business communications (a cheaper, fancier telephone for the 21st Century, as it were). Beyond presenting huge opportunities for companies to invent new businesses and improve the ways they run their old businesses, there is a growing consensus – both inside and outside the industry – that the Net has a much wider and more important role to play in improving the quality of life for the world's population.</blockquote><br />How we can get the information about the benefits of internet?<br /><br />I found a good web site report the most issues relating to the future of the internet, <a href="http://www.internetevolution.com/" target="_blank">Internet Evolution</a>. Techweb's site focused on the future of the Internet. So, we can't miss everything about internet.<br /><br />Let's we check!!<br /><br /><a href="http://www.internetevolution.com/" target="_blank"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://img.lightreading.com/internetevolution/intevol_logo_top.gif" alt="" border="0" /></a>Rinihttp://www.blogger.com/profile/13327043660696298347noreply@blogger.com5tag:blogger.com,1999:blog-339349095027024729.post-66959585672369554792008-07-17T00:02:00.000-07:002008-07-20T21:34:55.727-07:00Name<a href="http://flickr.com/photos/girlhula/66067367/" target="_blank"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="http://farm1.static.flickr.com/25/66067367_7f0663a94c.jpg" alt="" border="0" /></a><br />For the first time, I would like talk about name. Why? Because everything must have a name. And my name is Rini Aisyah. ^_^<br /><br />Let's find what is a 'Name'?<br /><br />I checked Oxford Advanced Learner's Dictionary of Current English. I found the definitions are:<br /><blockquote>(1) word(s) by which a person, animal, place, thing, etc is known and spoken to or of;<br />(2) (sing only) reputation; fame;<br />(3) famous person.</blockquote><br />Then I found this from <a href="http://en.wikipedia.org/wiki/Name" target="_blank">wikipedia:</a><br /><blockquote>Naming is the process of assigning a particular word or phrase to a particular object or property. This can be quite deliberate or a natural process that occurs in the flow of life as some phenomenon comes to the attention of the users of a language. Many new words or phrases come into existence during translation as attempts are made to express concepts from one language in another.</blockquote><br />Based on language and country, i've found the difference in style, forms and system for family name. A <b>family name</b> or <b>last name</b> is a type of surname and part of a person's name indicating the family to which the person belongs.<br /><br />Let's check!<br /><br />My name is Rini Aisyah, but my surname name is not Aisyah. How come? My culture, Indonesia, do not generally use the Western naming practice of a given first name and a family last name. And the majority of Indonesians do not have family names. Interesting, isn't it?<br /><br />But, I have my surname, anyway.....Rinihttp://www.blogger.com/profile/13327043660696298347noreply@blogger.com7