tag:blogger.com,1999:blog-61545527153591328042024-11-20T02:01:13.898+07:00Blog Tutorial | Tips Blogging | Free Software - Guide to Create Blogs On BlogspotAditya Putrahttp://www.blogger.com/profile/11621649331261665349noreply@blogger.comBlogger73125tag:blogger.com,1999:blog-6154552715359132804.post-40114810665972961572014-05-05T20:32:00.002+07:002014-05-05T20:37:10.763+07:00Column blogger template just a little it is not a big problem and do not make friend desperate due to lack of a column and then closed down and refuse to be a blogger because there is still a solution. Column shortage problems experienced by many others, including my friend's own but it does not make me despair. Try and try what I did to finally be able to create and add columns blogger template as many times as I like.<br /> Well to my friend who has a problem as I mentioned above should not be confused my friend because my friend can make or add a column to the template blogger buddies like as long as the width of your template is sufficient and most importantly the look of your template is not broken it alone.<br /> To add a template column on a buddy is actually not as complicated as imagined, as long as there is a caller code and css code css code is fine.<br /> Suppose my friend wanted to add a column at the bottom of the template just created his first css code that will be placed on the code <b>]]&gt;&lt;/b:skin&gt;</b><br /> for example see the code below:<br /> <blockquote> /* Under Column Css Code Templates */<br /> #bottom {<br /> width: 660px; /* column width */<br /> position: relative;<br /> clear:both;<br /> margin: 0 auto;<br /> color:#333333;<br /> float: left;<br /> background:#F2F2F2 repeat-x;<br /> padding: 0;<br /> }<br /> #bottom a:visited{<br /> color:#DF7F3B;<br /> text-decoration:none;<br /> }<br /> #bottom a:hover{ <br /> text-decoration:underline;<br /> }<br /> #bottom h2 {<br /> background: #000000;<br /> color: #ffffff;<br /> text-transform: capitalize;<br /> margin: 0 0 10px;<br /> padding: 6px 0 6px 7px;<br /> font-family:Arial, Tahoma, Verdana ;<br /> font-size:14px;<br /> line-height:1.5em;<br /> letter-spacing:0;<br /> }<br /> #bottom ul {<br /> padding: 0;<br /> margin: 0;<br /> }<br /> #bottom ul li {<br /> line-height: 26px;<br /> list-style-type: none;<br /> border-bottom: 1px dashed #031c5d;<br /> }<br /> #bottom1 { <br /> width: 960px;<br /> float: left;<br /> margin:0;<br /> padding:7px 10px;<br /> border-top:1px solid #a2bce0;<br /> }</blockquote> This is the css code but most importantly it is a code that is located on top of itself and the other is the only additional code so that column and the link that will be formed into beautiful. And now look at the example code its caller css code below:<br /> <blockquote> &lt;div id='bottom'&gt;<br /> &lt;b:section class='bottom' id='bottom1'/&gt;<br /> &lt;/div&gt;</blockquote> Well now lives css code placement caller's code. To make the column at the bottom of the template code of the caller was put under the code below:<br /> <blockquote> &lt;div id='footer-wrapper'&gt;<br /> &lt;b:section class='footer' id='footer'/&gt; <br /> &lt;/div&gt;</blockquote> Easy not finished !<br /> <br /> <b>Note:</b> If my friend wants to add to the column below the post column stay put css code penganggil wrote his code under the code column and post on it if you want to put it on top of the post code column and most importantly, adjust the width of your template.<br /> The above code can change as you wish buddy buddy, would be divided into 2, 3, 4 or even 5 columns can also be creative and I hope my friend in the manufacture of the template code.<br /> <br /> Good luck !<div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Aditya Putrahttp://www.blogger.com/profile/11621649331261665349noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-85425634013071760442014-04-23T20:01:00.002+07:002014-04-23T20:01:17.963+07:00On the last occasion I 've made ​​a post about labels/kategory given function scroll / roll there <b><a href="/2010/04/scroll-function-on-labels.html" target="_blank" title="Scroll function on the labels">here</a></b>, and this time I will apply the scroll function on the post column/blog post that would not require a lot of code that make heads spin.<br /> Scroll function on the post column in principle the same as that of the column labels difference if in a post, you just need to add two lines of CSS code only and also to the appearance of your blog is the post column width and height can be the same between the one another and certainly more efficient than that place if my friend is my friend use the scroll function does not need to wear a function Read More, now hanging from my friend wanted to use the scroll function itself or Read More just select it, then they did not want to wear anything.<br /> For how to make the scroll function as usual mate just follow these steps:<br /> <br /> 1. Login to <b>Blogger.com</b> with your id of course.<br /> 2. <b>Click Layout</b>.<br /> 3 <b>Click Edit HTML</b>, and give a check in the small box beside <b>Expand Widget Templates</b> writing.<br /> 4. As usual also download full template used in case if there is a mistake in editing your template code can return to normal.<br /> 5. <b>Next step CSS code search</b> like this :<br /> <br /> <code><b>.post {<br /> bla bla bla<br /> bla bla bla<br /> bla bla bla<br /> }</b></code><br /> <br /> Why I write like that ? Because the code in each template is different but most importantly my friend looking code <b>.Post {)</b> This alone is enough.<br /> 6. Then paste the code below between the codes.<br /> <br /> <b>overflow: auto;<br /> height: 200px; /* This is the size of the scroll height */</b><br /> <br /> for example, the addition of the above code like this :<br /> <br /> <b>.posts {<br /> background: #F2F2F2;<br /> width: 540px;<br /> float: left;<br /> margin: 0 10px 10px;<br /> padding: 10px ;<br /> border: 1px solid #000;<br /> overflow: auto;<br /> height: 200px; /* This is the size of the scroll height */<br /> }</b><br /> <br /> 7. <b>Click the Save Template</b><br /> 8. Done<br /> <br /> Good luck!<div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Aditya Putrahttp://www.blogger.com/profile/11621649331261665349noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-2965159371499454182014-04-17T11:16:00.002+07:002014-04-17T11:16:58.095+07:00A few days ago I made a post similar to this will be the last post but no lines or wrap surrounding the article in the post. On this occasion I will try to give you a line that surrounds the post and straight to the subject so as not to beat around the bush.<br /> <br /> To make a line around the post buddy should make the code like this:<br /> <br /> <b><code>&lt;table width="400" border="0" cellspacing="10"&gt;&lt;tr&gt;&lt;td width="200" valign="top"&gt;<span style="color: red;">Article 1</span>&lt;/td&gt;<br /> &lt;td width="200" valign="top"&gt;<span style="color: red;">Article 2</span>&lt;/td&gt;<br /> &lt;/tr&gt;</code></b><br /> <br /> =&gt; Table width = "400" adjust the column width of the post buddy.<br /> =&gt; Cellspacing = "10" spacing between columns post<br /> =&gt; Td width = "200" width of column articles to article 1 and 2 to adjust the column width also post buddy.<br /> For example the post pal column width or width = 400 if you have 2 stay divide column wrote so 2 200 left column right column 200.<br /> <br /> For more details, try buddy practice as well as on my previous article with a little creativity and the columns can be added buddy up buddy how the column itself. If my friend forgotten or have never been to my blog is trying to open my last article <a href="/2010/04/how-to-divide-two-columns-posts.html" target="_blank" title="How to divide two columns posts"><b>here</b></a>.<div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Aditya Putrahttp://www.blogger.com/profile/11621649331261665349noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-66634610344295270212014-04-15T00:23:00.001+07:002014-04-15T00:23:54.666+07:00<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="copas" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEMDnea0sRiUfgpklThJ3cKzcsrQzNndthbt0pDziCwX8ma_oia-2a-MQsgB1YaNJ2qk9lnbHQyuG0CeH1hnH4lUK49GTUzkwbaTBO_b51USkXwH6OusstUMogp1az8zAlur871bhOZIcB/s320/copas.JPG" height="200" title="copas" width="196" /></div> Creating an article or writing is not as easy as one might imagine because what makes an article to decorate need a blog and share thoughts, time, and trials before it was published into the blog but what happens if it arrives suddenly article we have made in the copy paste (copy and paste) raw by the irresponsible and selfish without regard to the person who made ​​the article?<br /> <br /> Want to be angry, annoyed and so paste raging in the mind because of what we have created with the same difficulty stolen , now how do we know we are in the article copy and paste ( copy and paste ) or stolen by others?<br /> <br /> The way is clear enough, and many discussed by Bloggers and I write this not from my own ideas rather Copy Paste and by the way, the language and my own version. To find articles which dicopas, we can use the tools scattered on the internet such as :<br /> <blockquote class="tr_bq"> copyscape.com<br /> smallseotools.com/plagiarism-checker<br /> www.plagiarismchecker.com<br /> www.plagscan.com/seesources<br /> plagiarism-detect.com<br /> and many others</blockquote> If you do not want to use the tools I have a simple and accurate enough to know we were on the stolen article but unfortunately this method quite time-consuming because we have to check one by one all of our articles, to do the following:<br /> <br /> 1. Find Your article has been suspected in Copas<br /> 2. Open the article and copy a few words or a paragraph<br /> 3. Paste articles that you have copied the search engines eg Google to provide quotation marks at the beginning and end of the sentence<br /> <b>Example:</b><br /> <blockquote class="tr_bq"> "How to easily flash android without pc is probably the latest in the world of mobile phones according to my version, I apply this trick successfully on samsung galaxy y young my favorite and I think this trick can also be applied to other HH like the Galaxy Mini, Galaxy Ace, Galaxy W and others are still relatively mobile android"</blockquote> 4. Afterwards you will be presented with some blog or website that has stolen articles belonging to you but not all blogs and websites that are served by Google that it is stealing because there is also a Blog article or website that displays the article with the approval of your own like<br /> <blockquote class="tr_bq"> www.bloglog.com<br /> lintas.me<br /> facebook.com<br /> blogcatalog.com<br /> etc</blockquote> So do not think the article is published with the consent of the accused as the handyman you copy and paste the article because it could be a big problem for your own, essentially we must be smart to choose which blog or website that has stolen our articles.<br /> <br /> That's my version of a few tips I can share to you readers once a visitor of this Blog.<div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Aditya Putrahttp://www.blogger.com/profile/11621649331261665349noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-6375561460048289342014-04-08T10:19:00.000+07:002014-04-12T11:20:17.395+07:00The color code is very important in the world of blogging useful when you edit the template and post, but usually the color code is used more in terms of making a template and edit template.<br /> Here are some color codes can I make hopefully useful for you who are learning to make and edit tempalate<br /> <br /> <div style="background-color: blue;">Blue kode: #0000ff</div><br /> <div style="background-color: black;">Black kode: #000000</div><br /> <div style="background-color: brown;">Brown kode: #a52a2a</div><br /> <div style="background-color: cadetblue;">Crap Blue kode: #5f9ea0</div><br /> <div style="background-color: chocolate;">Chocolate kode: #d2691e</div><br /> <div style="background-color: cornflowerblue;">Corn Flow kode: #6495ed</div><br /> <div style="background-color: crimson;">Crimson kode: #dc143c</div><br /> <div style="background-color: cyan;">Cyan kode: #00ffff</div><br /> <div style="background-color: darkblue;">Violet kode: #00008b</div><br /> <div style="background-color: darkgoldenrod;">Something kode: #b8860b</div><br /> <div style="background-color: darkgrey;">Dark Gray kode: #a9a9a9</div><br /> <div style="background-color: darkkhaki;">Khaki kode: #bdb76b</div><br /> <div style="background-color: darkorange;">Orange Order kode: #ff8c00</div><br /> <div style="background-color: darkred;">Scorned kode: #8b0000</div><br /> <div style="background-color: darksalmon;">Fish Paste kode: #e9967a</div><br /> <div style="background-color: darkseagreen;">Sea Weed kode: #8fbc8f</div><br /> <div style="background-color: darkslateblue;">Slate Blue kode: #483d8b</div><br /> <div style="background-color: darkviolet;">Violet kode: #9400d3</div><br /> <div style="background-color: deeppink;">Pink kode: #ff1493</div><br /> <div style="background-color: deepskyblue;">Skyblue kode: #00bfff</div><br /> <div style="background-color: firebrick;">Bricks kode: #b22222</div><br /> <div style="background-color: forestgreen;">Trees N Shit kode: #228b22</div><br /> <div style="background-color: gainsboro;">Grany House kode: #dcdcdc</div><br /> <div style="background-color: gold;">Going For Gold kode: #ffd700</div><br /> <div style="background-color: goldenrod;">Orange Peel Kode: #daa520</div><br /> <div style="background-color: green;">Green kode: #008000</div><br /> <div style="background-color: hotpink;">Flamingos kode: #ff69b4</div><br /> <div style="background-color: #4b0008;">Indigo kode: #4b0008</div><br /> <div style="background-color: lawngreen;">Grass kode: #7cfc00</div><br /> <div style="background-color: maroon;">Marooned kode: #800000</div><br /> <div style="background-color: mediumblue;">Blue Two kode: #0000cd</div><br /> <div style="background-color: #9370d8;">Purple kode: #9370d8</div><br /> <div style="background-color: #00fa94;">Minty kode: #00fa94</div><br /> <div style="background-color: midnightblue;">Midnight kode: #191970</div><br /> <div style="background-color: orangered;">Red kode: #ff4500</div><br /> <div style="background-color: sandybrown;">Sand kode: #f4a460</div><br /> <div style="background-color: silver;">Silver kode: #c0c0c0</div><br /> <div style="background-color: yellow;">Yellow kode: #ffff00</div><br /> <div style="background-color: white;">White kode: #ffffff</div><br /> <br /> <span style="color: red;"><span style="font-size: large;"><b>Tabel Kode Warna HTML</b></span></span><br /> <br /> <div style="background-color: black;">Black kode: #000000</div><br /> <div style="background-color: #150517;">Gray0 kode: #150517</div><br /> <div style="background-color: #250517;">Gray18 kode: #250517</div><br /> <div style="background-color: #2b1b17;">Gray21 kode: #2B1B17</div><br /> <div style="background-color: #302217;">Gray23 kode: #302217</div><br /> <div style="background-color: #302226;">Gray24 kode: #302226</div><br /> <div style="background-color: #342826;">Gray25 kode: #342826</div><br /> <div style="background-color: #34282c;">Gray26 kode: #34282C</div><br /> <div style="background-color: #382d2c;">Gray27 kode: #382D2C</div><br /> <div style="background-color: #3b3131;">Gray28 kode: #3b3131</div><br /> <div style="background-color: #3e3535;">Gray29 kode: #3E3535</div><br /> <div style="background-color: #413839;">Gray30 kode: #413839</div><br /> <div style="background-color: #41383c;">Gray31 kode: #41383C</div><br /> <div style="background-color: #463e3f;">Gray32 kode: #463E3F</div><br /> <div style="background-color: #4a4344;">Gray34 kode: #4A4344</div><br /> <div style="background-color: #4c4646;">Gray35 kode: #4C4646</div><br /> <div style="background-color: #4e4848;">Gray36 kode: #4E4848</div><br /> <div style="background-color: #504a4b;">Gray37 kode: #504A4B</div><br /> <div style="background-color: #544e4f;">Gray38 kode: #544E4F</div><br /> <div style="background-color: #565051;">Gray39 kode: #565051</div><br /> <div style="background-color: #595454;">Gray40 kode: #595454</div><br /> <div style="background-color: #5c5858;">Gray41 kode: #5C5858</div><br /> <div style="background-color: #5f5a59;">Gray42 kode: #5F5A59</div><br /> <div style="background-color: #625d5d;">Gray43 kode: #625D5D</div><br /> <div style="background-color: #646060;">Gray44 kode: #646060</div><br /> <div style="background-color: #666362;">Gray45 kode: #666362</div><br /> <div style="background-color: #696565;">Gray46 kode: #696565</div><br /> <div style="background-color: #6d6968;">Gray47 kode: #6D6968</div><br /> <div style="background-color: #6e6a6b;">Gray48 kode: #6E6A6B</div><br /> <div style="background-color: #726e6d;">Gray49 kode: #726E6D</div><br /> <div style="background-color: #747170;">Gray50 kode: #747170</div><br /> <div style="background-color: #736f6e;">Gray kode: #736F6E</div><br /> <div style="background-color: #616d7e;">Slate Gray4 kode: #616D7E</div><br /> <div style="background-color: #657383;">Slate Gray kode: #657383</div><br /> <div style="background-color: #646d7e;">Light Steel Blue4 kode: #646D7E</div><br /> <div style="background-color: #6d7b8d;">Light Slate Gray kode: #6D7B8D</div><br /> <div style="background-color: #4c787e;">Cadet Blue4 kode: #4C787E</div><br /> <div style="background-color: #4c7d7e;">Dark Slate Gray4 kode: #4C7D7E</div><br /> <div style="background-color: #806d7e;">Thistle4 kode: #806D7E</div><br /> <div style="background-color: #5e5a80;">Medium Slate Blue kode: #5E5A80</div><br /> <div style="background-color: #4e387e;">Medium Purple4 kode: #4E387E</div><br /> <div style="background-color: #151b54;">Midnight Blue kode: #151B54</div><br /> <div style="background-color: #2b3856;">Dark Slate Blue kode: #2B3856</div><br /> <div style="background-color: #25383c;">Dark Slate Gray kode: #25383C</div><br /> <div style="background-color: #463e41;">Dim Gray kode: #463E41</div><br /> <div style="background-color: #151b8d;">Cornflower Blue kode: #151B8D</div><br /> <div style="background-color: #15317e;">Royal Blue4 kode: #15317E</div><br /> <div style="background-color: #342d7e;">Slate Blue4 kode: #342D7E</div><br /> <div style="background-color: #2b60de;">Royal Blue kode: #2B60DE</div><br /> <div style="background-color: #306eff;">Royal Blue1 kode: #306EFF</div><br /> <div style="background-color: #2b65ec;">Royal Blue2 kode: #2B65EC</div><br /> <div style="background-color: #2554c7;">Royal Blue3 kode: #2554C7</div><br /> <div style="background-color: #3bb9ff;">Deep Sky Blue kode: #3BB9FF</div><br /> <div style="background-color: #38acec;">Deep Sky Blue2 kode: #38ACEC</div><br /> <div style="background-color: #357ec7;">SlateBlue kode: #357EC7</div><br /> <div style="background-color: #3090c7;">DeepSkyBlue3 kode: #3090C7</div><br /> <div style="background-color: #25587e;">DeepSkyBlue4 kode: #25587E</div><br /> <div style="background-color: #1589ff;">DodgerBlue kode: #1589FF</div><br /> <div style="background-color: #157dec;">DodgerBlue2 kode: #157DEC</div><br /> <div style="background-color: #1569c7;">DodgerBlue3 kode: #1569C7</div><br /> <div style="background-color: #153e7e;">DodgerBlue4 kode: #153E7E</div><br /> <div style="background-color: #2b547e;">SteelBlue4 kode: #2B547E</div><br /> <div style="background-color: #4863a0;">SteelBlue kode: #4863A0</div><br /> <div style="background-color: #6960ec;">SlateBlue2 kode: #6960EC</div><br /> <div style="background-color: #8d38c9;">Violet kode: #8D38C9</div><br /> <div style="background-color: #7a5dc7;">MediumPurple3 kode: #7A5DC7</div><br /> <div style="background-color: #8467d7;">MediumPurple kode: #8467D7</div><br /> <div style="background-color: #9172ec;">MediumPurple2 kode: #9172EC</div><br /> <div style="background-color: #9e7bff;">MediumPurple1 kode: #9E7BFF</div><br /> <div style="background-color: #728fce;">LightSteelBlue kode: #728FCE</div><br /> <div style="background-color: #488ac7;">SteelBlue3 kode: #488AC7</div><br /> <div style="background-color: #56a5ec;">SteelBlue2 kode: #56A5EC</div><br /> <div style="background-color: #5cb3ff;">SteelBlue1 kode: #5CB3FF</div><br /> <div style="background-color: #659ec7;">SkyBlue3 kode: #659EC7</div><br /> <div style="background-color: #41627e;">SkyBlue4 kode: #41627E</div><br /> <div style="background-color: #737ca1;">SlateBlue kode: #737CA1</div><br /> <div style="background-color: #98afc7;">SlateGray3 kode: #98AFC7</div><br /> <div style="background-color: #f6358a;">VioletRed kode: #F6358A</div><br /> <div style="background-color: #f6358a;">VioletRed1 kode: #F6358A</div><br /> <div style="background-color: #e4317f;">VioletRed2 kode: #E4317F</div><br /> <div style="background-color: #f52887;">DeepPink kode: #F52887</div><br /> <div style="background-color: #e4287c;">DeepPink2 kode: #E4287C</div><br /> <div style="background-color: #c12267;">DeepPink3 kode: #C12267</div><br /> <div style="background-color: #7d053f;">DeepPink4 kode: #7D053F</div><br /> <div style="background-color: #ca226b;">MediumVioletRed kode: #CA226B</div><br /> <div style="background-color: #c12869;">VioletRed3 kode: #C12869</div><br /> <div style="background-color: #800517;">Firebrick kode: #800517</div><br /> <div style="background-color: #7d0541;">VioletRed4 kode: #7D0541</div><br /> <div style="background-color: #7d0552;">Maroon4 kode: #7D0552</div><br /> <div style="background-color: #810541;">Maroon kode: #810541</div><br /> <div style="background-color: #c12283;">Maroon3 kode: #C12283</div><br /> <div style="background-color: #e3319d;">Maroon2 kode: #E3319D</div><br /> <div style="background-color: #f535aa;">Maroon1 kode: #F535AA</div><br /> <div style="background-color: magenta;">Magenta kode: #FF00FF</div><br /> <div style="background-color: #f433ff;">Magenta1 kode: #F433FF</div><br /> <div style="background-color: #e238ec;">Magenta2 #E238EC</div><br /> <div style="background-color: #c031c7;">Magenta3 kode: #C031C7</div><br /> <div style="background-color: #b048b5;">MediumOrchid kode: #B048B5</div><br /> <div style="background-color: #d462ff;">MediumOrchid1 kode: #D462FF</div><br /> <div style="background-color: #c45aec;">MediumOrchid2 kode: #C45AEC</div><br /> <div style="background-color: #a74ac7;">MediumOrchid3 kode: #A74AC7</div><br /> <div style="background-color: #6a287e;">MediumOrchid4 kode: #6A287E</div><br /> <div style="background-color: #8e35ef;">Purple kode: #8E35EF</div><br /> <div style="background-color: #893bff;">Purple1 kode: #893BFF</div><br /> <div style="background-color: #7f38ec;">Purple2 kode: #7F38EC</div><br /> <div style="background-color: #6c2dc7;">Purple3 kode: #6C2DC7</div><br /> <div style="background-color: #461b7e;">Purple4 kode: #461B7E</div><br /> <div style="background-color: #571b7e;">DarkOrchid4 kode: #571B7e</div><br /> <div style="background-color: #7d1b7e;">DarkOrchid kode: #7D1B7E</div><br /> <div style="background-color: #842dce;">DarkViolet kode: #842DCE</div><br /> <div style="background-color: #8b31c7;">DarkOrchid3 kode: #8B31C7</div><br /> <div style="background-color: #a23bec;">DarkOrchid2 kode: #A23BEC</div><br /> <div style="background-color: #b041ff;">DarkOrchid1 kode: #B041FF</div><br /> <div style="background-color: #7e587e;">Plum4 kode: #7E587E</div><br /> <div style="background-color: #d16587;">PaleVioletRed kode: #D16587</div><br /> <div style="background-color: #f778a1;">PaleVioletRed1 kode: #F778A1</div><br /> <div style="background-color: #e56e94;">PaleVioletRed2 kode: #E56E94</div><br /> <div style="background-color: #c25a7c;">PaleVioletRed3 kode: #C25A7C</div><br /> <div style="background-color: #7e354d;">PaleVioletRed4 kode: #7E354D</div><br /> <div style="background-color: #b93b8f;">Plum kode: #B93B8F</div><br /> <div style="background-color: #f9b7ff;">Plum1 kode: #F9B7FF</div><br /> <div style="background-color: #e6a9ec;">Plum2 kode: #E6A9EC</div><br /> <div style="background-color: #c38ec7;">Plum3 kode: #C38EC7</div><br /> <div style="background-color: #d2b9d3;">Thistle kode: #D2B9D3</div><br /> <div style="background-color: #c6aec7;">Thistle3 kode: #C6AEC7</div><br /> <div style="background-color: #ebdde2;">LavenderBlush2 kode: #EBDDE2</div><br /> <div style="background-color: #c8bbbe;">LavenderBlush3 kode: #C8BBBE</div><br /> <div style="background-color: #e9cfec;">Thistle2 kode: #E9CFEC</div><br /> <div style="background-color: #fcdfff;">Thistle1 kode: #FCDFFF</div><br /> <div style="background-color: #e3e4fa;">Lavender kode: #E3E4FA</div><br /> <div style="background-color: #fdeef4;">LavenderBlush kode: #FDEEF4</div><br /> <div style="background-color: #c6deff;">LightSteelBlue1 kode: #C6DEFF</div><br /> <div style="background-color: #addfff;">LightBlue kode: #ADDFFF</div><br /> <div style="background-color: #bdedff;">LightBlue1 kode: #BDEDFF</div><br /> <div style="background-color: lightcyan;">LightCyan kode: #E0FFFF</div><br /> <div style="background-color: #c2dfff;">SlateGray1 kode: #C2DFFF</div><br /> <div style="background-color: #b4cfec;">SlateGray2 kode: #B4CFEC</div><br /> <div style="background-color: #b7ceec;">LightSteelBlue2 kode: #B7CEEC</div><br /> <div style="background-color: cyan;">Cyan kode: #00FFFF</div><br /> <div style="background-color: #57feff;">Cyan1 kode: #57FEFF</div><br /> <div style="background-color: #50ebec;">Cyan2 kode: #50EBEC</div><br /> <div style="background-color: #43c6db;">Turquoise kode: #43C6DB</div><br /> <div style="background-color: #52f3ff;">Turquoise1 kode: #52F3FF</div><br /> <div style="background-color: #4ee2ec;">Turquoise2 kode: #4EE2EC</div><br /> <div style="background-color: #43bfc7;">Turquoise3 kode: #43BFC7</div><br /> <div style="background-color: #48cccd;">MediumTurquoise kode: #48CCCD</div><br /> <div style="background-color: #9afeff;">DarkSlateGray1 kode: #9AFEFF</div><br /> <div style="background-color: #8eebec;">DarkslateGray2 kode: #8EEBEC</div><br /> <div style="background-color: #78c7c7;">DarkSlateGray3 kode: #78c7c7</div><br /> <div style="background-color: #46c7c7;">Cyan3 kode: #46C7C7</div><br /> <div style="background-color: #77bfc7;">CadetBlue3 kode: #77BFC7</div><br /> <div style="background-color: #92c7c7;">PaleTurquoise3 kode: #92C7C7</div><br /> <div style="background-color: #afdcec;">LightBlue2 kode: #AFDCEC</div><br /> <div style="background-color: #3b9c9c;">DarkTurquoise kode: #3B9C9C</div><br /> <div style="background-color: #307d7e;">Cyan4 kode: #307D7E</div><br /> <div style="background-color: #3ea99f;">LightSeaGreen kode: #3EA99F</div><br /> <div style="background-color: #82cafa;">LightSkyBlue kode: #82CAFA</div><br /> <div style="background-color: #a0cfec;">LightSkyBlue2 kode: #A0CFEC</div><br /> <div style="background-color: #87afc7;">LightSkyBlue3 kode: #87AFC7</div><br /> <div style="background-color: #82caff;">SkyBlue kode: #82CAFF</div><br /> <div style="background-color: #79baec;">SkyBlue2 kode: #79BAEC</div><br /> <div style="background-color: #566d7e;">LightSkyBlue4 kode: #566D7E</div><br /> <div style="background-color: #6698ff;">SkyBlue kode: #6698FF</div><br /> <div style="background-color: #736aff;">LightSlateBlue kode: #736AFF</div><br /> <div style="background-color: #cfecec;">LightCyan2 kode: #CFECEC</div><br /> <div style="background-color: #afc7c7;">LightCyan3 kode: #AFC7C7</div><br /> <div style="background-color: #717d7d;">LightCyan4 kode: #717D7D</div><br /> <div style="background-color: #95b9c7;">LightBlue3 kode: #95B9C7</div><br /> <div style="background-color: #5e767e;">LightBlue4 kode: #5E767E</div><br /> <div style="background-color: #5e7d7e;">PaleTurquoise4 kode: #5E7D7E</div><br /> <div style="background-color: #617c58;">DarkSeaGreen4 kode: #617C58</div><br /> <div style="background-color: #348781;">MediumAquamarine kode: #348781</div><br /> <div style="background-color: #306754;">MediumSeaGreen kode: #306754</div><br /> <div style="background-color: #4e8975;">SeaGreen kode: #4E8975</div><br /> <div style="background-color: #254117;">DarkGreen kode: #254117</div><br /> <div style="background-color: #387c44;">SeaGreen4 kode: #387C44</div><br /> <div style="background-color: #4e9258;">ForestGreen kode: #4E9258</div><br /> <div style="background-color: #347235;">MediumForestGreen kode: #347235</div><br /> <div style="background-color: #347c2c;">SpringGreen4 kode: #347C2C</div><br /> <div style="background-color: #667c26;">DarkOliveGreen4 kode: #667C26</div><br /> <div style="background-color: #437c17;">Chartreuse4 kode: #437C17</div><br /> <div style="background-color: #347c17;">Green4 kode: #347C17</div><br /> <div style="background-color: #348017;">MediumSpringGreen kode: #348017</div><br /> <div style="background-color: #4aa02c;">SpringGreen kode: #4AA02C</div><br /> <div style="background-color: #41a317;">LimeGreen kode: #41A317</div><br /> <div style="background-color: #8bb381;">DarkSeaGreen kode: #8BB381</div><br /> <div style="background-color: #99c68e;">DarkSeaGreen3 kode: #99C68E</div><br /> <div style="background-color: #4cc417;">Green3 kode: #4CC417</div><br /> <div style="background-color: #6cc417;">Chartreuse3 kode: #6CC417</div><br /> <div style="background-color: #52d017;">YellowGreen kode: #52D017</div><br /> <div style="background-color: #4cc552;">SpringGreen3 kode: #4CC552</div><br /> <div style="background-color: #54c571;">SeaGreen3 kode: #54C571</div><br /> <div style="background-color: #57e964;">SpringGreen2 kode: #57E964</div><br /> <div style="background-color: #5efb6e;">SpringGreen1 kode: #5EFB6E</div><br /> <div style="background-color: #64e986;">SeaGreen2 kode: #64E986</div><br /> <div style="background-color: #6afb92;">SeaGreen1 kode: #6AFB92</div><br /> <div style="background-color: #b5eaaa;">DarkSeaGreen2 kode: #B5EAAA</div><br /> <div style="background-color: #c3fdb8;">DarkSeaGreen1 kode: #C3FDB8</div><br /> <div style="background-color: lime;">Green kode: #00FF00</div><br /> <div style="background-color: #5ffb17;">Green1 kode: #5FFB17</div><br /> <div style="background-color: #59e817;">Green2 kode: #59E817</div><br /> <div style="background-color: #87f717;">LawnGreen kode: #87F717</div><br /> <div style="background-color: #7fe817;">Chartreuse2 kode: #7FE817</div><br /> <div style="background-color: #8afb17;">Chartreuse kode: #8AFB17</div><br /> <div style="background-color: #b1fb17;">GreenYellow kode: #B1FB17</div><br /> <div style="background-color: #ccfb5d;">DarkOliveGreen1 kode: #CCFB5D</div><br /> <div style="background-color: #bce954;">DarkOliveGreen2 kode: #BCE954</div><br /> <div style="background-color: #a0c544;">DarkOliveGreen3 kode: #A0C544</div><br /> <div style="background-color: #fffc17;">Yellow1 kode: #FFFC17</div><br /> <div style="background-color: #fff380;">Khaki1 kode: #FFF380</div><br /> <div style="background-color: #ede275;">Khaki2 kode: #EDE275</div><br /> <div style="background-color: #edda74;">Goldenrod kode: #EDDA74</div><br /> <div style="background-color: #eac117;">Gold2 kode: #EAC117</div><br /> <div style="background-color: #fdd017;">Gold1 kode: #FDD017</div><br /> <div style="background-color: #fbb917;">Goldenrod1 kode: #FBB917</div><br /> <div style="background-color: #e9ab17;">Goldenrod2 kode: #E9AB17</div><br /> <div style="background-color: #d4a017;">Gold kode: #D4A017</div><br /> <div style="background-color: #c7a317;">Gold3 kode: #C7A317</div><br /> <div style="background-color: #c68e17;">Goldenrod3 kode: #C68E17</div><br /> <div style="background-color: #af7817;">DarkGoldenrod kode: #AF7817</div><br /> <div style="background-color: #ada96e;">Khaki kode: #ADA96E</div><br /> <div style="background-color: #c9be62;">Khaki3 kode: #C9BE62</div><br /> <div style="background-color: #827839;">Khaki4 kode: #827839</div><br /> <div style="background-color: #fbb117;">DarkGoldenrod1 kode: #FBB117</div><br /> <div style="background-color: #e8a317;">DarkGoldenrod2 kode: #E8A317</div><br /> <div style="background-color: #c58917;">DarkGoldenrod3 kode: #C58917</div><br /> <div style="background-color: #f87431;">Sienna1 kode: #F87431</div><br /> <div style="background-color: #e66c2c;">Sienna2 kode: #E66C2C</div><br /> <div style="background-color: #f88017;">DarkOrange kode: #F88017</div><br /> <div style="background-color: #f87217;">DarkOrange1 kode: #F87217</div><br /> <div style="background-color: #e56717;">DarkOrange2 kode: #E56717</div><br /> <div style="background-color: #c35617;">DarkOrange3 kode: #C35617</div><br /> <div style="background-color: #c35817;">Sienna3 kode: #C35817</div><br /> <div style="background-color: #8a4117;">Sienna kode: #8A4117</div><br /> <div style="background-color: #7e3517;">Sienna4 kode: #7E3517</div><br /> <div style="background-color: #7e2217;">IndianRed4 kode: #7E2217</div><br /> <div style="background-color: #7e3117;">DarkOrange3 kode: #7E3117</div><br /> <div style="background-color: #7e3817;">Salmon4 kode: #7E3817</div><br /> <div style="background-color: #7f5217;">DarkGoldenrod4 kode: #7F5217</div><br /> <div style="background-color: #806517;">Gold4 kode: #806517</div><br /> <div style="background-color: #805817;">Goldenrod4 kode: #805817</div><br /> <div style="background-color: #7f462c;">LightSalmon4 kode: #7F462C</div><br /> <div style="background-color: #c85a17;">Chocolate kode: #C85A17</div><br /> <div style="background-color: #c34a2c;">Coral3 kode: #C34A2C</div><br /> <div style="background-color: #e55b3c;">Coral2 kode: #E55B3C</div><br /> <div style="background-color: #f76541;">Coral kode: #F76541</div><br /> <div style="background-color: #e18b6b;">DarkSalmon kode: #E18B6B</div><br /> <div style="background-color: #f88158;">PaleTurquoise4 kode: #F88158</div><br /> <div style="background-color: #e67451;">Salmon2 kode: #E67451</div><br /> <div style="background-color: #c36241;">Salmon3 kode: #C36241</div><br /> <div style="background-color: #c47451;">LightSalmon3 kode: #C47451</div><br /> <div style="background-color: #e78a61;">LightSalmon2 kode: #E78A61</div><br /> <div style="background-color: #f9966b;">LightSalmon kode: #F9966B</div><br /> <div style="background-color: #ee9a4d;">SandyBrown kode: #EE9A4D</div><br /> <div style="background-color: #f660ab;">HotPink kode: #F660AB</div><br /> <div style="background-color: #f665ab;">HotPink1 kode: #F665AB</div><br /> <div style="background-color: #e45e9d;">HotPink2 kode: #E45E9D</div><br /> <div style="background-color: #c25283;">HotPink3 kode: #C25283</div><br /> <div style="background-color: #7d2252;">HotPink4 kode: #7D2252</div><br /> <div style="background-color: #e77471;">LightCoral kode: #E77471</div><br /> <div style="background-color: #f75d59;">IndianRed1 kode: #F75D59</div><br /> <div style="background-color: #e55451;">IndianRed2 kode: #E55451</div><br /> <div style="background-color: #c24641;">IndianRed3 kode: #C24641</div><br /> <div style="background-color: red;">Red kode: #FF0000</div><br /> <div style="background-color: #f62217;">Red1 kode: #F62217</div><br /> <div style="background-color: #e41b17;">Red2 kode: #E41B17</div><br /> <div style="background-color: #f62817;">Firebrick1 kode: #F62817</div><br /> <div style="background-color: #e42217;">Firebrick2 kode: #E42217</div><br /> <div style="background-color: #c11b17;">Firebrick3 kode: #C11B17</div><br /> <div style="background-color: #faafbe;">Pink kode: #FAAFBE</div><br /> <div style="background-color: #fbbbb9;">RosyBrown1 kode: #FBBBB9</div><br /> <div style="background-color: #e8adaa;">RosyBrown2 kode: #E8ADAA</div><br /> <div style="background-color: #e7a1b0;">Pink2 kode: #E7A1B0</div><br /> <div style="background-color: #faafba;">LightPink kode: #FAAFBA</div><br /> <div style="background-color: #f9a7b0;">LightPink1 kode: #F9A7B0</div><br /> <div style="background-color: #e799a3;">LightPink2 kode: #E799A3</div><br /> <div style="background-color: #c48793;">Pink3 kode: #C48793</div><br /> <div style="background-color: #c5908e;">RosyBrown3 kode: #C5908E</div><br /> <div style="background-color: #b38481;">RosyBrown kode: #B38481</div><br /> <div style="background-color: #c48189;">LightPink3 kode: #C48189</div><br /> <div style="background-color: #7f5a58;">RosyBrown4 kode: #7F5A58</div><br /> <div style="background-color: #7f4e52;">LightPink4 kode: #7F4E52</div><br /> <div style="background-color: #7f525d;">Pink4 kode: #7F525D</div><br /> <div style="background-color: #817679;">LavendarBlush4 kode: #817679</div><br /> <div style="background-color: #817339;">LightGoldenrod4 kode: #817339</div><br /> <div style="background-color: #827b60;">LemonChiffon4 kode: #827B60</div><br /> <div style="background-color: #c9c299;">LemonChiffon3 kode: #C9C299</div><br /> <div style="background-color: #c8b560;">LightGoldenrod3 kode: #C8B560</div><br /> <div style="background-color: #ecd672;">LightGolden2 kode: #ECD672</div><br /> <div style="background-color: #ecd872;">LightGoldenrod kode: #ECD872</div><br /> <div style="background-color: #ffe87c;">LightGoldenrod1 kode: #FFE87C</div><br /> <div style="background-color: #ece5b6;">LemonChiffon2 kode: #ECE5B6</div><br /> <div style="background-color: #fff8c6;">LemonChiffon kode: #FFF8C6</div><br /> <div style="background-color: #faf8cc;">LightGoldenrodYellow kode: #FAF8CC</div><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Aditya Putrahttp://www.blogger.com/profile/11621649331261665349noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-36663614630439679592014-03-22T23:16:00.000+07:002014-04-01T09:19:49.352+07:00Since google friend connect widget is removed from the menu on the Layout Add Gadget turns out there are in fact many are confused to install this widget when the widget is arguably very attractive when compared to Google+ Follower, the proof if we look at the blog scattered on the internet lots of blog owners are still installing google friend connect this includes me too.<br /> <br /> From the survey results that I did with this widget in a way and grab randomly Googling and see some of the results are still a lot of blogs that use this widget, but still there are some friends who had asked how to set it up when I gave a tutorial which is quite obvious but the widget still has not appeared. For that I wrote here how to install the widget again google friend connect manually but is more complicated than I've ever written before, though complicated but the results are quite satisfactory because Google Friend Connect could Valid HTML5.<br /> <br /> Directly to the installation means<br /> 1. Install it google friend connect widget by following the way that I write here<br /> 2. If it is now open and look at the Page Source your blog, how to right click on an empty area of ​​your blog and click on <b>"View Page Source"</b> or it could be via the menu <b>"Tools &gt;&gt; Web Developer &gt;&gt; Page Source"</b> in Mozilla Firefox Browser.<br /> 3. Find <b>"renderMembersGadget"</b> posts as shown below<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><img alt="renderMembersGadget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhys1kwr1Vn_Quq3c2ulrtBvFBzytoSrYOMnm7dAiORIqlQLZQ9cS49JbZHQjSuVyOCZrmO_B7_uVA1bTEV-5oN8joKQwsKccACj9nkKBdd76wOqazVc4nX4PR83r0RQZfEPVY5w6aOONxX/s1600/renderMembersGadget.JPG" title="renderMembersGadget" /></div><br /> 4. Add a new widget, I click the <b>"Layout menu &gt;&gt; Add Gadget &gt;&gt; HTML/JavaScript"</b> subsequent copy and paste the script below on the city HTML/JavaScript that appears earlier<br /> <blockquote class="tr_bq">&lt;script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"&gt;&lt;/script&gt;<br /> &lt;div id="<span style="background-color: red;">div-4qmlh3xoedtu</span>" style="width:225px;"&gt;&lt;/div&gt;<br /> &lt;script type="text/javascript"&gt;<br /> var skin = {};<br /> skin['FACE_SIZE'] = '32';<br /> skin['HEIGHT'] = '260';<br /> skin['BORDER_COLOR'] = 'transparent';<br /> skin['ENDCAP_BG_COLOR'] = 'transparent';<br /> skin['ENDCAP_TEXT_COLOR'] = '#000000';<br /> skin['ENDCAP_LINK_COLOR'] = '#000000';<br /> skin['CONTENT_BG_COLOR'] = 'transparent';<br /> skin['CONTENT_LINK_COLOR'] = '#000000';<br /> skin['CONTENT_TEXT_COLOR'] = '#000000';<br /> skin['CONTENT_HEADLINE_COLOR'] = '#000000';<br /> skin['NUMBER_ROWS'] = '4';<br /> google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);<br /> google.friendconnect.container.renderMembersGadget(<br /> &nbsp;{ id: '<span style="background-color: red;">div-4qmlh3xoedtu</span>',<br /> &nbsp;&nbsp; site: '<span style="background-color: red;">15798607466213540774</span>'},<br /> &nbsp; skin);<br /> &lt;/script&gt;</blockquote>Replace the red writing with that of the Page Source on your blog ( step 2 and 3 above )<br /> 5. When you are finished click the Save button<br /> 6. The next step remove the Google Friend Connect widget is the first time you created earlier ( Step 1 above )<br /> 7 . In order for <b>Google Friend Connect widget HTML5</b> Valid please remove code like this on your blog template<br /> <blockquote class="tr_bq">&lt;b:include name='quickedit'/&gt;</blockquote>'ve Finished what I write this, hopefully useful.<br /> <b><br /> </b> <b>Good luck</b><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Aditya Putrahttp://www.blogger.com/profile/11621649331261665349noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-24024403800963023082014-03-21T00:08:00.000+07:002014-03-21T00:08:50.173+07:00<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Free Domain For Your Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7ukwm2tMG7zhuOmRnYEkW6sQHTBAQmNXXSRYKfECVXTdIqdts7Y1a7pmCSV_bfPORs1SkmLgdN_XP_4-9x2cY_vi3KWkvmtWDbYTjFctVzE6GJDW1_wvtuNhshnb2M9o6WXx3Q70n77D/s200/domain+gratis.JPG" height="140" title="Free Domain For Your Blog" width="140" /></div> Free domain free domain for a blog , a few days ago I got an email from a leading hosting service provider who told me that they provide a short domain for 6 pieces for the blog . Domains can be likened to a parking lot but not for vehicles but for blogs and websites that exist on the internet.<br /> As an example of such a domain .Com, .Net, .Org, Web.Id and many others. With an existing domain that says a blog will look professional, cool and so it all depends on the judge. Domain is identical to the price expensive and difficult to obtain, but for those who like and love with the name of the free, I'll let some of the free domain that you can spend on a blog that looks professional and the following is a brief 6 domains I mean these :<br /> <blockquote> *. esy.es<br /> *. url.ph<br /> *. bl.ee<br /> *. meximas.com<br /> * .96.lt</blockquote> If to cool at least affairs can not be compared with the domain .com, .net, .org and his friends name is also free so do not expect the same as that paid for everywhere whose name the goods if there is no such definite price. To get a free domain name that I mean above is easy enough, please visit the following url <br /> <blockquote> http://api.idhostinger.com/redir/879683</blockquote> Once the page is open , please registration on the web then you only select the domain you want to cpanel and ready to be the parking lot of your blog. For how to set the domain on the blog, please search in Google because I have not made ​​a post about it this way.<br /> <br /> That's all and good hunting free domain for your blog<div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Aditya Putrahttp://www.blogger.com/profile/11621649331261665349noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-49794224966942936832014-03-13T09:17:00.002+07:002014-03-13T09:17:49.183+07:00<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="How To Get Out Of Google Sanbox" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8jgToXsrfw9gEKrTKNNepluZmUF4a2CdNshBKcSm8WQ4C5QUMGq1sabhf3DzXsO9p3wH-_rFUJoXVSboJMJPQHnXrNiKpl3j18oC6QXzZmzGws-qVPIyT5t_zsVL71z0SYxRHBaexOgVn/s320/Google+Sanbox.JPG" height="133" title="How To Get Out Of Google Sanbox" width="200" /></div> This title is deliberately created just to share it after some time ago between August- September 2013 one of my blogs hit the prison while the Google Sandbox but it did not last long and is roughly only about 2 weeks, no other cause is Over Optimization I am doing SEO.<br /> <br /> At the time of this blog I just hit the Google Sandbox SEO to optimize my blog until Valid HTML5 to reach 100<br /> % next SEO I do is make a post as usual with the word count of 500 even more by including live links leads to <b>http://google.com</b>, <b>http://blogger.com</b> and other Google products.<br /> <br /> With the above in less than 2 weeks my blog has been out of jail the Google Sandbox. If possible you experienced something similar to what I experienced probably the above tips and tricks you can try to apply to your blog, but I also do not dare to guarantee the above tips the effect is the same as mine this blog because all depends on the weight and whether or not the Google Sandbox effect on your own blog.<br /> <br /> I apply the above tips can because my blog is still included in the lightweight category affected Blog Google Sandbox If you are exposed to the effects of the Google Sandbox and managed to escape from the prison then you will see a sharp increase traffic , it could be all that is like an apology from Google because it had misjudged or perhaps also because of other reasons I myself also do not know because it is the secret of Google.<br /> <br /> SEO may be legitimate for us the Bloggers and who does not want his blog appears in the sequence numbers 1 through 10 in the Google Search Engine but for SEO too over could be considered as a fraud because SEO indirectly considered over a a way to fool the Search Engines so that the search engines want to display our blog in order that we wanted even though the article is therein are not relevant or do not match those sought by visitors.<div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Aditya Putrahttp://www.blogger.com/profile/11621649331261665349noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-87972750959429722912013-11-01T16:40:00.002+07:002013-11-01T16:45:14.608+07:00<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="spicy comment" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUVkdGQBYfXQ25b-j9JZ_0iom3NkRceOnj9MFT0uKbI0ffypBlk9xXX5fvCyMCw_qQV_vrX1d4RNMsS4qTuOoKjvR60fnZRI5vBcbXvQTpuiLmLqK8i4MffoL8Ylb1EyCM6Ii7GCeNsBdk/s1600/spicy+comment.JPG" title="spicy comment" /></div> Avoid spicy commentary on the article, Many Bloggers in the country ever or often get comments on the article he wrote scathing and usually according to my observations often read bad comments directed to the new Blogger and Blog recently,<br /> <a name='more'></a> especially on articles that are not relevant and normally this article leads to a Tips, Tricks and certain ways that are sought after by visitors and certainly applied or tried. Usually the result of copy and paste articles without first learning the ins and outs of the article so it will not know the truth of the article. If that is wrong then copied automatically copy the results are also quite certainly wrong.<br /> <br /> Caustic comment on the article showed dissatisfaction visitors to what has been presented in Blogs but after trying just gained a failure resulting in visitors wrath. If the failure only affects maybe 1 or 2 people it was reasonable for the level of precision is not the same person but if the failure experienced by almost all visitors after applying what is already written in the article Blog then authenticity is questionable.<br /> <br /> To avoid scathing commentary on the article, here are some tips that might be and ought to be sought to minimize the scathing comments<br /> 1. Make it yourself by writing articles or ideas that we have<br /> <br /> 2. If the article is the result of copy and paste, practice first what is in the article if the article is relevant please publish but not 100% the same. Edit the article using your own style. By trying before we publish will know the advantages and disadvantages of the article and automatically if there are any questions from visitors we can answer that question easily.<br /> <br /> 3. If you do not have an idea try browsing on Google to find a brilliant idea that can be used to decorate the Blog<br /> <br /> 4. Make words that are easily understood by visitors since blog is not only viewed by visitors of our State alone but visitors from other countries can also stop by any time to our Blog<br /> <br /> 5. Try to use correct grammar and spelling-enhanced suit that is easy to understand and translated into other Countries<br /> <br /> Maybe it was just a few tips to avoid harsh comments on the article in my version though perhaps I myself would be difficult to implement, but at least we've tried.<div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Aditya Putrahttp://www.blogger.com/profile/11621649331261665349noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-57894668751158876672012-06-16T20:38:00.000+07:002012-06-16T20:38:29.318+07:00<div style="font-family: Arial,Helvetica,sans-serif;"> </div> <span style="font-family: Arial,Helvetica,sans-serif;">Make a friend of all who love to decorate, especially blogspot blog with widgets pretty interesting might Recent Post With Thumbnails of the displacement is almost overlapping on top of one another may be an option for my friend.</span><br style="font-family: Arial,Helvetica,sans-serif;" /><div style="font-family: Arial,Helvetica,sans-serif;"> <span class="" id="result_box" lang="en"><span class="" title="Buat sobat semua yang senang menghias blog terutama blogspot dengan widget-widget cantik yang menarik mungkin Recent Post Dengan Thumbnail yang perpindahannya hampir saling tindih menindih antara satu dengan yang lain ini bisa menjadi pilihan buat sobat."></span><span class="" title="Untuk membuatnya terbilang cukup mudah sobat tinggal copas aja code dibawah ini dan untuk memasukkan kedalam widget sidebar, sobat masuk dulu ke dalam menu Tata Letak =&gt; Add Gadget =&gt; Pilih Html/Javascript.">To make it quite easy to copy and paste my friend lived and wrote the code below to insert the widget into the sidebar, my first entry into the <b>Layout menu =&gt; Add Gadget =&gt;</b> Select the <b>HTML / Javascrip</b>t. </span><span class="" title="Selanjutnya paste aja codenya dalam area kosong yang muncul.">Furthermore paste code themselves in an empty area that appears.</span></span></div> <div style="font-family: Arial,Helvetica,sans-serif;"> <span class="" id="result_box" lang="en"><span class="" title="Selanjutnya paste aja codenya dalam area kosong yang muncul."></span></span></div> <a name='more'></a><br /> <div style="font-family: Arial,Helvetica,sans-serif;"> <span class="" id="result_box" lang="en"><span class="" title="Selanjutnya paste aja codenya dalam area kosong yang muncul.">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeKq-sBgWAoZLKSJsnXEiUzwz6kEm4u8m88M789e9Aiv7hPLAFa8rKBZCi9EQtG3_iOHJqsmuJ8JuQLCDSdDcnJEmOh13-LpE0TlIu9fxCN_hJWKErWMY0c6dnRXWjuvBWvX-yYcZ_56_Y/s320/rpplus.JPG" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeKq-sBgWAoZLKSJsnXEiUzwz6kEm4u8m88M789e9Aiv7hPLAFa8rKBZCi9EQtG3_iOHJqsmuJ8JuQLCDSdDcnJEmOh13-LpE0TlIu9fxCN_hJWKErWMY0c6dnRXWjuvBWvX-yYcZ_56_Y/s320/rpplus.JPG" style="cursor: move;" width="317" /></a><br /><span class="" id="result_box" lang="en"><span class="" title="Selanjutnya paste aja codenya dalam area kosong yang muncul."><br /></span><span class="" title="&lt;center&gt;&lt;style type=&quot;text/css&quot;&gt;"></span></span></div> <div class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif;"> <b>&lt;center&gt;&lt;style type="text/css"&gt;<br />#rp_plus_img{<u><span style="color: red;">height:250px</span></u>;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}<br /># rp_plus _img ul{list-style-type:none;margin:0;padding:0}<br /># rp_plus _img li{border:1px; margin:0; padding:0; list-style:none;}<br /># rp_plus _img li{<u><span style="color: red;">height:60px</span></u>;padding:5px;list-style:none;}<br /># rp_plus _img a{color:#000000;}<br /># rp_plus _img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#800000;text-align:justify;}<br /># rp_plus _img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}<br /># rp_plus _img img{float:left;margin-right:14px;padding:4px;border:solid 1px #cccccc;<u><span style="color: red;">width:95px;height:55px;</span></u>}<br />&lt;/style&gt;<br />&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"&gt;<br />&lt;/script&gt;<br />&lt;script src="http://bl1t4r.googlecode.com/files/recentpostscroolthum.js" type="text/javascript"&gt;<br />&lt;/script&gt;<br />&lt;script type="text/javascript"&gt;<br /><span style="color: red;">var speed = 1000;</span><br style="color: red;" /><span style="color: red;">var pause = 2500;</span><br />$(document).ready(function(){<br />rpnewsticker();<br />interval = setInterval(rpnewsticker, pause);<br />});<br />&lt;/script&gt;<br />&lt;ul id=" rp_plus _img"&gt;&lt;script&gt;</b><b><u><span style="color: red;">&nbsp;</span></u></b></div> <div class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif;"> <b><u><span style="color: red;">var numposts = 5;</span></u><br style="color: red;" /><u><span style="color: red;">var numchars = 0;</span></u><br />&lt;/script&gt; &lt;script src="<u><span style="color: red;">http://bl1t4r.blogspot.com</span></u>/feeds/posts/default?orderby=published&amp;amp;alt=json-in-script&amp;amp;callback=rpthumbnt"&gt;<br />&lt;/script&gt; &lt;/ul&gt;<br />&lt;/center&gt;</b></div> <div style="font-family: Arial,Helvetica,sans-serif;"> <span class="" id="result_box" lang="en"><span class="" title="&lt;center&gt;&lt;style type=&quot;text/css&quot;&gt;"></span><span class="" title="&lt;/center&gt;"><br /><br /></span><span class="" title="Keterangan:"><b>Description:</b></span><span class="" title="Ganti http://bl1t4r.blogspot.com dengan URL blog sobat"></span></span><span class="" id="result_box" lang="en"><span class="hps">Replace</span> <b style="color: red;"><span class="hps">http://bl1t4r.blogspot.com</span></b> <span class="hps">with</span> <span class="hps">your blog</span> <span class="hps">URL</span><br /> <b style="color: red;"><span class="hps">var</span> <span class="hps">numposts</span> <span class="hps">=</span> <span class="hps">5;</span></b> <span class="hps">item appears</span> <span class="hps">in the</span> <span class="hps">sidebar</span> <span class="hps">later</span> <span class="hps">my friend</span> <span class="hps">please change the</span> <span class="hps">value to</span> <span class="hps">a greater</span> <span class="hps">or</span> <span class="hps">less</span> <span class="hps">according to taste</span> <span class="hps">my friend</span><span>.</span> <span class="hps">The point</span> <span class="hps">my friend could</span> <span class="hps">brain-tweaking</span> <span class="hps">that</span> <span class="hps">my</span> <span class="hps">red</span> <span class="hps">print</span> <span class="hps">and</span> <span class="hps">customize</span> <span class="hps">the template</span> <span class="hps">buddy</span><span>.</span><br /> <span class="hps">The rest</span> <span class="hps">of the brain</span><span>-tweaking</span> <span class="hps">my friend</span> <span class="hps">please</span> <span class="hps">themselves</span> <span class="hps">while studying</span> <span class="hps">for</span> <span class="hps">my</span> <span class="hps">own</span> <span class="hps">well</span> <span class="hps">in the learning stage</span> <span class="hps">and</span> <span class="hps">what I</span> <span class="hps">can</span> <span class="hps">I apply</span> <span class="hps">first and</span> <span class="hps">then</span> <span class="hps">I</span> <span class="hps">make a</span> <span class="hps">post</span> <span class="hps">like</span> <span class="hps">this</span><span class="">.</span></span><span class="" id="result_box" lang="en"><span class="" title="Ganti http://bl1t4r.blogspot.com dengan URL blog sobat"></span><span class="" title="Sisanya silahkan sobat otak-atik sendiri sambil belajar karena saya sendiri juga dalam tahap belajar dan apa yang saya dapat saya terapkan dulu baru selanjutnya saya jadikan postingan seperti ini."><br /><br /></span><span class="" title="Selamat Mencoba!...">Good luck! ...</span></span></div> <div style="font-family: Arial,Helvetica,sans-serif;"> </div> <div style="font-family: Arial,Helvetica,sans-serif;"> <span></span></div><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-60089322442332088442010-08-23T10:45:00.000+07:002012-05-18T22:24:47.916+07:00Although now rarely update this blog, unlike in the past that I update almost everyday because lately I'm very busy plus my internet connection that uses a prepaid card which is often very problematic IM3 so that almost no time and a little lazy for blogging as well looking for material to post, but still I am a time to to update this blog.<span class="fullpost"></span><br /> <a name='more'></a><span class="fullpost"><br />At my leisure time and an internet connectional though some what decent break this connection I would like to invite you all to make <b>Keys Appear And Disappear</b> that can be used on the sidebar or else where as desired, application code that will be mydiscuss this you can see <a href="http://mpthreelyrics.blogspot.com/2010/08/spoiler-untuk-komentar.html">here</a> or <a href="http://tutorial-4u.blogspot.com/2010/08/spoiler-for-comments.html">here</a>.<br />Instantly, so do not get bored because there are many stories here. To create this button, please copy code below and put it wherever you like, like in the sidebar or insections can also posts.<br /><br /><br /><code><b></b></code></span><br /> <div style="color: blue;"> <span class="fullpost"><code><b>&lt;div&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;div style="margin: 5px;"&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;div class="normalfont" style="margin-bottom: 2px;"&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;input value="</b></code></span><br /> <div style="color: red;"> <span class="fullpost"><code><b>OPEN</b></code></span></div> <span class="fullpost"><code><b>" style="margin: 0px; padding: 5px; </b></code></span><br /> <div style="color: yellow;"> <span class="fullpost"><code><b>width: 100%;</b></code></span></div> <div style="color: yellow;"> <span class="fullpost"><code><b>font-size: 12px;</b></code></span></div> <span class="fullpost"><code><b>font-weight:bold; </b></code></span><br /> <div style="color: red;"> <span class="fullpost"><code><b>background:red;</b></code></span></div> <div style="color: red;"> <span class="fullpost"><code><b>color:white;</b></code></span></div> <div style="color: red;"> <span class="fullpost"><code><b>border:1px dashes yellow;</b></code></span></div> <span class="fullpost"><code><b><br /></b></code></span><br /> <span class="fullpost"><code><b>-moz-border-radius-topright: 15px;</b></code></span><br /> <span class="fullpost"><code><b>-moz-border-radius-topleft: 15px;</b></code></span><br /> <span class="fullpost"><code><b>-moz-border-radius-bottomright: 15px;</b></code></span><br /> <span class="fullpost"><code><b>-moz-border-radius-bottomleft: 15px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '</b></code></span><br /> <div style="color: red;"> <span class="fullpost"><code><b>CLOSE</b></code></span></div> <span class="fullpost"><code><b>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '</b></code></span><br /> <div style="color: red;"> <span class="fullpost"><code><b>OPEN</b></code></span></div> <span class="fullpost"><code><b>'; }" type="button" /&gt;&lt;/div&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;div class="alt2"&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;div style="display: none;"&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; "&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;center&gt;</b></code></span><br /> <span class="fullpost"><code><b><br /></b></code></span><br /> <div style="color: yellow;"> <span class="fullpost"><code><b>PUT CODE, OR LINK TEXT HERE</b></code></span></div> <span class="fullpost"><code><b><br /></b></code></span><br /> <span class="fullpost"><code><b><br /></b></code></span><br /> <span class="fullpost"><code><b>&lt;/center&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;/div&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;/div&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;/div&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;/div&gt;</b></code></span><br /> <span class="fullpost"><code><b>&lt;/div&gt;</b></code></span></div> <span class="fullpost"><br /><br /><br />Description:<br />Code that I printed in red, please replace inaccordance with the wishes and for which I printed in yellow are <b>width: 100%;</b> (the width of the button) and <b>font-size: 12px;</b> (size of the text that appears on the button), please adjust to the needs and the rest please consider changing them selves while learning.<br /><br /><br />When it is done save the changes already made and to see the results mate. For buddies who still do not understand please leave questionsin comments field below this posting.<br /><br />Good luck and hopefully successful!...</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-70453282594453162182010-08-11T12:22:00.000+07:002012-05-18T22:25:27.425+07:00In past posts I wrote about how to make <a href="http://tutorial-4u.blogspot.com/2010/07/creating-scroll-box-comment-part-1.html" rel="nofollow"><b>Creating Scroll Box Comment Part 1</b></a> and <a href="http://tutorial-4u.blogspot.com/2010/08/make-scroll-in-comments-box-part-2.html" rel="nofollow"><b>Make Scroll In Comments Box Part 2</b></a> which is useful to wrap comments that there are huge numbers. One more way to make a comment does not appear elongated because their numbers are down so much that is to make <b>Spoiler On Comments</b> it.<span class="fullpost"><br />Little me explain briefly for who had no knowledge about this spoiler. The spoiler is a button that serves to display and hide the comments on your blog. In order more clearly try clicking the button below:</span><br /> <a name='more'></a><span class="fullpost"><br /></span><br /> <div> <span class="fullpost"><br /></span><br /> <div style="margin: 5px;"> <span class="fullpost"><br /></span><br /> <div class="normalfont" style="margin-bottom: 2px;"> <span class="fullpost"><br /></span><br /> <span class="fullpost"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'CLOSE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" style="-moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; background: red; border: 1px dashes yellow; color: white; font-size: 12px; font-weight: bold; margin: 0px; padding: 5px; width: 100%;" type="button" value="OPEN" /></span></div> <span class="fullpost"><br /></span><br /> <div class="alt2"> <span class="fullpost"><br /></span><br /> <div style="display: none;"> <span class="fullpost"><br /></span><br /> <div style="background-color: NONE; border: 2px dashes white; color: blue; padding: 10px; text-align: justify;"> <span class="fullpost"><br /></span><br /> <br /> <center><span class="fullpost"><br /><br /><div style="color: yellow;"> For example like this. But what I discuss here is not the same as this</div> <br /></span></center></div> <span class="fullpost"><br /></span></div> <span class="fullpost"><br /></span></div> <span class="fullpost"><br /></span></div> <span class="fullpost"><br /></span></div> <span class="fullpost"><br /><br /><br />If you want to make a spoiler on the block comments, please follow these steps:<br />Log in to Blogger.<br />If you've signed on the <b>Dashboard</b>, click <b>Layout or Design</b> and select <b>Edit HTML</b>.<br />Download template as a precaution in case of errors. Check the small box beside writing <b>Expand Widget Templates</b>.<br />Find CSS code for comments-block. If you have found the following scrolling commands into it to add<br /><br /><div style="color: red;"> height: 300 px; /* high block comment */<br /> border:1px solid # CCC ; /* color frame block comment */<br /> overflow:auto; /* scroll commands */</div> <br /><br />height and frame colors can be changed as desired buddy. If you do not want to use the scroll to block comments, just delete the scroll command above.<br />Then search <code><b>]]&gt;&lt;/b:skin&gt;</b></code>, if you have found this place the CSS code below in the code are:<br /><br /><div style="color: blue;"> /*-----Toggle Spoiler-----*/<br /> .widgethidden {<br /> display:none<br /> }<br /> .widgetshown {<br /> display:inline;<br /> overflow:auto;<br /> }</div> <br /><br />Then place it under the following script code <code><b>]]&gt;&lt;/b:skin&gt;</b></code>:<br /><br /><br /><div style="color: blue;"> <code><b>&lt;script type='text/Javascript'&gt;<br />function togglespoiler (postid){<br />var whichpost = document.getElementById(postid);<br />if<br />(whichpost.className=="widgetshown"){whichpost.className="widgethdden";<br />}<br />else{<br />whichpost.className="widgets hown";<br />}<br />}<br />&lt;/script&gt;</b></code></div> <br /><br />Next find the following code:<br /><br /><br /><div style="color: red;"> <code><b>&lt;dl id='comments-block'&gt;</b></code></div> <br /><br /><br />For those of you who already use avatars Blogger Profile, find this code: <br /><br /><br /><div style="color: blue;"> <code><b>&lt;dl expr:class='data:post.avatarInd entClass' id='comments-block'&gt;</b></code></div> <br /><br /><br />If you have found, please you replace with this code:<br /><br /><br /><div style="color: red;"> <code><b>&lt;dl class='widgethidden' id='comments-block'&gt;</b></code></div> <br /><br /><br />Or with this code for using avatars Blogger Profile:<br /><br /><br /><div style="color: blue;"> <code><b>&lt;dl expr:class='data:post.avatarInd entClass' class='widgethidden' id='comments-block'&gt;</b></code></div> <br /><br /><br />You need to know:<br />If you use the scroll-then block comments Blogger Profile avatars will not be seen as it is covered by a block comment scroll box.<br /><br />Then add the following code right above it:<br /><br /><br /><div style="color: red;"> <code><b>&lt;div style='text-align:center; margin:10 px 0px; font-size: 15 px; font-weight:bold;'&gt;<br />&lt;a href='javascript:togglespoiler ("comments-block")' title=' Click for expand '&gt;Show/Hide Comments&lt;/a&gt;<br />&lt;/div&gt;</b></code></div> <br /><br /><br />Size of letters, the title of the link (Click for Writing expand), and a link (post Show/Hide Comments) can change according to your wishes.<br />When it is done save the changes you have made.<br /><br />Done and Good luck!!</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-43807350570051543572010-08-02T08:54:00.000+07:002012-05-18T22:25:39.074+07:00Yesterday I made a tutorial on Creating Scroll <a href="http://tutorial-4u.blogspot.com/2010/07/creating-scroll-box-comment-part-1.html" rel="nofollow">In Box Comments Section 1</a> and for the second part please read the following tutorials:<span class="fullpost"><br />On the way <b>Create Scroll Box In Comment Part 1 </b>, how made by using <b>CSS</b> code by adding a few commands on the code <b>comments-block</b> but if you use blogger profile avatar in the comments box as in <a href="http://mpthreelyrics.blogspot.com/" rel="nofollow">My blog is here</a>, the avatar will not appear or disappear, so would be an eyesore as well.<br />Create Scroll Box Comment In Part 1 it works if you use the avatar MyBloglog like on my blog comment box. If you use Blogger Avatars should use this second mode, only just a bit complex and need care because they have to add a bit of code on a template because only in this way avatar profile bloggers on your blog comment box may appear. Ways must be done to make this scroll are as follows:</span><br /> <a name='more'></a><span class="fullpost"><br /><br />1. Log in to Blogger.<br />2. After being on the Dashboard page, click Design and then click Edit HTML.<br />3. As usual do not forget to download the full template used as a back-up if there is an error in editing, you can return to their original form before the edit.<br />4. Check the small box beside writing Expand Widget Templates and look for code like this:<br /><br /><br /><code><b></b></code></span><br /> <div style="color: blue;"> <span class="fullpost"><code><b>&lt;dl id='comments-block'&gt;</b></code></span></div> <span class="fullpost"><br /><br /><br />For my friend who uses an avatar profile bloggers, looking for code like this:<br /><br /><br /><code><b><div style="color: blue;"> &lt;dl expr:class='data:post.avatarIndentClass' id='comments-block'&gt;</div> </b></code><br /><br /><br />If you have found, add the following code in the code are:<br /><br /><br /><code><b><div style="color: blue;"> &lt;div style='overflow:auto; border:1px solid #ccc; height: 250 px;'&gt;</div> </b></code><br /><br /><br />Adjust the height with the wishes. Then look again like the code below:<br /><br /><br /><code><b><div style="color: blue;"> &lt;/b:loop&gt;</div> </b></code><br /><code><b><div style="color: blue;"> &lt;/dl&gt;</div> </b></code><br /><br /><br />If you have found, place the following code just below the code:<br /><br /><br /><code><b><div style="color: blue;"> &lt;/div&gt;</div> </b></code><br /><br /><br />Save the changes that have been done and good luck buddy!.</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-9126745320036029002010-07-29T09:35:00.000+07:002012-05-18T22:25:52.307+07:00Criticism, suggestions, comments or questions are expected course blog owners including me because it will make us the spirit and of course there was the inspiration for the next step in making a posting. Comments, criticisms, suggestions, or questions is a part of the blog as a means to provide feedback to postings made.<span class="fullpost"><br />If a given article <a href="http://tutorial-4u.blogspot.com/" rel="nofollow " target="_blank">comments</a> by visitors would be very enjoyable for the owner of the blog and of course you as a visitor can interact with owners blogs and other visitors. A blog of the longer perched in the virtual world of course would be very much the comments from the articles we write and the more elongated downward, perhaps 10 or 20 comments is not a problem but what if the comment number in the hundreds, it will be very inconvenient and makes it look blogs themselves become damaged.</span><br /> <a name='more'></a><span class="fullpost"><br />So many comments that were not annoying and an eyesore to the blog, we could make such Scroll to the labels that had my post <a href="http://tutorial-4u.blogspot.com/2010/04/scroll-function-On-labels.html" rel="nofollow" target="_blank">here</a>, so that your blog comments box will look neat though comments in the article very much. If you want to make the scroll on the comment box, you can follow these steps:<br /><br />Login to <b>Blogger.com.</b><br />Select menu <b>Design</b> and click <b>Edit HTML</b>.<br />If you are looking for <b>CSS</b> code to <b>comments-block</b> and to facilitate the search for <b>use Ctrl + F</b> on your computer keyboard. If you have found add the code below into the code earlier:<br /></span><br /> <div style="color: blue;"> <span class="fullpost"><b>height: 300 px; /* height to scroll comment box */<br />border:1px solid # CCC ; /* border color comment box */<br />overflow:auto; /* scroll command */</b></span></div> <span class="fullpost"><br /><br />Adjust the frame size and color to your liking. And if the code you do not have a code template for comments-block, add the following code above code <code><b>]]&gt;&lt;/b:skin&gt;</b></code>:<br /><br /><div style="color: red;"> <b>#comments-block {<br />height:300px; /* height to scroll comment box */<br />border:1px solid #CCC; /* border color comment box */<br />overflow:auto; /* scroll command */<br />}</b></div> <br /><br /><br />Save the changes you made and see the result in many posts that have comments.<br /><br /><br />Good luck....</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-6313167280079644712010-07-22T17:51:00.001+07:002010-07-22T17:51:49.842+07:00About blog view again as it once I described in the <a href="http://tutorial-4u.blogspot.com/2010/06/blogger-navbar-using-jquery-about.html" rel="nofollow" target="_blank">earlier posting</a>, this time I will discuss about how to make <b>Navbar Menu</b> or a row of menu choices from the visitors. If you are bored with the look of the original Menu Navbar template you download, you can change the look of these Navbar easily without having to modify the template code which makes<span class='fullpost'> headaches using the services of the site <b>Flashvortex.com</b> that provides a wide range of choices from Navbar Menu you can choose as they pleased, and which you must clearly satisfied with the services of those sites.<br />One example of the shape of the Navbar Menu Flashvortex you can see below:<br /><br /><br /><script src="http://h1.flashvortex.com/display.php?id=3_1277170500_38616_151_0_545_39_6_103" type="text/javascript"></script><br /><br /><br />And still many others to choose from. Please go to the site I meant to get the various forms NavBar of your choice.<br /><br /><br />Finish and good luck!</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-12673628688852216832010-07-19T00:35:00.001+07:002010-07-19T00:35:26.557+07:00You know what would my post? For those who already know it is okay because it already knows <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width=18 height=18 border=0></img>, but for those who do not know please read the rest of this post. But for who knows why should it be read later if not mistaken for cheap <img src=" http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width=18 height=18 border=0></img>.<span class='fullpost'><br /> We started just let me do not get bored, <b>Energy Saving</b> or usually called by <b>Screen Saver</b> typically found on smartphones and computers. The main functions of the Energy Saving in accordance with the name and title of this post is when a computer or cell phone is in a state not used then the energy would be minimized so that it can save electricity usage and bateray.<br /> Energy Saving now not only are there only on a computer or mobile phone but on a blog can also be fitted with Energy Saving. Want to know how? Carry on reading this post!... Energy Saving For installation on your blog is very easy to do and do not need to code a lot and a long time.<br /> For installation on the blog copy code below and put it right under the code <code><b>&lt:head&gt;</b></code> in your blog template code, this code is usually located at the very top of the template code.<br /> <br /> <br /> <code><b>&lt;script language='javascript' src='http://pageprotection.googlecode.com/files/savetheenvironment.js' type='text/javascript'/&gt;</b></code><br /> <br /> <br /> when it's finished do not forget to click Save Template button and you're done already. Click the View Blog link and do not let the moment move the mouse so your computer screen will be covered with a black mark Energy Saving has been running.<br /> Not easy and good luck!.</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-87234108301093980922010-07-16T21:31:00.001+07:002010-07-16T21:31:32.053+07:00Not just a book that has a list of contents, but the blog can also be given a list of contents, said <a href='http://ruangsc.blogspot.com' rel='nofollow' target='_blank'>Enes</a>, an example of the contents of which I mean you can see <a href='http://mpthreelyrics.blogspot.com/2009/01/sitemap.html' rel='nofollow'><b>here</b></a>.<br />How to create table of contents is very easy and does not make <b>Loading</b> blog becomes heavy. If you are interested in him please follow these guidelines:<span class='fullpost'><br /><br />1. Login to <b>Blogger.com</b> with your id.<br />2. After being on the <b>Dashboard</b> click menu <b>New Entry</b> because in making a list of the contents of the same by making the posting.<br />3. Next copy the code below and paste it in the column that appears and do not forget to give the title to the form title eg <b>Sitemap</b>.<br /><br /><div style="color:blue;"><br /><code><b>&lt;div style="overflow:auto; border: 1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0px; padding:10px; width:auto; <div style="color:red;"><br />height:500px;</div><br />background-color:#fcfcfc; text-align:left;"&gt;<br />&lt;div id="cl_option"&gt;<br /><div style="color:red;"><br />Please Wait..... </div><br />&lt;/div&gt;<br /><br />&lt;div id="cl_content_list"&gt;<br />&lt;/div&gt;<br /><br />&lt;ul&gt;&lt;script type="text/javascript"&gt;var_number_of words_in_the_summary = 750;&lt;/script&gt;<br />&lt;script src="http://sites.google.com/site/ruangbmi/DaftarIsi.js"&gt;&lt;/script> &lt;script src="<div style="color:red;"><br />http://mpthreelyrics.blogspot.com/feeds/posts/default</div><br />?alt=json-in-script&callback=onLoadFeed&max-results=9999"&gt;&lt;/script>&lt;/ul&gt;<br />&lt;/div&gt;<br />&lt;/p&gt;</b></code></div><br /><br /><br />Description: Customize the print my <div style="color:red;">Red</div> to your liking. <div style="color:red;">height:500px;</div> is higher than the list of contents. Creation only in <br />accordance with your wishes.<br /><br />4. If you are finished click the <b>Image</b> Preview to see the results if it is based on the desire click <b>Publish entry</b>.<br /><br />5. Finish and good luck!</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-41512285350233502592010-07-14T05:50:00.001+07:002010-07-14T05:50:59.685+07:00The first time you try to use the latest features <b>Blogger Statistics</b> I think <a href="http://tutorial-4u.blogspot.com" rel="nofollow">my</a> is very comfortable to use even though the display very simple, with this feature makes the Blogger feels more complete and we do not need to use the services of <b>Google Analytics</b>, because almost everything in the Google Analytics already exists in the Blogger feature that can mate see statistics on page Dashbord.<span class='fullpost'><br />Some features of Blogger statistics when viewed from the menu sequence is:<br /><br /><b>1. Blogger Stats Overview</b><br />Features to look at statistics the number of visits globally. With statistics display is divided into four parts, so my friend could see where visitors are coming from where the blog.<br /><br /><b>2. Statistics Blogger Post</b><br />Surely my friend already knew its function.<br /><br /><b>3. Source Blogger Traffic Stats</b><br />All traffic requests are recorded and displayed in the form of reports so you know how visitors find your blog.<br /><br /><b>4. Blogger Audience Statistics</b><br />The function of this feature to learn from countries where your blog visitors and what browsers are widely used to display the blog pages. Maybe that's enough that I need to explain and for others to see and try to please see your own this Blogger Statistics features on the <b>Dashboard</b> page your blog.<br /><br /><br />Good luck!</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-5708031687119387192010-07-10T01:58:00.000+07:002010-07-10T01:59:28.446+07:00These days I am bothered by the title of a sidebar that can not be removed but before there is a change from Blogger to remove the sidebar title is easy enough to empty the box provided for the title but after a change becomes very difficult because we must make changes on our blog template. <span class='fullpost'><br />To remove a title on the sidebar there are two different ways according to the results of an experiment that I do are:<br /><br />1. Using <b>CSS code</b>.<br />2. Eliminate the source code from the title or an order to show the title in the sidebar in the template.<br /><br />Step One:<br />1. Login to <b>Blogger.com.</b>.<br />2. Click menu <b>Design</b>.<br />3. Click on Edit Html <b>menu.</b>.<br />4. View and record the first <b>ID Widget</b> that will be removed. Suppose you want the widget ID is eliminate<b>HTML1, HTML2 , HTML3 , HTML4</b>.<br />5. After viewing and recording ID Widget one after the next step search code <code><b>]]&gt;&lt;/b:skin&gt;</b></code>. If you have found this place the code below just above <code><b>]]&gt;&lt;/b:skin&gt;</b></code><br /><br /><br /><div style="color:red;"><b>#HTML1.title, #HTML2.title, #HTML3.title, #HTML4.title {<br />display:none<br />}</b></div><br /><br /><br />6. Click the button marked <b>Image</b> to see results and if it is in conformity with the desire click the Save Template button.<br />7. Done.<br /><br /><br /><b>Step Two</b><br />Still on the Edit menu <b>Html</b>, check the little box beside writing <b>Expand Widget Templates</b> then search for sidebar title to eliminate <b>Friend Link</b> Under these headings there is code like below use (CTRL + F to search):<br /><br /><code><b><div style="color:blue;">&lt;!-- only display title if it's non-empty --&gt;<br />&lt;b:if cond='data:title != &quot;&quot;'&gt;<br />&lt;h2 class='title'&gt;&lt;data:title/&gt;&lt;/h2&gt;<br />&lt;/b:if&gt;</div></b></code><br /><br />If you have found this to delete code:<br /><br /><code><b><div style="color:blue;">&lt;h2 class='title'&gt;&lt;data:title/&gt;&lt;/h2&gt;<br />&lt;/b:if&gt;</div></b></code><br /><br />Click the preview button to see results and if it is in conformity with the desire click the save button templates.<br /><br />Done and good luck!</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-59129806368504537062010-07-07T00:11:00.001+07:002010-07-07T00:11:56.799+07:00Perhaps many of you new bloggers who are still confused about how to Create Floating Shoutbox follows I will show you how to no longer confused about how to create floating shoutbox. Get to the subject, the steps in making Shoutbox drift is as follows:<span class="fullpost"><br /><br />1. Login to <b>Blogger.com.</b><br />2. From <b>Dashboard Page</b> click menu <b>Design</b> and click <b>Edit Html</b> menu.<br />3. Further search code <code><b>&lt;/head&gt;</b></code>, if you have found, place the following code just below the code <code><b>&lt;/head&gt;</b></code><br /><br /><br /><code><b><div style="color:blue;">&lt;style type='text/css'&gt;<br />#gb{<br />position:fixed;<br /><div style="color:red;">top:50px;</div> /* <b>position of the button layout to change according to your wishes</b> */<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br />.gbtab{<br />height:100px;<br />width:30px;<br />float:left;<br />cursor:pointer;<br />background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixE5-EbxKdBmIJQZSoZDZEp29DI4d8xvdIxvlmLTW3hSTShEcLkqN2eqB8IinoMO13Jsyq21fsFGiHJ3qvgwfGmI_SV2vkwHWY53bN0DJCjusFUcYI_u5CcUsof7JzbT_bqM7P9XWoC-KP/&#39;) no-repeat;<br />}<br />.gbcontent{<br />float:left;<br />border:2px solid #cccccc;<br />background:#eeeeee;<br />padding:10px;<br />}<br />&lt;/style&gt;<br />&lt;script type='text/javascript'&gt;<br />function showHideGB(){<br />var gb = document.getElementById(&quot;gb&quot;);<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById(&quot;gb&quot;);<br />var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;<br />var dir = xf&gt;x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + &quot;px&quot;;<br />if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}<br />}<br />&lt;/script&gt;<br />&lt;div id='gb'&gt;<br />&lt;div class='gbtab' onclick='showHideGB()'&gt;&lt;/div&gt;<br />&lt;div class='gbcontent'&gt;<br />&lt;div style='text-align:center;'&gt;&lt;a href='javascript:showHideGB()' title='Close'/&gt;<br />&lt;/div&gt;<br /><br /><div style="color:red;">Put your script Shoutbox here</div><br /><br />&lt;div style='text-align:right'&gt;<br />&lt;a href='javascript:showHideGB()'&gt;<br />[close]<br />&lt;/a&gt;<br />&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;script type='text/javascript'&gt;<br />var gb = document.getElementById(&quot;gb&quot;);<br />gb.style.right = (30-gb.offsetWidth).toString() + &quot;px&quot;;<br />&lt;/script&gt;<br />&lt;/div&gt;</div></b></code><br /><br /><br />Description: <div style="color:red;">top: 50 px;</div> is location of button can Shoutbox above and below please your creation own according to your liking.<br /><br />4. Click the button <b>Image</b> and if it is in accordance with the wishes <b>click Save Template</b>.<br /><br /><br />Done and good luck!</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-15765579981095782242010-07-04T00:44:00.001+07:002010-07-04T00:44:21.994+07:00Connecting <a href="http://tutorial-4u.blogspot.com/2010/06/features-that-make-googles-personalized.html" target="_blank">posts ago</a> about the Personalized Search which make busy owner of a blog/web because the process of checking the more complex positions. To be more clear please <a href="http://tutorial-4u.blogspot.com/2010/06/features-that-make-googles-personalized.html" target="_blank">read before posting</a>.<br />To avoid the effects of Personalized Search is a web browser there are some programs that already provide a way to avoid the effects of Google's Personalized Search. One of browsers that provide this facility is Mozilla Firefox.<span class='fullpost'><br />An easy way is by using Private Browsing feature we can use to make browsing so we are not traceable trail. Because Personalized Search using Cookies and Cookies will not be active when we do browsing using Private Browsing feature of Mozilla Firefox, using the Private Browsing feature the results of our search in the Internet world will not be <b>'contaminated'</b>. To enable Private Browsing feature Mozilla Firefox, click the <b>Tools - Start Private Browsing</b> or to make it easier just hit <b>Ctrl + Shift + P</b>, Then do check your site's position as usual. If so, turn off Private Browsing feature is back.<br />Done And Good Luck!<br /><br /><br />Sources of articles in Indonesian Language : <a href="http://panduandasar.com/menghindari-efek-personalized-search-dengan-firefox.html" rel="nofollow" target="_blank">http://panduandasar.com</a></span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-7629614409475236352010-06-30T18:11:00.000+07:002010-06-30T18:13:08.213+07:00Since a few months ago, December 4 , 2009, Google officially announced the new Personalized Search feature. Unlike previously where the effects of Personalized Search is only applicable for users of Google's search engine is currently logged into their Google account,<span class='fullpost'> Personalized Search now effect applies to persons who use the Google search engine, no matter if they're logged in or not. This leads me to say these features make the hassle of SEO activities.<br />Google Personalized Search is a feature where the results of searches performed by visitors are no longer purely based on ratings, but have been influenced against the relevant customs visitors. For example, if you do a search on <a href="http://tutorial-4u.blogspot.com" rel="nofollow" target="_blank">tutorial blogspot</a> and that you click on a search results page blogspot tutorial site which is in a position to 10th, then at a later time, if we do a search on blogspot tutorial again, then the site will most likely be ranked number one, although it was not the original ratings.<br />For owners of blogs and websites, this feature is causing problems on two things, namely: Not easy to check rankings for the sites they have, because the results are displayed on search pages has been affected by the Personalized Search. More difficult to attract first- time visitors because once someone clicks on a competitor, it's likely in the next search (for similar keywords), they will return a competitor is clicking.<br />For the first problem can be solved with the first logout from the Google account and cleaning up cookies listed. In Firefox, you can do so via the Web Developer toolbar, and click on Cookies - Delete Domain Cookies at while flying on Google's site. As for the second issue we will discuss how the next article.<br /><br /><br />Sources of articles in the Indonesian language in <a href="http://panduandasar.com/personalized-search-fitur-google-yang-bikin-repot.html" rel="nofollow" target="_blank">http://panduandasar.com</a></span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-25541240291206832052010-06-27T16:36:00.001+07:002010-06-27T16:36:08.572+07:00Tag or label mentioned in a blog category also very important benefits in addition is to classify the posting, in terms of SEO also helps. With the existence of these labels will facilitate visitors in finding the information sought.<span Class='fullpost'><br />In terms of innate view of Blogger appearance of label is actually spelled is good enough but if we are not happy we can make the appropriate modifications to the look we want, by making the writing on the label is colored cloud, or by making the appearance of this <a href="http://tutorial-4u.blogspot.com/2010/06/make-rotating-label-cloud.html" rel="nofollow"><b>spin label cloud</b></a>.<br />To make it difficult even for a beginner though as only live just copy and paste <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width=18 height=18 border=0></img>.<br /><br />Stage in the modification of this Label Cloud as follows:<br />1. Log in to Blogger.com.<br />2. Select Design - > Edit HTML.<br />3. First backup your template by downloading the template.<br />4. Then find the code below:<br /><br /><code><b>]]&gt;&lt;/b:skin&gt;</b></code><br /><br />5. Then place the code below directly above<br /><br /><code><b>/*--- Color Cloud --- */<br />.label-size-1 a {<br />font-size: 12px;<br />text-decoration: none;<br />color:#66B5FF;}<br />.label-size-2 a {<br />font-size: 14px;<br />text-decoration: none;<br />color:#cc0000;}<br />.label-size-3 a {<br />font-size: 15px;<br />font-family: Arial, Tahoma, Verdana;<br />text-decoration: none;<br />color:#38B63C;}<br />.label-size-4 a {<br />font-size: 18px;<br />font-weight:bold;<br />text-decoration: none;<br />color:#ff7c66;}<br />.label-size-5 a {<br />font-size: 24px;<br />text-decoration: none;<br />color:#ffcc66;}<br />.label-size-1 a:hover, .label-size-2 a:hover, .label-size-3 a:hover, .label-size-4 a:hover, .label-size-5 a:hover {<br />text-decoration:underline;<br />}</b></code><br /><br /><br />Description: The article "Color" in the code is the color of each text from a label you please change according to your liking.<br /><br />Finished, save the template changes and see results. Good luck!</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-76794061240248730012010-06-23T00:12:00.001+07:002010-06-23T00:12:30.456+07:00Another unique tutorials adorn this blog after creating posts <a href="http://tutorial-4u.blogspot.com/2010/06/make-tabview-widget-on-sidebar.html" rel="nofollow">Make Tabview Tidget On Sidebar</a> and <a href="http://tutorial-4u.blogspot.com/2010/06/how-to-increase-blog-traffic.html" rel="nofollow">How To Increase Blog Traffic</a> new post because this tutorial I should test code first, this tutorial does not need to code a lot and only a few letters and symbols only. <span class='fullpost'> little explanation, which I discuss link is not much different this time with links others, which distinguish this link is not necessary at this link click to open it, we just need to mouse over the link then automatically opens link itself. The weakness of this link is a link could not be opened in new windows even though given the command <b>target="_blank"</b> or <b>target="_new"</b> thus causing blog page will be overwritten existing pages in the link. Maybe just enough so let's not boring explanation.<br /><br /><br />If you want to know for example, please point your mouse <a href="http://www.idr-clickit.com/register.php/ad1_t.html" onmouseover="window.location=this.href"><b>here.</b></a><br /><br /><br />If you already know, now to make the link open automatically you just create a code like the following:<br /><br /><br /><div style="color:red";><code><b>&lt;a href="http://tutorial-4u.blogspot.com" onmouseover="window.location=this.href"&gt;Blog Tutorial&lt;/a&gt;</b></code></div><br /><br /><br />If you or the webmaster anyone knows how to make these links open in new windows I beg you for sharing your knowledge and write in the comments field. Thank you.</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.comtag:blogger.com,1999:blog-6154552715359132804.post-53950260946511332142010-06-21T07:29:00.001+07:002010-06-21T07:29:48.592+07:00Blogging for some people is considered fun but what if in your blog's sidebar that we lacked a place to put various accessories blog that the number spelled out many hundreds and even until relatively narrow place on the sidebar for a variety of accessories.<br />Possible for the webmaster is not a problem but what about us that are still common in the world of blogs/websites? The answer is very clear confusion, dizziness etc.<span class='fullpost'><br />To overcome the problem of shortage of places on the sidebar of many, many ways but in this edition I will show one way of making a sidebar widget that is similar to menus in neat rows on the blog that called with tabview widget you can <a href='http://mpthreelyrics.blogspot.com' target='_blank'>http://mpthreelyrics.blogspot.com</a>.<br />Whether we start it and please you follow these steps:<br /><br /><b>First Step</b><br />Please you must login to <b>Blogger</b>.<br />In <b>Dasbor</b> select menu <b>Edit Html</b> and uncheck the little box next to <b>Expand Template Widget</b> because it would appear the codes you a real headache and then search <code><div style="color:blue;"><b>]]&gt;&lt;/b:skin&gt;</b></div></code> on your own template code. <b>Press Ctrl + F</b> and enter the code above, if you have found a copy and paste the CSS code below in the code earlier:<br /><br /><div style="color:red;"><code><b>/*--- Menu Tab View --- */<br />div.TabView div.Tabs {<br />padding-top: 0px;<br />height: 24px;<br />overflow: hidden;<br />}<br /><br />/*--- Main Menu ---*/<br />div.TabView div.Tabs a {<br />float: left;<br />display: block;<br />width: 90px;/*--- menu width--*/<br />text-align: center;<br />height: 24px;/*--- height of the menu ---*/<br />padding-top: 3px;<br />margin-right: 4px;/*--- the distance between menus ---*/<br />vertical-align: middle;<br />border: 1px solid #CCC;/*--- menu border color ---*/<br />border-bottom-width: 0;<br />font-family: "Arial", Times New Roman, Serif;/*--- menu fonts ---*/<br />font-size: 12px;/* large font menu */<br />letter-spacing: -1px;<br />background-color: #A4A4A4;/*--- menu background color ---*/<br />color: #FFFFFF;/*--- menu font color ---*/<br />-moz-border-radius-topleft:10px;<br />-moz-border-radius- topright:10px;<br />-webkit-border-top-left- radius:10px;<br />-webkit-border-top-right- radius:10px;<br />}<br />div.TabView div.Tabs a.Active {<br />background-color: # 888888;/*--- background color active menu ---*/<br />color: #FFFFFF;<br />}<br />div.TabView div.Tabs a:hover {<br />background-color: # 999999;/*--- menu background color hover ---*/<br />color: #FFFFCC;<br />font-weight: bold;<br />}<br /><br />/* Main Grid */ <br />div.TabView div.Pages {<br />clear: both;<br />border: 1px solid #CCC;/*--- main box border color ---*/<br />overflow: hidden;<br />background:url(" http://i563.photobucket.com/albums/ss76/peace_enes/bgtabview.gif");/*--- background main box ---*/<br />}<br />div.TabView div.Pages div.Page {<br />height: 100%;<br />padding: 0px;<br />overflow: hidden; <br />}<br />div.TabView div.Pages div.Page div.Pad {<br />padding: 3 px 5px;<br />font-size: 12px;/*--- main box big letters ---*/<br />}</b></code></div><br /><br />who is writing a description can sign in fox according to your wishes<br /><br />Next place the code below under the code <div style="color:blue;"><code><b>]]&gt;&lt;/b:skin&gt;</b></code></div><br /><br /><div style="color:red;"><code><b>&lt;script src="http://sites.google.com/site/myscriptku/script/viewtab.js" type="text/javascript"/&gt;</b></code></div><br /><br />Click the button marked <b>Save Template</b><br /><br /><b>Step Two</b><br />Click on the menu <b>Page Element</b> then click on <b>Add Gadget</b> and select <b>Html/JavaScript</b> wait a moment, then copy and paste the following code into the box:<br /><br /><div style="color:red;"><code><b>&lt;form action="tabview.html" method="get"&gt;<br />&lt;div id="TabView" class="TabView"&gt;<br />&lt;div style="width: 100%;" class="Tabs"&gt;<br />&lt;a title="Info Menu 1"&gt; Menu 1 &lt;/a&gt;<br />&lt;a title="Info Menu 2"&gt;Menu 2&lt;/a&gt;<br />&lt;a title="Info Menu 3"&gt;Menu 3&lt;/a&gt;<br />&lt;/div&gt;<br />&lt;div style="width:99%;height:200px;" class="Pages"&gt;<br /><br />&lt;!-- Start Menu 1 --&gt;<br />&lt;div class="Page"&gt;<br />&lt;div class="Pad"&gt;<br />Contents Menu 1.1&lt;br/&gt;<br />Contents Menu 1.2&lt;br/&gt;<br />Contents Menu 1.3. etc&lt;br/&gt;<br />&lt;/div&gt;&lt;/div&gt;<br />&lt;!-- End Menu 1 --&gt;<br /><br />&lt;!-- Start Menu 2 --&gt;<br />&lt;div class="Page"&gt;<br />&lt;div class="Pad"&gt;<br />Contents Menu 2.1&lt;br/&gt;<br />Contents Menu 2.2&lt;br/&gt;<br />Contents Menu 2.3. etc&lt;br/&gt;<br />&lt;/div&gt;&lt;/div&gt;<br />&lt;!-- End Menu 2 --&gt;<br /><br />&lt;!-- Start Menu 3 --&gt;<br />&lt;div class="Page"&gt;<br />&lt;div class="Pad"&gt;<br />Content Menu 3.1&lt;br/&gt;<br />Content Menu 3.2&lt;br/&gt;<br />Content Menu 3.3. etc&lt;br/&gt;<br />&lt;/div&gt;&lt;/div&gt;<br />&lt;!-- End Menu 3 --&gt;<br />&lt;/div&gt;&lt;/div&gt;<br />&lt;/form&gt;<br /><br />&lt;script type="text/javascript"&gt;tabview_initialize('TabView');&lt;/script&gt;<br />&lt;div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"&gt;<br />&lt;a href="http://ruangsc.blogspot.com/2009/07/cara-membuat-tab-view-widget-pada.html" target="_blank" title="Tabview Widget"&gt;Widget by SC Community&lt;/a&gt;&lt;/div&gt;</b></code></div><br /><br />Posts <b>Info Menu 1, Menu, Contents Menu, etc.</b> Can the fox according to your wishes, in addition you can also add another menu for your blog's sidebar is adequate, if not enough you can change the <b>width menus</b> at the CSS code that you put on top of <b><code>]]&gt;&lt;/b:skin&gt;</code></b> on your blog and HTML code that you put on <b>sidebar</b> your blog.<br /><br />Save the results of your changes and see results.<br /><br />Done, and good luck!</span><div class="blogger-post-footer"><script type="text/javascript"><!-- google_ad_client = "pub-4123046248048651"; google_ad_host = "pub-1556223355139109"; /* Tutorial-4u 728x15, dibuat 10/05/12 */ google_ad_slot = "5582422388"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>Didahttp://www.blogger.com/profile/14954583023623985273noreply@blogger.com