tag:blogger.com,1999:blog-10412063242066513522024-03-17T01:51:56.195+07:00Bonus Cashback referral | Shevy-BlogBonus cashback referral 80% | PTC Lokal | Internet Gratis XL | Trik Bisnis Internet Marketing Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.comBlogger164125tag:blogger.com,1999:blog-1041206324206651352.post-80103132529660973942011-05-01T14:11:00.000+07:002011-05-01T14:11:55.373+07:00Default Css PropertiesWithout <b>CSS</b>, a page is bare but still, something of modesty it is because browsers down a set of default properties that will be applied unless the change. Have some differences depending on whether a browser or the other but, in general, are precisely those properties non-identified, that cause us problems because we do not usually taken into account.<br />
<br />
The body of a page is where they are defined by default some of these properties is more or less known than the bottom (background) of a page is white and the color of the text (color) is black but has some more than likely to interfere For example, the margin (margin):<br />
<br />
<blockquote><b> body { <br />
background: # FFF url () repeat top left; <br />
color: # 000; <br />
font-family: Times New Roman; <br />
font-size: 16px; <br />
margin: 8px; <br />
} </b></blockquote><br />
The links also have default properties, are blue and is underlined. All title tags are in bold fonts (<b>font-weight: bold)</b> and also a size that is related to the size of the font defined in the body. To make matters worse, it also has limits:<br />
<blockquote><b>h1 font-size: 2em; margin: 21px 0; <br />
h2 font-size: 1.5em; margin: 19px 0; <br />
h3 font-size: 1.2em; margin: 19px 0; <br />
h4 font-size: 1em; margin: 21px 0; <br />
h5 font-size: .8 em; margin: 21px 0; <br />
h6 font-size: .7 em; margin: 26px 0; </b></blockquote><br />
Or <b>DIV </b>or <b>SPAN </b>tags have default properties but if P is labeled, this has a top and bottom margin equal to the size of the default font <b>(margin: 1em 0)</b>. <br />
<br />
More labels with pre-defined properties:<br />
<blockquote><b>blockquote margin: 16px 40px; <br />
pre font-family: monospace; margin: 16px 0; </b></blockquote><br />
Images that act as links have a border of color like the color of links <b>(border: 2px solid # 0000EE) </b>.<br />
<br />
Probably labels cause more conflicts are lists as both <b>OL </b>and <b>UL </b>have several properties, including margins and separations:<br />
<blockquote><b>ol margin: 16px 0; padding-left: 40px; list-style-position: outside; list-style-type: decimal; <br />
ul margin: 16px 0; padding-left: 40px; list-style-position: outside; list-style-type: disc; </b></blockquote><br />
Usually we read that to avoid all these properties do not bother us, it is best to "reset", ie to the beginning of our staff, some definitions to "clean" stuff. There are dozens of examples that can be found but for normal use, do not need much, just add a few right at the beginning of our staff within <b><style> </ style> or <b:skin> < / b: skin>.</b>.<br />
<blockquote><b> * {Margin: 0; padding: 0;} <br />
<br />
html, body {height: 100%;} <br />
body {height: 100%;} <br />
<br />
a, a: visited, a: link, a: active {outline: none; text-decoration: none;} <br />
a: hover {outline: none; text-decoration: none;} <br />
a img {border: none; outline: none; text-decoration: none;} <br />
<br />
object, embed {outline: none;} <br />
<br />
ol, ul, li {list-style: none;} </b></blockquote><br />
<div style="text-align: justify;">Of course, this must be case by case and that it is possible that some of the default properties are useful and we therefore take them out but we are not interested, it's always good to know that there are and where we started a new site, it is best to remove them all and take the trouble to define them one by one.</div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com312tag:blogger.com,1999:blog-1041206324206651352.post-55652144568359332912011-05-01T14:04:00.000+07:002011-05-01T14:04:16.957+07:00CSS simplify complicate optimize<div style="text-align: justify;">Who does not want to optimize optimize things? It is obvious that something is always better to work best to work on a mediocre but on the web, we often read too much advice and beyond the good intentions of those who propose them, not all are applicable and even, some are arguable. Fortunately, as elsewhere, there is always more than one opinion and more of a solution and when it comes to tools, there is no perfect or used it for all so using common sense is always the best option although it is known that that is the least common of the senses. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"></div><div style="text-align: justify;">There are many sites that talk about compressing the CSS and there are even sites like CleanCSS offering automatic but these things do have to be used carefully, very carefully. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">An article by Impressive Webs titled something like "Give him some space to CSS to breathe" and an analysis of these things, reviewing alternatives and showing what is good and what is bad. It is obvious that these conclusions are subjective (like all) but we can read, think and then decide. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">There is something I think is basic, from the point of view of loading time, with few exceptions, compress the CSS does not matter and those just starting out can transform the code into an unmanageable mess that scares and preventing progress, the result will not be nothing but a bunch of characters difficult to digest and difficult to edit:</div><br />
<blockquote><b>body{background-color:#343F4A;color:#CCC;font-family:'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, Sans-Serif;font-size:12px;margin:0;min-width:920px ; padding: 0; text-align: center}. clear {clear: both; line-height: 0; height: 0} # navbar-iframe {height: 0; visibility: hidden; display: none} a, a: visited , a: link {color: # AAA; outline: none; text-decoration: underline} a: hover {color: # FFF; outline: none} a img {border: none; outline: none; text-decoration: none} object {outline: none} h1, h2, h3, h4, h5, h6 {font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; margin: 10px 0}</b></blockquote><br />
<div style="text-align: justify;">Each must choose the form that is most convenient for writing and organizing things. Some might use spaces, adding tabs, who ordered the properties by type or alphabetically. Everything is acceptable and should not be limited because the key is to find what we want, we can edit it and make it work. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">The aesthetics of the code is not relevant at all, what matters is that it is clear to ourselves and avoid common mistakes .</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">ALL Properties end with a semicolon, it is true that it is not necessary to add that character in the last property of a rule but, rather put it all to get used to avoid problems.</div><br />
<blockquote><b>a {/ * this is an error * /<br />
color: # AAA<br />
outline: none<br />
text-decoration: underline<br />
}<br />
<br />
a {/ * this is fine but the latter one has no semicolon * /<br />
color: # AAA;<br />
outline: none;<br />
text-decoration: underline<br />
}<br />
<br />
a {/ * this is OK * /<br />
color: # AAA;<br />
outline: none;<br />
text-decoration: underline;<br />
}</b></blockquote><br />
<div style="text-align: justify;">When a property is made up of several words, there must be a space character between them, but do not need a space between the colon character and the first word:</div><br />
<blockquote><b>div {/ * this is a mistake because between the closing parenthesis and the word no-repeat missing space * /<br />
background: # AAA url () no-repeat top left;<br />
}<br />
<br />
div {/ * this is fine but no space between the colon and color * /<br />
background: # AAA url () no-repeat top left;<br />
}<br />
<br />
div {/ * this is OK * /<br />
background: # AAA url () no-repeat top left;<br />
}</b></blockquote><br />
Within a label <b><style></b> NEVER add other tags, only style rules are added to their properties. The same goes for the tag <b><b:skin></b> Blogger. He never includes the comments:<br />
<br />
<blockquote><b>div {/ * this is an error * /<br />
<! - Comment comment comment><br />
background: # AAA url () no-repeat top left;<br />
}<br />
<br />
div {/ * this is OK * /<br />
/ * Comment comment comment * /<br />
background: # AAA url () no-repeat top left;<br />
}</b></blockquote><br />
These days, CSS is essential, even more when it comes to dynamic pages as a blog and that is what allows us to simplify the way we write tickets. The editors give us tools for that and these tools are useful but at the same time are misleading so you have to use them wisely. It is true that we can format our text with a single click and ready, put the color of the paragraphs, font type, all great but ... What if you change your mind tomorrow? <br />
<br />
<div style="text-align: justify;">There are many templates that change frequently, it is part of the fun, part of the game and when they do, often encontarrse with a problem: the entries are wrong, that color is not the color you want, this source does not is what one would use in this new design and perhaps wondering how do I? Later, lamentantablemente, if the styles have been added in the entries there is no other choice but to edit them one by one. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Is that the CSS is just to avoid that and we are using it wrong, what we do, whenever possible, is to establish general rules, the color, fonts, everything that we normally use and put those rules and properties default along with the other. If you do not want the links are underlined establish the rule for the whole site and eventually, when we want to highlight some of them, we indicate explicitly, that kind of detail will that we should not be repeating styles for each label. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Add inline styles, ie, with a style attribute within the tag must always be a last resort, never the first.</div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com3tag:blogger.com,1999:blog-1041206324206651352.post-71465229791621104452011-04-29T02:18:00.000+07:002011-04-29T02:18:31.372+07:00JQuery Fancy Transitions on ImageJqFancyTransitions is a jQuery plugin that allows you to create an image gallery with different transition effects between them.<br />
To use it we have <b>jQuery </b>in the template so if you do not have it before <b></ head></b> add the library directamenete from Google:<br />
<br />
<b><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </ script></b><br />
<br />
And below, the plugin, either by loading from a server where you have previously hosted:<br />
<br />
<b><script type="text/javascript" src=" URL_jqFancyTransitions.js "> </ script> </b><br />
<br />
or copy and paste the code and placing it between tags:<br />
<br />
<b><script type="text/javascript"><br />
//<![ CDATA [<br />
... here copy and paste the contents of the file ...<br />
//]]><br />
</ Script></b><br />
<br />
You do not need anything else, now, to use, we have several alternatives that we can see explained in the <a href="http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects" rel="nofollow">page developers</a> but the simplest is to place the images in a DIV like this:<br />
<br />
<b><div id=" migaleria "><br />
<img src="URL_image1" /><br />
<img src="URL_image2" /><br />
<img src="URL_image3" /><br />
... and continue to add as many pictures as you want...<br />
</ Div></b><br />
<br />
Then call the function:<br />
<br />
<b><script> $ ('# migaleria'). jqFancyTransitions ({options}) </ script></b><br />
<br />
<div style="text-align: justify;">We have several galleries on the same page, each identified by an ID attribute different (in this example migaleria) and the options are parameters to be added separated by commas: </div><br />
<b>Width </b>and <b>height</b> set the size<br />
<b>Effect </b>is the type of transition and may be wave, zipper or curtain <br />
<b>P<b></b>osition</b> is the position from where you start transción and may be alternate, top, bottom, alternate or curtain <br />
<b>Direction</b> is the direction and may be fountainAlternate transción, left, right, alternate, random or fountain <br />
<b>Delay </b>is the time delay remains the imaegn visible (default is 5000 or 5 seconds) <br />
<b>Strips </b>is a number indicating the number of "pieces" in which the image desompone (default 20) <br />
<b>StripDelay </b>is the time that remains visible each "piece" (default 50) <br />
<br />
Other options let you control who can add text to images, placing them in the alt attribute:<br />
<br />
<b><img src="URL_imagen1" alt="Text to show" /></b><br />
<br />
<b>TitleOpacity </b>indicates the opacity of the text <br />
<b>TitleSpeed </b>is the time it takes to be shown <br />
<br />
Alternatively, we can use images instead of links<br />
<br />
<b><a href=" URL_imagen1 /></b><br />
<br />
In that case, the options are two: <br />
<br />
<b>Navigation </b>can be true or false and add navigation buttons.<br />
<b>Links </b>can be true or false to set whether images are links or not.<br />
<br />
In this example, the options used are the simplest and the function called this way:<br />
<br />
<b><script> $ ('# migaleria'). jqFancyTransitions ({width: 640, height: 400, direction: 'random', delay: 2000, effect: 'wave'}); </ script></b><br />
<br />
<iframe align="middle" allowtransparency="true" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://vjquery.blogspot.com/2010/07/fancytransitions.html" style="height: 375px; width: 600px;"></iframe>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com4tag:blogger.com,1999:blog-1041206324206651352.post-72023844225325011382011-04-29T01:58:00.000+07:002011-04-29T01:58:51.521+07:00Change the scroll bars with jQuery<b>JScrollPane </b>is a <b>jQuery </b>plugin that allows us to give a visual aspect to the scroll bars of any element, something that Internet Explorer is very simple because it just use CSS but the other browsers has never been implemented, something rare and absurd but there is everything in this world. <br />
<br />
To use it, we obviously need to load jQuery from the Google libraries so before <b></ head></b> :<br />
<br />
<b><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js' /> <script type='text/javascript'</b><br />
<br />
Here is an optional script that will allow us to use the mouse wheel:<br />
<br />
<b><script type='text/javascript' src=' URL_mousewheel.js' /></b><br />
<br />
and finally the plugin itself, either in its standard version or minimized:<br />
<br />
<b><script type='text/javascript' src=' URL_jscrollpane.min.js' /></b><br />
<br />
If you do not want to use external files, the latter two can be added directametne in the template:<br />
<br />
<b><script type='text/javascript'><br />
//<![ CDATA [<br />
/ / Here paste the contents of mousewheel.js<br />
/ / Here paste the contents of jscrollpane.min.js<br />
//]]><br />
</ Script><br />
</b><br />
<br />
<div style="text-align: justify;">Like everything else, requires its own rules of style so that it is added below the minimum required although there are more definitions if we use some of the options:</div><br />
<div style="background-color: #0099ff; color: white; height: 250px; overflow: scroll; padding: 5px 10px; width: 600px;"><b><style><br />
. JspContainer {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
. JspPane {position: absolute;}<br />
. JspVerticalBar {<br />
background-color: # 000;<br />
height: 100%;<br />
position: absolute;<br />
right: 0;<br />
top: 0;<br />
width: 16px; / * defines the width of the vertical bar * /<br />
}<br />
. JspHorizontalBar {<br />
background-color: # 000;<br />
bottom: 0;<br />
height: 16px; / * defines the height of the horizontal bar * /<br />
left: 0;<br />
position: absolute;<br />
width: 100%;<br />
}<br />
. JspVerticalBar *,. JspHorizontalBar * {margin: 0; padding: 0;}<br />
/ * These are the rules for configuring the plugin * / <br />
. JspTrack {/ * is the box where you move the slider * /<br />
background-color: # 000;<br />
position: relative;<br />
}<br />
. JspDrag {/ * is the slider itself * /<br />
background-color: # 888;<br />
cursor: pointer;<br />
left: 0;<br />
position: relative;<br />
top: 0;<br />
}<br />
. JspHorizontalBar. JspTrack. JspHorizontalBar. JspDrag {<br />
float: left;<br />
height: 100%;<br />
}<br />
</ Style></b></div><br />
<div style="text-align: justify;">With that everything is ready so that we can use it anywhere. To do so, just to define one or more classes, for example:</div><br />
<div style="background-color: #0099ff; color: white; height: 250px; overflow: scroll; padding: 5px 10px; width: 600px;"><b></ Style></b><br />
<b>. Scroll-pane {height: 200px; overflow: auto; width: 100%;}</b><br />
<b>. Horizontal {height: auto; max-height: 200px;}</b><br />
<b></ Style></b><br />
<b><br />
</b><br />
<b><div style="width: 500px;"></b><br />
<b><div class="scroll-pane"></b><br />
<b><p> ....... content through ... </ P> </b><br />
<b></ Div></b><br />
<b></ Div></b><br />
<b><br />
</b><br />
<b><div style="width: 500px;"></b><br />
<b><div class="scroll-pane horizontal"></b><br />
<b><p style="width: 1000px;"> ....... content through ... </ P> </b><br />
<b></ Div></b><br />
<b></ Div></b></div><br />
And call the function using the class that we defined:<br />
<br />
<b><script type="text/javascript"></b><br />
<b>$ (Function () {$ ('. Scroll-pane'). JScrollPane ();});</b><br />
<b></ Script></b><br />
<br />
The possibilities are multiple, in the developer page there are several explanatory demos which combines the bar, you add buttons, etc.Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com1tag:blogger.com,1999:blog-1041206324206651352.post-48698717190344706152011-04-29T01:36:00.001+07:002011-04-29T01:37:43.966+07:00Fade Out Text Effect with jQueryText Fade Out is an idea of CSS-Tricks that uses jQuery to create a text-blurs, cutting at a certain height and adding a button to expand.<br />
Obviously, you must have added the jQuery library before <b></ head></b> :<br />
<br />
<b><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js' type='text/javascript'/></b><br />
<br />
And then the script with the effect is very short :<br />
<br />
<b><script type='text/javascript'></b><br />
<b>//<![ CDATA [</b><br />
<b>$ (Function () {</b><br />
<b>var $ a, $ ps, $ up, totalHeight;</b><br />
<b>$ (" . textfadeout-demo. textfadeout-button . ") click (function () {</b><br />
<b>totalHeight = 0</b><br />
<b>$ A = $ (this);</b><br />
<b>$ P = $ el.parent ();</b><br />
<b>$ Up = $ p.parent ();</b><br />
<b>$ Ps = $ up.find ("p: not (' . textfadeout-more ')");</b><br />
<b>$ Ps.each (function () {totalHeight + = $ (this). OuterHeight ();});</b><br />
<b>$ Up.css ({"height": $ up.height (), "max-height": 9999})</b><br />
<b>. Animate ({"height": totalHeight});</b><br />
<b>$ P.fadeOut ();</b><br />
<b>return false;</b><br />
<b>});</b><br />
<b>});</b><br />
<b>//]]></b><br />
<b><br />
</b><br />
<b></ Script></b><br />
<br />
<div style="text-align: justify;">Finally, the CSS that refers to the defined classes that can have different styles and with very few additions, should work on any browser, including Internet Explorer:</div><div style="text-align: justify;"><br />
</div><br />
<div style="background-color: #0099ff; color: white; height: 250px; overflow: scroll; width: 450px;"><div style="text-align: justify;"><b><style></b></div><div style="text-align: justify;"><b>. Textfadeout-demo {/ * is the rectangular container * /</b></div><div style="text-align: justify;"><b>background-color: # 505961;</b></div><div style="text-align: justify;"><b>color: # EEE;</b></div><div style="text-align: justify;"><b>max-height: 150px; / * this sets the height * /</b></div><div style="text-align: justify;"><b>overflow: hidden; / * and say that "court" there, hiding the restenosis * /</b></div><div style="text-align: justify;"><b>padding: 20px;</b></div><div style="text-align: justify;"><b>position: relative;</b></div><div style="text-align: justify;"><b>width: 300px;</b></div><div style="text-align: justify;"><b>}</b></div><div style="text-align: justify;"><b>. Textfadeout-demo. Textfadeout-more {/ * the bottom gone * /</b></div><div style="text-align: justify;"><b>background-image:-moz-linear-gradient (top, transparent, # 101921)</b></div><div style="text-align: justify;"><b>background-image:-webkit-gradient (linear, left top, bottom left, color-stop (0, transparent), color-stop (1, # 101921));</b></div><div style="text-align: justify;"><b>filter: progid: DXImageTransform.Microsoft.gradient (startColorStr = '# 00101921', EndColorStr = '# FF101921')</b></div><div style="text-align: justify;"><b>bottom: 0;</b></div><div style="text-align: justify;"><b>left: 0;</b></div><div style="text-align: justify;"><b>padding: 30px 0;</b></div><div style="text-align: justify;"><b>position: absolute;</b></div><div style="text-align: justify;"><b>text-align: center;</b></div><div style="text-align: justify;"><b>width: 100%;</b></div><div style="text-align: justify;"><b>}</b></div><div style="text-align: justify;"><b>. Textfadeout-button {/ * the button to expand * /</b></div><div style="text-align: justify;"><b>border-top: 1px solid # 96D1F8;</b></div><div style="text-align: justify;"><b>background: # 65A9D7;</b></div><div style="text-align: justify;"><b>background:-moz-linear-gradient (top, # 3E779D, # 65A9D7)</b></div><div style="text-align: justify;"><b>background:-webkit-gradient (linear, left top, left bottom, from (# 3E779D) to (# 65A9D7));</b></div><div style="text-align: justify;"><b>filter: progid: DXImageTransform.Microsoft.gradient (startColorStr = '# FF3E779D'; EndColorStr = '# FF65A9D7');</b></div><div style="text-align: justify;"><b>padding: 5px 10px;</b></div><div style="text-align: justify;"><b>text-decoration: none;</b></div><div style="text-align: justify;"><b>-Moz-border-radius: 8px;</b></div><div style="text-align: justify;"><b>-Webkit-border-radius: 8px;</b></div><div style="text-align: justify;"><b>border-radius: 8px;</b></div><div style="text-align: justify;"><b>-Moz-box-shadow: rgba (0,0,0,1) 0 1px 0;</b></div><div style="text-align: justify;"><b>-Webkit-box-shadow: rgba (0,0,0,1) 0 1px 0;</b></div><div style="text-align: justify;"><b>box-shadow: rgba (0,0,0,1) 0 1px 0, rgba (0,0,0,90) 0 0 10px, rgba (0,0,0,90) 0 0 20px, rgba (0, 0,0,90) 0 0 30px;</b></div><div style="text-align: justify;"><b>text-shadow: rgba (0,0,0, 4) 0 1px 0;</b></div><div style="text-align: justify;"><b>}</b></div><div style="text-align: justify;"><b>. Textfadeout-button: hover {</b></div><div style="text-align: justify;"><b>border-top-color: # 28597A;</b></div><div style="text-align: justify;"><b>background: # 28597A;</b></div><div style="text-align: justify;"><b>color: # CCC;</b></div><div style="text-align: justify;"><b>}</b></div><div style="text-align: justify;"><b>. Textfadeout-button: active {</b></div><div style="text-align: justify;"><b>border-top-color: # 1B435E;</b></div><div style="text-align: justify;"><b>background: # 1B435E;</b></div><div style="text-align: justify;"><b>}</b></div><div style="text-align: justify;"><b></ Style></b></div></div><br />
Already, now we use the three classes defined to create the <b>HTML</b>:<br />
<br />
<br />
<b><Div class = " textfadeout-demo "></b><br />
<b><p> ....... the text to display ....... </ P></b><br />
<b><P class = " textfadeout-more "> <a href =" # "class =" textfadeout-button "> read more </ a> </ p></b><br />
<b></ Div></b><br />
<br />
<b>Example : </b><br />
<div class=" textfadeout-demo ">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. <br />
<br />
<div class=" textfadeout-more "><a class=" textfadeout-button " href="http://shevy-blog.blogspot.com/2011/04/fade-out-text-effect-with-jquery.html#">read more <br />
</a></div></div><br />
<style>
.textfadeout-demo { /* es el rectángulo contenedor */
background-color: #505961;
color: #EEE;
max-height: 150px; /* esto define la altura */
overflow: hidden; /* y le decimos que "se corte" allí, ocultando el reesto */
padding: 20px;
position: relative;
width: 300px;
}
.textfadeout-demo .textfadeout-more { /* el esfumado inferior */
background-image: -moz-linear-gradient(top, transparent, #101921);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #101921));
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#00101921', EndColorStr='#FF101921')
bottom: 0;
left: 0;
padding:0;
position: absolute;
text-align: center;
width: 100%;
top:170px;
}
.textfadeout-button { /* el botón para expandir */
border-top: 1px solid #DFE44F;
background: #DFE44F;
background: -moz-linear-gradient(top, #DFE44F, #8DC70A );
background: -webkit-gradient(linear, left top, left bottom, from(#DFE44F), to(#8DC70A ));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DFE44F'; EndColorStr='#8DC70A ');
padding: 5px 10px;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0, rgba(0,0,0,90) 0 0 10px, rgba(0,0,0,90) 0 0 20px, rgba(0,0,0,90) 0 0 30px;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color:#000;
}
.textfadeout-button:hover {
border-top-color: #28597A;
background: #28597A;
color: #CCC;
}
.textfadeout-button:active {
border-top-color: #1B435E;
background: #1B435E;
}
</style>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com1tag:blogger.com,1999:blog-1041206324206651352.post-19323634872783903342011-04-23T16:07:00.000+07:002011-04-23T16:07:06.079+07:00Make Money Online Guide<div style="text-align: justify;">Make money online with a variety of popular forms such as money-click (PTC), to offer, selling online, make money with a blog site. But is now making money online forms most popular are: make money with each click is referred to PTC. Because this method is simple and easy to understand for everyone.<br />
<br />
<b>To embark on making money with PTC you need to prepare:</b></div><div style="text-align: justify;">Online payment account to receive wages. 2 bank online payment registration is easy paypal and Alertpay. Just what is a fully registered. After you have your online account to register the money with PTC sites. (to do with prestige PTC sites before they have time to add other pages) I refer here to two pages leading prestigious and private companies that sponsor and neobux onbux.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">After registration and must follow the instructions you will wonder how to earn up to $ 10,000 per month as of receipt of money I gave up. </div><div style="text-align: justify;"><br />
<b>Note</b>: Each PTC site everyday you take only 5 minutes to complete the job. and to do every day to receive regular commissions. days that you do not do it on a commission that will not dc calculation. every day you have to click all 4 ads.<br />
you should do about 5 to 10 pages at a PTC. but the priority for the prestige, the PTC page and other pages to do before they do the following.<br />
to make multiple pages when you withdraw money from them and invest extra money to go to the best profits can increase rapidly.</div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com1tag:blogger.com,1999:blog-1041206324206651352.post-30478628995983839932010-05-26T01:35:00.001+07:002010-05-26T01:37:09.655+07:00Baca Artikel DiBayar $$$ "Readbud"<div style="text-align: center;"><a href="http://www.readbud.com/?ref=4386304"><img alt="readbud - get paid to read and rate articles" border="0" src="http://www.readbud.com/images/468_60_banner.jpg" /></a></div><br />
<div style="text-align: justify;"><b>Readbud</b>, sebuah program Paid to read and rate, dimana kamu akan dibayar jika membaca dan melakukan vote atau rate pada artikel tersebut. <b>Readbud </b>tergolong program PTR baru, yang launching pada bulan Febuari 2010 lalu.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Cara kerja di <b>Readbud </b>cukup gampang, kita hanya perlu membaca artikel yang sudah disediakan, abis itu kasih rate pada artikel yang udah kita baca. Kalo males baca, gapapa tunggu aja 30detik terus kasih rate.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>Readbud </b>akan membayar kita antara $0.01 – $0. 20 per artikel yang kita baca. Dalam sehari bisa ada rata-rata 20 artikel, ya jadi sehari kita bisa mengumpulkan antara $0.9 - $1.5. Kalo dijumlahkan dalam satu bulan kan jadi lumayan. Dan jika kita mengajak orang untuk ikutan di <b>readbud</b>, kita akan dibayar $5. Makanya plisss, pada daftar ya,,, hehehe</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Minimum permbayaran di <b>readbud </b>$50, dan akan dibayarkan melalui paypal.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Jangan takut program ini scam, karena udah banyak member yang dapet bayaran dari readbud, dan salah satunya blog tetangga <a href="http://pustaka-blogtips.blogspot.com/2010/05/readbud-terbukti-membayar.html" rel="nofollow" target="_blank">Disini</a>. Shevy sendiri belum PO karena baru daftar kmaren dan baru dapet $1.9.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Nah untuk mendaftar di <b>readbud</b>, silahkan klik<span style="font-size: large;"> <a href="http://www.readbud.com/?ref=4386304" rel="nofollow" target="_blank"><b>DISINI</b></a>.</span> </div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com12tag:blogger.com,1999:blog-1041206324206651352.post-14311324738950145132010-04-26T17:35:00.002+07:002010-04-26T17:49:06.634+07:00Sekilas Tentang LinkFromBlog.com PTRLama gak blogwalking, sampe ketinggalan kalo ada Paid Review baru, namanya <b>LinkFromBlog. </b>Cara kerja <span class="Apple-style-span" style="font-weight: bold;">LinkFromBlog </span>sama saja dengan paid review lainnya, dan hampir tidak ada yang berbeda, sistem pembayarannya pun menggunakan paypal.<br />
<br />
Satu yang membuat nilai tambah bagi shevy, <span class="Apple-style-span" style="font-weight: bold;">LinkFromBlog </span>support dengan blog berbahasa indonesia, buktinya pas submit blog ada pilihan bahasa indonesia.<br />
<br />
Minimun PO di <span class="Apple-style-span" style="font-weight: bold;">LinkFromBlog </span>cukup besar yaitu $50 bisa melalui paypal. Gak usah takut <span class="Apple-style-span" style="font-weight: bold;">LinkFromBlog </span>scam, karena sudah ada yang menerima bayaran dari <span class="Apple-style-span" style="font-weight: bold;">LinkFromBlog</span>, diantaranya blog tetangga <b><a href="http://lebahndut.blogspot.com/2009/08/linkfromblog-terbukti-membayar.html" rel="nofollow" target="_blank">Lebah Ndut</a>.</b><br />
<b><br />
</b><br />
So... buruan daftar,,, klik aja banner di bawah ini atau klik disini <a href="http://linkfromblog.com/" rel="nofollow" target="_blank"><b>paid reviews</b></a><b>:</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://linkfromblog.com/#2986" style="margin-left: 1em; margin-right: 1em;"><img alt="Buy blog reviews" border="0" src="http://linkfromblog.com/img.002.003603.jpg" /></a></div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com8tag:blogger.com,1999:blog-1041206324206651352.post-18816117699087156122010-04-26T13:47:00.001+07:002010-04-26T13:50:26.597+07:00Make Money By Playing Online Poker<div style="text-align: justify;">Online poker is a game that is fun, and proved by many people who have been playing poker. But most people do not get anything afterward. Well now we will try to earn money by playing poker online, Really? how?...</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Here, some time ago, I discovered online poker sites which can give us some income. There we can<a href="http://www.clickplaypoker.com/"> play poker</a> just for fun or for getting some money. To play with real money you must be an <a href="http://www.clickplaypoker.com/us-friendly-poker-sites.html%20">us online poker</a> players and with a minimum deposit amount is not too large.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">OK, it looks like I can only give info above only, if you want to be playing poker or just looking for more information, please visit the course Web site, <a href="http://www.clickplaypoker.com/%20"><b>poker play now</b></a> . Good luck and hopefully this is your lucky day ... n_n</div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com1tag:blogger.com,1999:blog-1041206324206651352.post-89090778236975968132010-04-24T15:44:00.002+07:002010-04-24T16:02:16.436+07:00Membuat Tooltip Full CSS<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_dj98lIDKfLo/S9KnNpuZViI/AAAAAAAAAWs/h36cHM4cJA8/s1600/membuat-tooltips-full-css.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_dj98lIDKfLo/S9KnNpuZViI/AAAAAAAAAWs/h36cHM4cJA8/s320/membuat-tooltips-full-css.jpg" /></a></div><br />
Kali ini shevy mau coba share cara membuat Tooltip dengan menggunakan CSS tanpa Javascript, jadi tidak akan memberatkan loading blog. Untuk penggunaan CSSnya shevy menggunakan CSS3 jadi tidak akan support di IE6, dan hanya akan berjalan di IE8, Mozilla 3.5, dan Opera 10, browser lainnya belum di coba.</div><div style="text-align: justify;"><br />
<b>Beberapa kelebihan Tooltips ini :</b><br />
<ul><li>Tidak memberatkan loading blog.</li>
<li>Full CSS tanpa menggunakan image sebagai background.</li>
<li>gampang.</li>
</ul><b>Kekurangannya :</b><br />
<ul><li>Tidak support Crossbrowser.</li>
<li>Hanya support dengan browser yang sudah bisa menampilkan CSS3.</li>
</ul>Kalo penasaran pengen buat juga, okeh ikutin aja langkah2 dibawah ini : <br />
<ul><li>Copy script CSS dibawah ini ke dalam web ato blog kamu. Penempatannya untuk blogger silahkan masukan script dibawah diantara script CSS yang lainnya. Atau diatas kode <b>]]></b>.</li>
</ul></div><div style="background-color: #0099ff; color: white; height: 250px; overflow: scroll; width: 450px;">a.Tooltip{<br />
position:relative;<br />
z-index:24;<br />
color:#fff;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
a.Tooltip span{ <br />
display: none;<br />
}<br />
<br />
a.Tooltip:hover{ <br />
z-index:50;<br />
text-decoration:none;<br />
}<br />
<br />
a.Tooltip:hover span{<br />
display:block;<br />
position:absolute;<br />
left:0;<br />
padding: 5px 2px 5px 5px;<br />
width:200px;<br />
min-height:50px;<br />
color:#fff;<br />
font: Georgia, "Times New Roman", Times, serif;<br />
font-size:10px;<br />
font-weight:bold;<br />
text-align: center;<br />
background-color: rgba(60, 132, 198, 0.8);<br />
border-top-color: #8ba2c1;<br />
border-right-color: #5890bf;<br />
border-bottom-color: #4f93ca;<br />
border-left-color: #768fa5;<br />
-webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;<br />
-moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;<br />
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));<br />
background-image: -moz-linear-gradient(rgba(28, 91, 155, 0.8) 0%, rgba(108, 191, 255, .9) 90%);<br />
-moz-border-radius:5px;<br />
-webkit-border-radius:5px;<br />
vertical-align:text-bottom;<br />
text-transform:none;<br />
}<br />
a.Tooltip:hover span img {<br />
width:120px;<br />
height:100px;<br />
padding:2px 2px 2px 2px;<br />
text-align:left;<br />
text-transform:none;<br />
border:1px solid #CCCCCC;<br />
}</div><br />
<ul><li>Kemudian simpan perubahan.</li>
</ul><br />
<div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white;"><span style="font-size: large;"><b>Cara Menggunakannya</b></span></div><br />
Untuk memunculkan tooltipsnya, silahkan ikuti langkah2 dibawah :<br />
<ul><li>pada saat akan memasukan link pada Html atau template, tambahkan beberapa tag seperti dibawah ini :</li>
</ul><div style="color: red;"><u><b>Link Normal (Tanpa Tooltip)</b></u></div><a href="http://shevy-blog.blogspot.com/" target="_blank" title="shevy-blog">shevy-blog</a><br />
<br />
<br />
<div style="color: red;"><u><b>Link Dengan Tooltip</b></u></div><a<b><span style="color: blue;"> class="tooltip"</span></b> href="<b>URL BLOG KAMU</b>"><b>NAMA LINK</b><br />
<span><b><span style="color: #38761d;">DESKRIPSI TEXT KAMU</span></b></span><br />
<img alt="<b>title gambar</b>" src="<b><span style="color: #351c75;">URL GAMBAR KAMU</span></b>" /><br />
</a><br />
<br />
<b>Contoh:</b><br />
<a <b><span style="color: blue;">class="tooltip"</span></b> href="<b><span style="color: black;">http://shevy-blog.blogspot.com</span></b>"><b>shevy-blog</b><br />
<span><b><span style="color: #38761d;">shevy-blog | Monetize Your Blog</span></b></span><br />
<img alt="<b>shevy-blog | Monetize Your Blog</b>" src="<b><span style="color: #351c75;">Http://.../image/shevy-blog.jpg</span></b>" /><br />
</a><br />
<br />
Keterangan Warna :<br />
<ul><li>Setiap kamu akan membuat link dengan fitur tooltip, kamu harus memasukan tag <b><span style="color: blue;">class="tooltip"</span></b>, seperti contoh diatas, tag yang shevy tandai dengan warna biru.</li>
</ul><ul><li>Untuk tag yang shevy tandai dengan warna hijau, adalah untuk deskripsi atau keterangan atau tulisan apapun yang akan muncul pada kotak tooltips nanti.</li>
</ul><ul><li>Sedangkan tag yang shevy tandai dengan warna ungu, adalah untuk memasukan gambar thumbnail pada tooltip. gunakan tag ini jika kamu mau memasukan gambar pada tooltip-nya.</li>
</ul><br />
Nah kayaknya cukup tuh keterangannya, apabila ada pertanyaan, atau kesulitan silahkan komen aja ya...<br />
<br />
<b>Untuk melihat Contoh Live nya silahkan klik link dibawah ini:</b><br />
<div style="text-align: center;"><a href="http://test-blog.shevy.co.tv/tooltips.html" target="_blank"><b style="color: red;">Klik Disini Untuk Melihat Contoh Tooltip Full CSS</b></a></div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com3tag:blogger.com,1999:blog-1041206324206651352.post-55443614280073492102010-04-02T11:09:00.000+07:002010-04-02T11:09:19.144+07:00Second Payment Chitika<div style="text-align: justify;">Satu lagi nih bayaran yang didapet di awal bulan april ini, bayarannya dateng dari chitika ( yang katanya saingan adsense ). Setelah dibanned adsense kayaknya bakalan pake chitika terus nih. Bukti Bayarannya liat dibawah.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://shevy-blog.blogspot.com/2009/07/program-pay-per-click-chitika.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_dj98lIDKfLo/S7VsiihZUxI/AAAAAAAAAWk/XlLS7SRjmHI/s320/bukti-payment-chitika.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Bayarannya gak seberapa, tapi lumayan buat beli baso,hehe. Bayaran kedua ini cukup membuktikan kalo berburu $$$ di chitika tak sesulit Adsense ato Adbrite,..</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Nah yang belon gabung di Chitika, ayo buruan gabung, buat yang udah gabung optimalkan ya... hihi</div><br />
<div style="text-align: center;"><a href="http://shevy-blog.blogspot.com/2009/07/program-pay-per-click-chitika.html"><span style="color: #0b5394; font-size: large;"><b>Klik Disini Untuk Info Lebih Lanjut Tentang Chitika</b></span></a></div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com7tag:blogger.com,1999:blog-1041206324206651352.post-58542655063351648052010-04-02T10:56:00.000+07:002010-04-02T10:56:34.379+07:00Bayaran Kedua dari Promoteburner<div style="text-align: justify;">Lama gak cek email, pas cek email dapet surat dari paypal yang memberitahukan bahwa bayaran dari <b>promoteburner </b>yang bulan kmaren dah nyampe, lumayanlah buat nambahin pudi paypal shevy en lagi ngumpulin buat beli domain. Skrinsutnya ada dibawah... maaf bukannya mau pamer, ini cuman buat motivasi aja buat temen2 blogger yang belum ikutan biar cepet ikutan <b>promoteburner</b>.</div><div style="text-align: justify;"><br />
</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://shevy-blog.blogspot.com/2010/02/cara-mendaftar-di-promoteburner.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_dj98lIDKfLo/S7VpuUYENfI/AAAAAAAAAWc/ZAtB6jDO_h8/s320/bukti-payment-promoteburner.jpg" /></a></div><br />
haaa, walaupun cuman $1 tapi tetep lumayanlah buat yang gak pernah di optimasi dan gak perlu perlakuan khusus. Dan sekarang lagi nunggu bayaran yang buat bulan maret, katanya tanggal 5 april. tunggu ah...<br />
<br />
smangat nyari $$$,,,<br />
<br />
<br />
<a href="http://shevy-blog.blogspot.com/2010/02/cara-mendaftar-di-promoteburner.html"><span style="color: #0b5394; font-size: large;"><b>Klik Disini Untuk Membaca Cara Mendaftar di Promoteburner</b></span></a>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com0tag:blogger.com,1999:blog-1041206324206651352.post-14159695873184679852010-03-28T03:50:00.000+07:002010-03-28T03:50:49.739+07:00Promo $1 / Referral Dari Tiptoptraffic<script language="javascript" src="http://tiptoptraffic.com/bnr_show.php?id=67392&s=1&c=0%7C">
</script><br />
<div style="text-align: justify;"><b>Tiptoptraffic </b>merupakan website Traffic Exchange sama seperti <b>Easyhits4u </b>dan sedang mengadakan promo dimana kamu akan dibayar $1 untuk setiap orang yang kamu ajak untuk mendaftar<b> Tiptoptraffic. </b>Dan juga untuk setiap pendaftar baru akan mendapat bonus pendaftaran $1.</div><div style="text-align: justify;"></div><div style="text-align: justify;">Sayangnya promo ini hanya berlaku sampai tanggal 31 maret 2010, shevy juga telat dapet info, tapi tetep berusaha dulu, sapa tau dalam 3 hari bisa dapet referral yang lumayan.</div><br />
<br />
Nah buat yang mau daftar silahkan aja ikuti langkah2 dibawah ini:<br />
<ul><li><a href="http://tiptoptraffic.com/?r=67392" rel="nofollow">Klik disini.</a></li>
<li>Lalu klik menu '<b>Sign Up</b>"</li>
<li>Isi nama dan email kamu, trus klik aja tombol <b>sign up</b>. (<b>untuk mendaftar di </b><b>Tiptoptraffic usahakan untuk menggunakan email dari Gmail</b>)</li>
<li>Konfirmasi link pendaftaran yg dikirimkan ke email kamu, tinggal klik link konfirmasi yang ada di email kamu.</li>
</ul><br />
<div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white;"><span style="font-size: large;"><b>Aktivasi Member di Tiptoptraffic </b></span></div><br />
Setelah proses pendaftaran diatas selesai, kamu musti mengaktifkan akun kamu, agar dapet bonus yang $1 itu. Untuk mengaktifkannya, kamu harus surfing 25 website. caranya, silahkan ikuti langkah dibawah :<br />
<ul><li>Login ke akun <b>Tiptoptraffic </b> kamu.</li>
<li>Masuk ke <b>member area</b>, dan klik <b>tools</b>, kemudian pilih menu <b>Surf Now</b>.</li>
<li>Dan surfing minimal 25 halaman, cara surfingnya hampir sama dengan easyhits4u.</li>
</ul>Setelah akun kamu aktif, sekarang waktunya untuk minta bonus $1 ama adminnya, caranya :<br />
<ul><li> Masuk ke menu support.</li>
<li>Kemudian pilih menu <b>open new ticket</b>.</li>
<li>Sekarang masukan pesan kamu untuk minta bonus, contohnya seperti dibawah ini :</li>
</ul><b>Title : </b><b>My Bonus</b><br />
<br />
<b>Isi Pesan : i've become an active member, and i want my bonus.</b><br />
<br />
<ul><li>Kalo udah tinggal klik submit ticket dan tunggu beberapa menit ato maksimal 1 hari, maka bonus sudah ada di akun kita.</li>
</ul>Nah sekarang kan bonus dah dapet, tinggal optimalkan earning, walopun cuma punya waktu beberapa hari tapi semangat buat nyari referral ok... :D<br />
<br />
<br />
<b style="color: red;">Catatan : Minimal PO Tiptoptraffic $10</b><br />
<ul></ul>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com3tag:blogger.com,1999:blog-1041206324206651352.post-13875816289357890082010-03-05T01:29:00.002+07:002010-03-05T01:39:35.158+07:00Mengenal Bisnis Web Proxy Part 2<div style="text-align: justify;"><b>Mengenal Bisnis Web Proxy Part 2,</b></div><div style="text-align: justify;">Postingan ini merupakan lanjutan dari post sebelumnya tentang <b> <a href="http://shevy-blog.blogspot.com/2010/02/mengenal-bisnis-web-proxy.html">Mengenal Bisnis Web Proxy</a></b><b>, </b>nah sekarang shevy mau menjelaskan tentang cara membuat web proxy itu sendiri. Namun sebelumnya udah pada tau kan kalo <b>Bisnis Web Proxy </b>itu gak gratis alias <b>BAYAR, </b>maksudnya ya musti bayar proxy hosting kita.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Langkah membuat <b>Web Proxy </b>ini sebenarnya shevy dapet dari <a href="http://shevy-blog.blogspot.com/2010/03/ebook-getting-rich-with-webproxy.html"><b>ebooknya om-COSA</b></a>, pada tau kan?? masa blogger enggak tau,,, hehehe . Lanjut, walaupun sourcenya dari ebook, tapi berusaha biar dapet Unique Content, hihi.. okeh tanpa basa basi, lagi kita mulai bekerja,,</div><div style="text-align: justify;"><br />
</div><div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white; text-align: justify;"><span style="font-size: large;"><b>1. Memilih Jenis Web Proxy</b></span></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Dijagat maya ini ada beberapa jenis script web proxy yang bisa kamu pilih sesuai dengan keinginan dan kebutuhan, diantaranya :</div><ol start="1" style="margin-top: 0in; text-align: justify;" type="1"><li class="MsoNormal"><b>PHP PROXY, </b>script type <b>PHP PROXY</b> memungkinkan penggunanya dapat masuk ke website seperti MySpace.com dan Facebook.com tanpa perlu username yang telah terdaftar. <b>PHP PROXY </b>biasanya digunakan oleh para cracker web (NOT a hacker, coz yang jahat itu cracker). Jika kamu menggunakan script ini siap2 kebanjiran user dari amrik, karena biasa digunakan oleh para cracker amrik. Keuntungannya : Tidak banyak memakan resource server, script yang tergolong ringan. Dan bisa gonta ganti template, untuk template nya silahkan googling aja ya.</li>
</ol><ol start="2" style="margin-top: 0in; text-align: justify;" type="1"><li class="MsoNormal"><b>CGI PROXY</b>, singkatan dari <b>Common Gateway Interface</b>. CGI proxy menggunakan protokol yang berbeda seperti HTTP, FTP dan SSL, CGI ditulis dalam bahasa pemrograman Perl. Kelebihan <b>CGI PROXY, </b>identitas pengguna bisa disembunyikan dengan baik dari server lain seperti jika kita menggunakan IP Proxy. Tapi tetep gak bias mengelabui web yang super secure seperti Paypal.Namun kelemahannya bisa membuat server hosting kamu jadi overload, karena <b>CGI PROXY </b>membutuhkan resource server yang besar.<br />
</li>
</ol><ol start="3" style="margin-top: 0in; text-align: justify;" type="1"><li class="MsoNormal"><b>ZELUNE PROXY</b>, khusus yang ini shevy gak tau nih, tapi kalo dari segi tampilan hamper sama dengan yang lain, mungkin agan2, bro, sista disana ada yang tau?? </li>
</ol><ol start="4" style="margin-top: 0in; text-align: justify;" type="1"><li class="MsoNormal"><b>GLYPE PROXY,</b> ini merupakan script proxy yang paling banyak digunakan disbanding yang diatas. Script Glype bebas digunakan secara gratis, script ini ditulis dalam PHP.Kelebihan : Script ringan, paling popular, gratis.</li>
</ol><div style="text-align: justify;">Silahkan pilih mana yang mau dipakai, untuk mendownload script2 diatas silahkan masuk ke <a href="http://www.freeproxysite.com/free-proxy-scripts.php" rel="nofollow"><b>http://www.freeproxysite.com/free-proxy-scripts.php</b></a>, disana ada banyak pilihan script.</div><ol start="4" style="margin-top: 0in; text-align: justify;" type="1"></ol><div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white; text-align: justify;"><span style="font-size: large;"><b>2. Pemilihan Web Hosting<br />
</b></span></div>Disini kamu harus berpikir dengan cermat dalam memilih hosting, karena hosting untuk proxy memang tidak ada yang murah, dan bisa 2x lebih mahal dari hosting web biasa. Dibawah ini shevy berikan beberapa daftar hosting rekomendasi shevy yang bisa menjadi referensi kamu.<br />
<b>- Neohoster.com (LOKAL)</b><br />
<ul><li>Small ( 500 MB space 20 GB bw, unlimited add on domain) : 50 rb / tahun</li>
<li>Medium ( 1 GB space 40 GB bw, unlimited add on domain) : 100 rb / tahun</li>
<li>Large ( 2 GB space 100 GB bw, Unlimited add on domain): 150 rb / tahun</li>
</ul><b>- Fusedhosting.net (<span class="dollar"> $2</span><span class="cents">.50</span> / month</b><b> )</b><br />
<ul><li>Disk space : 1GB</li>
<li>Bandwidth : 25GB</li>
<li>Unlimited domains</li>
<li>cPanel 11 + Fantastico</li>
</ul><b>- techentrance.com ($7,9 / month) -------> Rekomendasi loh,, 99% uptime</b><br />
<ul><li>1000MB Space </li>
<li>25000MB Bandwidth</li>
<li> Host Unlimited Domains</li>
<li>0$ Setup - 7.95$ / Month </li>
</ul>- <b>monsterprox.com ($4,95 / month)</b><br />
<ul><li>250Mb Diskspace</li>
<li>20,000Mb Monthly Bandwidth</li>
<li>POP Email - Unlimited A/Cs</li>
<li>cPanel / Fantastico</li>
<li>99.9% Uptime Guarantee </li>
</ul><br />
<div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white;"><span style="font-size: large;"><b>3. Memilih Nama Domain</b></span></div><br />
<div style="text-align: justify;">Untuk memilih nama domain, kamu bebas pilih nama apa saja asalkan jangan ada kata2 proxy-nya. Karena web proxy merupakan musuh dari pada admin jaringan, salah2 web proxy kamu bisa di blok, dan no money. Kamu menggunakan kata hide, unlock, ato apapun asal jangan proxy. seperti shevy yang pake Nyumput.tk (nyumput 'sundanese' = sembunyi 'indo'). </div><div style="text-align: justify;">Untuk memilih domainnya sendiri jika kamu punya budget lebih silahkan pilih domain top level seperti .com, .net, .info, .us, .org, dll. Tapi jika budget terbatas pake aja <a href="http://shevy-blog.blogspot.com/2010/02/domain-gratis-dottk.html"><b>domain gratis dari .tk</b></a>. Jangan .co.cc, karena sewaktu kita promosi dengan cara submit ke proxy direktori, banyak yang tidak memperbolehkan proxy dengan domain gratis .co.cc.</div><br />
<div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white;"><span style="font-size: large;"><b>4. Cara Menginstall Script Web Proxy</b></span></div><br />
<div style="text-align: justify;">Disini shevy hanya akan menjelaskan cara menginstall script tipe GLYPE (untuk mempersingkat waktu) karena pada dasarnya semua sama, jika ada yang ingin tau cara menginstall script yang lainnya silahkan comment aja.Cara menginstal script web proxy tipe GLYPE sangat mudah, silahkan ikuti langkah2 dibawah ini :</div><ul><li>Download dulu script GLYPE di <b>www.glype.com</b>.</li>
<li>Setelah download selesai, jika file tipe nya .zip, silahkan extrak file tersebut.</li>
<li>Disana akan ada 2 folder, yaitu : <b>Extras </b>dan <b>upload</b>.</li>
<li>Copy file <b>admin.php</b> pada folder Extras kedalam folder <b>upload</b>.</li>
<li>Kemudian upload "<b>folder upload</b>" kedalam hosting kamu, kamu bisa menggunakan FTP ato online File manager.</li>
<li>Tunggu hingga selesai.</li>
<li>Sekarang ganti <b>file permission </b>pada file<b> Setting.php</b> di direktori <b>Includes</b>, menjadi <b>777</b>.</li>
<li>Ganti juga <b>file permission </b>pada file <b>Config.php</b> di direktori <b>/Themes/Nama_Themes_Kamu/</b>, menjadi <b>777</b>.</li>
<li>Sekarang coba masuk ke halaman admin web proxy kamu, dengan mengetikan alamat seperti ini : <b>Http://www.alamat_web_proxy_kamu.com/admin.php</b> (<b>Ganti alamat_web_proxy_kamu</b> dengan url proxy kamu)</li>
<li>Nah, berhubung belum ada username dan password admin, silahkan masukan username dan password untuk halaman admin web proxy kamu.</li>
<li>Pada halaman admin kamu bisa mengganti template glype kamu, untuk templatenya silahkan googling pake keyword "<b>Free Glype Themes</b>". Kamu juga bisa merubah settingan2 yang ada pada web proxy kamu.</li>
<li>Jika sudah, silahkan cek web proxy...</li>
</ul>Okeh untuk sekmen sekarang keknya udah cukup, untuk artikel lanjutannya Trik promosi web proxy, tunggu ya... Jangan lupa kunjungi web proxy shevy at :<br />
<br />
<div style="color: red;"><span style="font-size: small;"><a href="http://www.blogger.com/goog_1267719347892"><b>Http://nyumput.tk</b></a></span></div><div style="color: red;"><span style="font-size: small;"><a href="http://private.nyumput.tk/"><b>Http://private.nyumput.tk</b></a></span></div><div style="color: red;"><br />
</div><div style="color: red;"><span style="font-size: large;"><b>Jika ada kesulitan jangan sungkan untuk bertanya lewat kolom komentar dibawah,,, n_n </b></span><span style="font-size: small;"><b><br />
</b></span></div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com13tag:blogger.com,1999:blog-1041206324206651352.post-49718959648836392212010-02-28T03:33:00.000+07:002010-02-28T03:33:34.053+07:00Domain Gratis Dot.TK<div style="text-align: justify;">Domain gratis lagi nih, kalo dulu <a href="http://shevy-blog.blogspot.com/2009/07/daftar-domain-gratis-cocc.html"><b>domain gratis dari CO.CC</b></a>, nah sekarang mah ada yang namanya dot.tk. Selain dot.tk pun ada banyak layanan penyedia domain gratis contohnya co.cc, co.nr, tau apalagi ya??. Beberapa keuntungan dari domain gratisan ini adalah :</div><ul><li>Domain Dot.TK bisa digunakan untuk mendaftar Adsense, mengingat Adsense sekarang makin ketat, salah satunya musti daftar pake domain top leve seperti .com, .net, .info dan lainnya. Tapi ternyata domain Dot.TK bisa digunakan untuk mendaftar Adsense. Seperti yang dikatakan <b>Ayu Adine (Ayuadine.blogspot.com)</b>.</li>
<li>Di <b>Dot.TK</b> ada yang namanya Tikilink, Tikilink merupaka layanan gratis dari <b>Dot.TK </b>yang bisa meningkatkan traffik keblog ato web kita, cara kerjanya seperti kita memasang iklan pada adsense gitu. Jadi istilahnya mah jadi Advertiser tapi gratis.</li>
<li>Manfaat lainnya akan anda temukan setelah anda mendaftar di <b>Dot.TK </b>(Lebay Mode = On)<b>.</b></li>
</ul><br />
<br />
<div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white;"><span style="font-size: large;"><b>Cara Mendaftar Di DOT.TK</b></span></div><br />
<ul><li>Langkah pertama, silahkan masuk ke web nya <b>DOT.TK</b>, Klik Link dibawah ini (Bukan link referral) :</li>
</ul><div style="text-align: center;"><a href="http://my.dot.tk/" rel="nofollow"><span style="font-size: large;"><b style="color: blue;">http://my.dot.tk/</b></span></a></div><ul><li>Kalo udah disana ada kotak tex yang bertuliskan <b>Enter your URL here</b>, silahkan masukan nama domain yang diinginkan. Kemudian klik <b>Next</b>.</li>
<li>Kalo nama domain yang dimasukan belum ada yang pake tinggal lanjutin aja, tapi kalo udah ada yang pake silahkan cari lagi nama domainnya. jika domain tersedia maka akan muncul text <b>This domain is still available</b>.</li>
<li>Nah sekarang dibawahnya ada pilihan <b>Free </b>dan <b>Paid</b>, pilih aja yang <b>Free</b>. Kemudian klik <b>Next</b>.</li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_dj98lIDKfLo/S4l44fl7_KI/AAAAAAAAAVE/RoTiGDf2gLg/s1600-h/domain-gratis-dot-tk.jpg" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;"><img alt="Domain Gratis Dot.TK" border="0" src="http://4.bp.blogspot.com/_dj98lIDKfLo/S4l44fl7_KI/AAAAAAAAAVE/RoTiGDf2gLg/s320/domain-gratis-dot-tk.jpg" /></a></div><br />
<ul><li>Sekarang kamu diminta untuk memasukan URL Blog kamu. Jika sudah klik <b>Next</b>. Seperti contoh dibawah ini.</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_dj98lIDKfLo/S4l5neT-JYI/AAAAAAAAAVM/IcW2iEeLyIg/s1600-h/domain-gratis-dot-tk2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_dj98lIDKfLo/S4l5neT-JYI/AAAAAAAAAVM/IcW2iEeLyIg/s320/domain-gratis-dot-tk2.jpg" /></a></div><br />
<ul><li>Lagi2 diminta masukin email, silahkan masukin email kamu dan jangan lupa masukin kode verifikasi nya juga. Kemudian klik <b>Next</b>. Kemudian isi <b>Nama </b>dan <b>Password</b>, klik <b>Next </b>lagi.</li>
<li>Klik link aktivasi yang dikasih ama <b>DOT.TK</b> lewat email, kemudian masukin kode Aktivasinya. klik <b>Next</b>.</li>
</ul><br />
<div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white;"><span style="font-size: large;"><b>Cara Setting Domain DOT.TK Untuk Blogger</b></span></div><br />
<ul><li>Login ke akun <b>DOT.TK</b> kamu.</li>
<li>Pada sidebar kiri klik menu <b>My Domain</b>. Kemudian klik submenu <b>List My Domains</b>. Pada domain kamu klik aja menu <b>Modify</b>.</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_dj98lIDKfLo/S4l7cQftO6I/AAAAAAAAAVU/mJ1qvGJSY0k/s1600-h/domain-gratis-dot-tk3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_dj98lIDKfLo/S4l7cQftO6I/AAAAAAAAAVU/mJ1qvGJSY0k/s320/domain-gratis-dot-tk3.jpg" /></a></div><ul><li>Disana akan ada 3 pilihan untuk setting domain kamu, berikkut cara settingnya :</li>
</ul><b>Domain Forwarding, </b>Alamat blog kamu akan di redirect ke alamat domain lain. Untuk menggunakan layanan ini, silahkan masukan ja alamat blog kamu pada kotak <b><label for="flddescription">Your referer URL</label>.</b><br />
<br />
<b><span style="color: #cc0000;"><span style="color: black;"><span style="color: #cc0000;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;">Use Dot TK Free DNS Service, </span></span></span></span></span></span></span></span></b><span style="color: #cc0000;"><span style="color: black;"><span style="color: #cc0000;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;">Artinya kamu akan menggunakan layanan DNS dari Dot.Tk, dengan menggunakan layanan ini alamat blog kamu yang ****.blogspot.com akan berubah menjadi ***.tk. Untuk mendaftar Adsense sebaiknya gunakan setting ini. Cara settingnya :</span></span></span></span></span></span></span></span><br />
<ul><li><span style="color: #cc0000;"><span style="color: black;"><span style="color: #cc0000;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;">Pada kolom <b>Type </b>pilih <b>CNAME, </b>pada kolom Host masukan alamat domain dot.tk kamu.</span></span></span></span></span></span></span></span></li>
<li><span style="color: #cc0000;"><span style="color: black;"><span style="color: #cc0000;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;">Pada kolom IP Address masukan </span></span></span></span></span></span></span></span><span style="color: #cc0000;"><span style="color: black;"> <b>ghs.google.com</b></span></span></li>
<li><span style="color: #cc0000;"><span style="color: black;">Klik tulisan </span></span><b>Add another hostname.</b></li>
<li>Pada kolom Type pilih <b>MX</b>. Otomatis kolom <b>Host </b>akan terisi dengan alamat domain kamu.</li>
<li><span style="color: #cc0000;"><span style="color: black;"><span style="color: #cc0000;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;">Pada kolom IP Address masukan </span></span></span></span></span></span></span></span><span style="color: #cc0000;"><span style="color: black;"> <b>ghs.google.com</b></span></span> </li>
<li>Klik <b>Next</b>.</li>
<li>Masuk ke akun <b>blogger </b>kamu, pada halaman <b>Dasboard </b>- masuk ke menu <b>Pengaturan </b>ato <b>Settings</b>. </li>
<li>Pilih tab <b>Publikasikan</b>. Kemudian klik link <b>Domain Ubahsuaian.</b></li>
<li>Kemudian klik link yang tulisannya <b>Beralihlah ke pengaturan lanjut.</b></li>
<li>Nah silahkan masukan alamat domain <b>.tk</b> kamu, dan jangan lupa masukan juga <b>verifikasi </b>kata nya. Terus klik <b>Simpan Setelan</b>.</li>
<li>Selesai, tinggal tunggu sekitar beberapa menit, pengalaman shevy mah 3jam an.</li>
</ul><b>Use Custom Domain Services</b>, Gunakan settingan ini bila kamu menggunakan layanan hosting sendiri, contohnya jika menggunakan blog dengan <b>CMS Wordpress</b> yang dihostingkan pada hosting sendiri (Gratis maupun berbayar). Cara settingnya :<br />
<ul><li>Pada Kolom <b>Nameserver </b>masukan alamat <b>DNS </b>yang diberikan oleh jasa penyedia hosting kamu. Bila jumlah DNS nya lebih dari 2, silahkan klik <b>Add another nameserver</b>. Untuk menambahkan Kolom <b>Name Server</b>, seperti pada contoh dibawah ini, shevy menggunakan Layanan hosting gratis dari <b>FreeHostia</b>.</li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_dj98lIDKfLo/S4mAIb8mlLI/AAAAAAAAAVc/T3bvL7v-l6I/s1600-h/domain-gratis-dot-tk4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_dj98lIDKfLo/S4mAIb8mlLI/AAAAAAAAAVc/T3bvL7v-l6I/s320/domain-gratis-dot-tk4.jpg" /></a></div><br />
<ul><li>Jika sudah klik saja <b>Next</b>. dan Selesai.</li>
</ul>Udah ya, udah capek ngetik nih, mohon komentarnya... end selamat mencoba..Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com14tag:blogger.com,1999:blog-1041206324206651352.post-49666372918331782402010-02-28T02:25:00.001+07:002010-02-28T02:27:43.723+07:00Mengenal Bisnis Web Proxy<div style="color: blue; text-align: justify;"><span style="font-size: large;"><b>Bisnis Web Proxy???</b></span></div><div style="text-align: justify;">sipp,,, <b>Bisnis Web Proxy </b>bisa menjadi peluang besar bagi kita, kok bisa?? bisa aja sob, sekarangkan udah mulai rame ISP blokir situs tertentu, nah pasti para konsumen akan menggunakan <b>Web Proxy </b>untuk mengakses situs yang diblokir itu. Nah yang menjadi $$$ kita bisa pasang adsense atau adbrite di <b>web proxy</b> kita, dengan begitu peluang untuk mendapatkan $$$ makin gede. Dan perlu diingat para pengguna <b>web proxy</b> sebagian besar dari negara Eropa sana.</div><div style="text-align: justify;"><b><br />
</b></div><div style="color: blue; text-align: justify;"><span style="font-size: large;"><b>Emang keuntungannya berapa sih??</b></span></div><div style="text-align: justify;"></div><div style="text-align: justify;">Pertama shevy ikut <b>Bisnis Web Proxy</b> sekitar seminggu yang lalu, kira2 tanggal 20 febuari, di <b>web proxy </b>tersebut shevy pasang adsense (punya temen "karena adsense shevy dibann*d") dan pada halaman proxified dipasang adbrite, keuntungannya lumayan sob, meskipun gak gede2 amat tapi cukuplah untuk permulaan. Minimal bisa dapet $3 perhari dari adsense. Nah sekarang itung kalo perbulan $3 x 30 = $90, belum lagi dari adbrite yang tadi dipasang pada halaman proxified. Lumayan kan???</div><div style="text-align: justify;"><br />
</div><div style="color: blue; text-align: justify;"><span style="font-size: large;"><b>Dari Segi Kemudahan</b></span></div><div style="text-align: justify;"></div><div style="text-align: justify;">Dari segi kemudahan, Bisnis Web Proxy paling gampang. Kita cuman perlu install script web proxy pada hostingan kita, trus pasang adsense en promosi, beres deh tinggal tunggu $$$ setiap hari. Gak perlu update artikel kek ngeblog... hehehe </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Gimana tertarik gak??, kalo tertarik, ada beberapa syaratnya. Emang apa syaratnya? Syaratnya ya musti mau berkorban untuk membeli domain (Gratisan juga bisa, shevy juga pake <b>.TK</b>), dan yang paling berat musti sewa hosting yang emang memperbolehkan kita hosting <b>Web Proxy</b>. Khusus yang hosting proxy emang harganya agak mahal dibanding hosting web biasa, ya mungkin karena script proxy banyak memakan resource server.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Nah sekian dulu artikel kali ini, untuk cara dan langkah2 membuat web proxy-nya akan shevy jelaskan pada postingan selanjutnya, jadi... To Be Contunyid,, hehehe<br />
<br />
<div style="color: red;"><b>Kunjungi juga web proxy shevy di :</b></div><ul><li><a href="http://www.blogger.com/goog_1267298720092"><b>Http://nyumput.tk</b></a></li>
<li><a href="http://private.nyumput.tk/"><b>Http://private.nyumput.tk</b></a></li>
</ul></div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com0tag:blogger.com,1999:blog-1041206324206651352.post-9277572370211665112010-02-18T17:09:00.000+07:002010-02-18T17:09:39.586+07:00Blog di Block GoogleLagi dan lagi, shevy dapet beberapa somasi dari google, dimulai dari Adsense yang dibanned, dan ternyata selanga beberapa minggu dari itu, blog shevy yang lain malah di Blok oleh Google A.K.A Remove Permanent.<br />
<br />
Entah apa kesalahan blog yang tidak berdosa itu, sehingga bisa dianggap spam oleh pihak google, huh,,, T_T<br />
<br />
Kalo begini terus mah mendingan bikin blog pake CMS laen aja, pusing. Udah cape2 update artikel, nyari backlink, eh malah di remove. Padahal traffik udah lumayan...<br />
<br />
Temen2 blogger lain da yang pernah kek gini gak??, jangan sampe deh...,<br />
<br />
Yang merasa sudah pernah bertukar link dengan Cawokah.blogspot.com, mohon untuk hapus saja linknya, karena blognya juga sudah dihilang dari peredaran dunia maya.,<br />
<br />
salam, hix...Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com11tag:blogger.com,1999:blog-1041206324206651352.post-60448073227540962112010-02-12T00:37:00.000+07:002010-02-12T00:37:58.784+07:00Membuat Widget Daftar Isi di BloggerTanpa basa basi lagi, kita langsung praktek aja Membuat <b>Widget Daftar Isi di Blogger.</b><br />
<br />
<ul><li>Langkah pertama, Login ke <b>blogger </b>- dari halaman <b>dashboard </b>masuk ke <b>Tata Letak / Layout</b> - Kemudian masuk ke tab<b> Edit Html</b>. </li>
</ul><ul><li>Centang tanda <b>Expand Widget Templates</b>. </li>
</ul><ul><li>Kemudian cari kode seperti dibawah ini.</li>
</ul><div align="center" style="background-color: #0099ff; height: 25px; overflow: hidden; width: 450px;"><b><b:include data='post' name='post'/></b></div><br />
<ul><li>Ganti kode diatas dengan kode dibawah ini.</li>
</ul><div style="background-color: #0099ff; height: 150px; overflow: scroll; width: 450px;"><b><b:if cond='data:blog.homepageUrl !=<br />
data:blog.url'><br />
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'><br />
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"><br />
<data:post.title/></div></a><br />
<b:else/><br />
<b:include data='post' name='post'/><br />
</b:if><br />
<b:else/><br />
<b:include data='post' name='post'/><br />
</b:if></b></div><br />
<ul><li>Kemudian klik <b>Save Template.</b></li>
</ul><ul><li>Sekarang masuk ke tab <b>Elemen Halaman</b> / <b>Page Elements. </b>Dan tambahkan sebuah widget baru dengan klik a<b>dd gadget</b> / <b>tambah gadget</b>. Lalu pilih type <b>HTML / Javascript</b>.<b> </b></li>
</ul><b></b><br />
<ul><li>Dan masukan script dibawah ini pada widget baru tadi.</li>
</ul><br />
<div style="background-color: #0099ff; height: 100px; overflow: scroll; width: 450px;"><b><a href="http://<span style="color: white; font-size: large;">alamat_blog_kamu</span>.blogspot.com/search?max-results=<span style="color: white;">200</span>">Daftar Isi &raquo;&raquo;</a></b></div><ul><li>Silahkan ubah kode <b style="color: red;"><span style="font-size: large;">alamat_blog_kamu </span></b><span style="color: red;"><span style="font-size: large;"><span style="color: black;"><span style="font-size: small;">dengan alamat blog kamu.</span></span></span></span> </li>
</ul><span style="color: red;"><span style="font-size: large;"><span style="color: black;"><span style="font-size: small;"></span></span></span></span><ul><li><span style="color: red;"><span style="font-size: large;"><span style="color: black;"><span style="font-size: small;">Angka <span style="font-size: large;"><b style="color: red;">200</b></span>, merupakan jumlah maksimal artikel yang akan ditampilkan. kamu bisa merubahnya sesuai dengan keinginan kamu.</span></span></span></span></li>
</ul><ul><li>Kemudian klik <b>save</b>. dan lihat hasilnya.</li>
</ul>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com6tag:blogger.com,1999:blog-1041206324206651352.post-18778519215845425752010-02-12T00:15:00.001+07:002010-02-12T00:15:53.842+07:00Membuat Widget Recent Comment di BloggerTutorial ini akan menjelaskan cara<b> Membuat Widget Recent Comment di Blogger</b>, dengan adanya widget ini dapat memudahkan kita sebagai admin blog untuk mengetahui komentar terbaru.<br />
<br />
<b>Widget Recent Comment</b> dalam tutorial ini shevy bagi 2, diantaranya:<br />
<ol><li><b>Widget Recent Comment </b>dengan javascript, Beginner version (sok inggris, hehe).</li>
<li><b>Widget Recent Comment</b> tanpa Javascript, yang ini paling gampang.</li>
</ol>Mau tau Langkah2 untuk Membuat Widget Recent Comment, ok cekidot...<br />
<br />
<div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white;"><span style="font-size: large;"><b>1. Widget Recent Comment dengan javascript</b></span> </div><br />
<ul><li>Langkah pertama login ke blogger - dari halaman <b>Dashboard </b>masuk ke <b>Tata Letak / Layout</b> - Kemudian masuk ke tab <b>Elemen Halaman </b>/ <b>Page Elemen</b>.</li>
<li>Selanjutnya tambahkan gadget baru, dengan memilih<b> Tambah Gadget </b>/ <b>Add Gadget</b>. Pilih type<b> HTML / Javascript.</b></li>
<li>Kemudian masukan script dibawah ini kedalam gadget baru tersebut.<b> </b></li>
<div style="background-color: #0099ff; height: 250px; overflow: scroll; width: 450px;"><script style="text/javascript"> function showrecentcomments(json) { var numcomments = 5; var showcommentdate = true; var showposttitle = true; var numchars = 100; for (var i = 0; i < numcomments; i++) { var entry = json.feed.entry[i]; var alturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } alturl = alturl.replace("#", "#comment-"); var postlink = alturl.split("#"); postlink = postlink[0]; var linktext = postlink.split("/"); linktext = linktext[5]; linktext = linktext.split(".html"); linktext = linktext[0]; var posttitle = linktext.replace(/-/g," "); posttitle = posttitle.link(postlink); var commentdate = entry.published.$t; var cdyear = commentdate.substring(0,4); var cdmonth = commentdate.substring(5,7); var cdday = commentdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; if ("content" in entry) { var comment = entry.content.$t;} else if ("summary" in entry) { var comment = entry.summary.$t;} else var comment = ""; var re = /<S[^>]*>/g; comment = comment.replace(re, ""); document.write('<br/>'); if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' '); document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented'); if (showposttitle == true) document.write(' on ' + posttitle); document.write('<br/>'); if (comment.length < numchars) { document.write('<i>'); document.write(comment); document.write('</i>');} else { document.write('<i>'); comment = comment.substring(0, numchars); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + '...<a href="' + alturl + '">(more)</a>'); document.write('</i>');} document.write('<br/>'); } document.write('<br/>'); } </script> <script src="http://<b><span style="color: white; font-size: large;">Alamat_blog_kamu</span></b>.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script> </div></ul><ul><li>Script yang saya tandai dengan warna putih, ganti dengan alamat blog kamu. </li>
<li>Setelah memasukan script diatas, jangan lupa kasih judul widget tersebut. Seperti contoh gambar dibawah. </li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_dj98lIDKfLo/S3QzcwcBFMI/AAAAAAAAAUk/NaLraDSS0Wk/s1600-h/Membuat+Widget+Recent+Comment+di+Blogger.png" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Widget Recent Comment di Blogger" border="0" src="http://3.bp.blogspot.com/_dj98lIDKfLo/S3QzcwcBFMI/AAAAAAAAAUk/NaLraDSS0Wk/s320/Membuat+Widget+Recent+Comment+di+Blogger.png" /></a></div><ul><li>Langkah terakhir save template, dan lihat hasilnya.</li>
</ul><br />
<div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white;"><span style="font-size: large;"><b>2. Recent Comments Cara Kedua</b></span></div><br />
<ul><li>Langkah pertama login ke blogger - dari halaman <b>Dashboard </b>masuk ke <b>Tata Letak</b> / <b>Layout </b>- kemudian masuk ke tab <b>Elemen Halaman</b> / <b>Page Element.</b></li>
<li>Tambahkan gadget baru, dengan klik <b>Tambah Widget </b>/ <b>Add Gadget</b>. Kemudian pilih type <b>Feed</b>. Seperti gambar dibawah ini.</li>
</ul><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_dj98lIDKfLo/S3Q1_W55rII/AAAAAAAAAUs/wX5iZWChxDI/s1600-h/Membuat+Widget+Recent+Comment+di+Blogger2.jpg" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Widget Recent Comment di Blogger" border="0" src="http://1.bp.blogspot.com/_dj98lIDKfLo/S3Q1_W55rII/AAAAAAAAAUs/wX5iZWChxDI/s320/Membuat+Widget+Recent+Comment+di+Blogger2.jpg" /></a></div><br />
<ul><li>Kemudian masukan alamat feed comment blog kamu. Seperti url contoh dibawah ini. Ganti <b>shevy-blog.blogspot.com</b> dengan url blog kamu. </li>
</ul><span style="color: red; font-size: large;"><b>http://<span style="color: black;">shevy-blog.blogspot.com</span>/feeds/comments/default</b></span><br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_dj98lIDKfLo/S3Q3JDW6cWI/AAAAAAAAAU0/WAorkiLckXc/s1600-h/Membuat+Widget+Recent+Comment+di+Blogger3.jpg" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Widget Recent Comment di Blogger" border="0" src="http://1.bp.blogspot.com/_dj98lIDKfLo/S3Q3JDW6cWI/AAAAAAAAAU0/WAorkiLckXc/s320/Membuat+Widget+Recent+Comment+di+Blogger3.jpg" /></a></div><br />
<ul><li> Kemudian klik <b>Next</b>, dan akan disana akan muncul jendela seperti dibawah.</li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_dj98lIDKfLo/S3Q4oGNfFtI/AAAAAAAAAU8/yf3baHEZVrg/s1600-h/Membuat+Widget+Recent+Comment+di+Blogger4.jpg" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Widget Recent Comment di Blogger" border="0" src="http://2.bp.blogspot.com/_dj98lIDKfLo/S3Q4oGNfFtI/AAAAAAAAAU8/yf3baHEZVrg/s320/Membuat+Widget+Recent+Comment+di+Blogger4.jpg" /></a></div><ul><li>Silahkan Ubah pengaturannya sesuai dengan keinginan kamu. Berikut keterangannya :</li>
</ul><blockquote><b style="color: red;">Judul</b> : Judul Widget kamu misal "Recent Comments atau Komentar Terbaru".<br />
<b style="color: red;">Tampilkan </b>: Jumlah komentar yang akan ditampilkan didalam widget.<br />
<b style="color: red;">Tanggal </b>: Menampilkan tanggal komentar pada widget recent comments.<br />
<b style="color: red;">Sumber pengarang</b> : nama orang yang memberikan komentar.<br />
<b style="color: red;">Buka link dijendela baru</b> : Setiap kita klik link di widget itu, maka akan membuka tab baru pada browser.</blockquote><br />
<ul><li>Jika sudah jangan lupa klik Simpan - Simpan Template. Dan lihat hasilnya.</li>
</ul><br />
Udah ya, selamat mencoba...<br />
bentar lagi valentine,,, jomblo deui, huphhh... :(Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com19tag:blogger.com,1999:blog-1041206324206651352.post-37547594815730907602010-02-10T18:43:00.001+07:002010-02-10T18:43:02.624+07:0070 Automatic High PR BacklinkSemangat untuk posting lagi, shevy mo bagi2 <b>70 Automatic High PR Backlink</b> nih, rata2 backlinknya punya PR yang lumayan tinggi. Cuman cara submit backlinknya sedikit berbeda, kalo biasanya pake cara manual, sekarang kita pake cara yang otomatis, biar cepet…<br />
<br />
Mau tau caranya, lets do it..,<br />
<ul><li>Langkah pertama masuk kesitusnya dulu, pake link dibawah (No Referral Link):</li>
</ul><div style="text-align: center;"><a href="http://1iphone4u.co.cc/backlinks.php" rel="nofollow"><span style="font-size: large;"><b>http://1iphone4u.co.cc/backlinks.php</b></span></a></div><br />
<ul><li>Setelah masuk ke situsnya, disana ada kolom gede, masukan aja url blog kamu beserta anchor textnya, dengan format seperti dibawah ini, gambarnya juga ada:</li>
</ul><div style="text-align: center;"><span style="font-size: large;"><b>alamat_blog_kamu.blogspot.com|anchor_text</b></span><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_dj98lIDKfLo/S3KaSEnzm9I/AAAAAAAAAUc/vvJGKbUboGw/s1600-h/70+Automatic+High+PR+Backlink.jpg" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;"><img alt="70 Automatic High PR Backlink" border="0" height="400" src="http://4.bp.blogspot.com/_dj98lIDKfLo/S3KaSEnzm9I/AAAAAAAAAUc/vvJGKbUboGw/s400/70+Automatic+High+PR+Backlink.jpg" width="392" /></a></div><br />
<ul><li>Kalo sudah tinggal klik <b>submit query</b> aja, dan tunggu hingga proses submit selesai.</li>
</ul><b>Catatan : Jangan memasukan url blog kamu dengan <span style="color: red;">http://</span>, karena pasti akan banyak error pada saat submit. Contoh shevy-blog.blogspot.com (<span style="color: red;">Tanpa Http://</span>).</b><br />
<br />
Nah buat semuanya, selamat mencoba,Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com12tag:blogger.com,1999:blog-1041206324206651352.post-39694458715384960652010-02-10T18:17:00.002+07:002010-02-10T18:59:54.549+07:00Surat Cinta Dari Google<div style="text-align: justify;">Gak disangka2, tanpa diduga2, pada hari ini tepatnya tanggal 10-febuari-2010 , shevy dapet surat cinta dari google. Yang menyatakan bahwa account <a href="http://shevy-blog.blogspot.com/2010/02/updated-list-high-paying-keyword.html" title="update list high paying keyword adsense"><b>adsense </b></a>shevy didisable. Yang bikin aneh padahal shevy gak pernah klik iklan sendiri (paling kalo kebetulan maen ke warnet), hihihi...<br />
<br />
Karena pernasaran iseng2 buka google analictic, dan ternyata kaget bukan main. Ada beberapa visitor, dia ngeklik ampe rata2 5x perhari. Selidik punya selidik, ternyata IP address tersebut merupakan IP address dari sebuah program tunneling, terbaca dari details ipnya ems**.blablabla.de.<br />
duh apa salah dosaku, ampe kek gini.,, :(<br />
<br />
Tapi shevy gak mau larut dalam kekecewaan, jalan untuk mencari uang masih panjang. Setelah ganti pake <a href="http://shevy-blog.blogspot.com/2009/08/bayaran-perdana-dari-adsensecamp.html" title="bayaran dari adsensecamp"><b>Adsense Indonesia (Adsensecamp)</b></a>, moga aja bisa memberikan $$$ yang lumayan.<br />
<br />
Dari kejadian ini, shevy dapat menyimpulkan bahwa :<br />
<b style="color: red;">"Kita bisa membuat publisher lain dibanned, dengan cara klik iklan mereka secara signifikan (terus menerus klik di IP yang sama). (memancing adsense untuk mendeteksi Fraud click). But Don't try this at home..!!!"</b><br />
<br />
Yah gapapa lah, mencoba untuk menjadikan ini sebagai pelajaran. Didunia maya pun kita harus menjaga etika, biar selamet.<br />
<br />
waduh jadi tempat curhat gini, jadi bingung mau dimasukin label apaan??? huhuhu,,,</div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com0tag:blogger.com,1999:blog-1041206324206651352.post-7852654839504674252010-02-08T20:43:00.001+07:002010-02-08T20:46:18.714+07:00Cara Mendaftar Di Promoteburner<div style="text-align: justify;">Tulisan ini saya buat untuk menjawab pertanyaan salah satu komentar di artikel <a href="http://shevy-blog.blogspot.com/2010/02/bayaran-dari-promoteburner.html"><b>Bayaran dari Promote Burner</b></a>, sedikit shevy jelaskan apa itu <b>promoteburner</b>. <b>Promoteburner </b>merupakan program <b>CPC </b>dan <b>CPM</b> (<b>Cost Per Impression</b>), hampir sama dengan program PPC (Pay Per Click), namun di <b>promoteburner </b>kita bisa mendapat bayaran walaupun tidak ada pengunjung yang ngeklik iklan dari <b>promoteburner</b>.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Memang bayaran dari promoteburner terbilang kecil, namun promoteburner terbukti membayar, kita pasti dapet earning dari setiap traffik yang masuk keblog kita, daripada bayaran gede tapi musti dapet klik, tambah lagi minimum PO yang gede... hayo pilih mana???</div><div style="text-align: justify;"><br />
Di Promoteburner pembayarannya dilakukan satu bulan sekali, tanpa minimum payout. Jadi walaupun earning dibawah $1, masih tetep mereka bayar. Kalo kagak salah Promoteburner membayar kita $1 per 1000 Impression.<br />
<br />
</div><div style="text-align: justify;">Nah untuk cara daftar dan memasang script dari promoteburner, silahkan ikuti langkah2 dibawah ini.</div><ul><li>Langkah pertama <a href="http://promoteburner.com/?r=1706" rel="nofollow"><b>Klik Disini.</b></a></li>
<li>Langsung aja klik <b>Create Account</b>.<b> </b></li>
<li>Nah muncul halaman Register, Silahkan isikan data2 kamu disana. Contohnya pada gambar dibawah ini.</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="http://shevy-blog.blogspot.com/2010/02/cara-mendaftar-di-promoteburner.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mendaftar Di Promoteburner" border="0" height="262" src="http://1.bp.blogspot.com/_dj98lIDKfLo/S3AJxrbYPVI/AAAAAAAAAUU/ar2UbHUcfPs/s400/Cara+Mendaftar+Di+Promoteburner.jpg" width="400" /></a></div><br />
<ul><li>Jika sudah klik <b>Submit</b>. Dan tahap registrasi selesai.</li>
</ul><br />
<div style="background-color: #0099ff; border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); color: white;"><span style="font-size: large;"><b>Cara Memasang Script Promoteburner Di Blog</b></span></div><br />
<ul><li>Silahkan Login ke akun <b>Promoteburner </b>anda.</li>
<li>Klik pada menu sebelah kiri klik <b>Ads Code</b>. Pilih script mana yang akan dipasang diblog. Keterangannya seperti dibawah ini.</li>
</ul><blockquote><div style="text-align: justify;"><b><br />
</b></div><ol><li style="text-align: justify;"><b>PopUp advertising = Iklan akan ditampilkan dalam bentuk Popup, dengan menggunakan ini earning anda akan berlipat hingga 30x. Tapi bila diblog anda dipasang adsense, saran shevy jangan pake ini karena adsense sangat benci Popup.</b></li>
<li style="text-align: justify;"><b>Banner 728x90px = Berupa banner, disana ada dua jenis, ada versi light dan dark (warna cerah dan gelap). Silahkan pilih yang cocok untuk template blog anda.</b></li>
<li style="text-align: justify;"><b>Banner 468x60px = Cocok digunakan diatas judul postingan atau didalam postingan. disana ada dua jenis, ada versi light dan dark (warna cerah dan gelap). Silahkan pilih yang cocok untuk template blog anda.</b></li>
<li style="text-align: justify;"><b>Banner 160x600px = bisa dipasang disidebar blog, sama ada 2 jenis warna, yang light dan dark.</b></li>
<li style="text-align: justify;"><b>Banner 300x250px = nah kalo saya pake yang ini, contohnya bisa dilihat pada widget Internet Promotion, dibawah.</b></li>
</ol></blockquote><ul><li>Jika sudah memilih tipe tampilan iklan, jangan lupa copy scriptnya.</li>
<li>Login ke <b>blogger </b>- Dari <b>dashboard </b>anda masuk ke halaman <b>Tata Letak</b> / <b>Layout</b>.</li>
<li>Kemudian tambahkan widget baru, dengan klik <b>Add Gadget</b>/ <b>Tambah Gadget</b>, Pilih <b>HTML/JavaScript</b>.</li>
<li>Nah kemudian masukan script yang tadi dicopy kedalam widget baru tersebut. Klik <b>Save Template</b>. </li>
<li>Beres deh...</li>
</ul>Udah segitu langkah2nya, duwhhh pegel juga ngetik... nah buat temen2 selamat mencoba aja ya.<br />
<blockquote><div style="text-align: justify;"><b style="color: red;">Note: Untuk memperbanyak earning, jangan lupa tingkatkan Impressinya, Impressi akan meningkat jika pageview nya gede. Jadi musti rajin bikin artikel yang menarik, biar banyak pageview... </b></div></blockquote>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com24tag:blogger.com,1999:blog-1041206324206651352.post-74076106403185490012010-02-08T18:56:00.001+07:002010-02-08T18:57:45.185+07:00Membuat Widget Related Posts (Ver 2)<div class="separator" style="clear: both; text-align: center;"><a href="http://shevy-blog.blogspot.com/2010/02/membuat-widget-related-posts-ver-2.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Widget Related Posts (Ver 2)" border="0" src="http://3.bp.blogspot.com/_dj98lIDKfLo/S2_7wIUhUCI/AAAAAAAAAUM/MjLiO55KX-s/s320/memasang-related-posts-blog.jpg" /></a></div><br />
Sebelumnya saya pernah posting membuat <a href="http://shevy-blog.blogspot.com/2009/12/memasang-widget-related-posts-pada-blog.html"><b>widget related posts</b></a> dengan menggunakan layanan dari BRPS APPSHOT, namun ternyata layanan tersebut terbatas. Terbatas gimana? Gini ternyata layanan related posts dari brps.appshot.com hanya bisa digunakan pada blog yang jumlah artikel per labelnya kurang dari 20 artikel. Jika lebih dari itu akan diblok oleh pihak mereka, seperti kejadian kemaren shevy-blog diblok oleh brps.appshot.com, gara2 Artikel perlabel lebih dari 20 artikel.<br />
<br />
Nah untuk itu shevy share tentang bikin related posts yang versi 2. Langkah2nya seperti dibawah ini.<br />
<ul><li>Masuk keakun blogger kamu - dari halaman <b>dashboard </b>langsung masuk ke <b>Tata Letak </b>- <b>Edit HTML</b>.</li>
<li>Jangan lupa backup dulu template kamu, biar kalo gagal kita masih punya backup template.</li>
<li>Centang pada tanda <b>Expand Template Widget.</b></li>
<li>Sekarang cari kode<span style="color: red;"> </span><b style="color: red;"></head> </b><br />
<br />
<br />
<br />
<br />
<br />
<div style="background-color: #0099ff; height: 250px; overflow: scroll; width: 450px;"><!--Related Posts Scripts and Styles Start--><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<style><br />
#related-posts {<br />
float:center;<br />
text-transform:none;<br />
height:100%;<br />
min-height:100%;<br />
padding-top:2px;<br />
padding-left:5px;<br />
}<br />
#related-posts .widget{<br />
padding-left:6px;<br />
margin-bottom:10px;<br />
<br />
}<br />
#related-posts .widget h2, #related-posts h2{<br />
font-size: 1.6em;<br />
font-weight: bold;<br />
color: black;<br />
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;<br />
margin-bottom: 0.75em;<br />
margin-top: 0em;<br />
padding-top: 0em;<br />
}<br />
#related-posts a{<br />
color:#006699;<br />
}<br />
#related-posts a:hover{<br />
color:#003366;<br />
}<br />
#related-posts ul{<br />
list-style-type:circle;<br />
margin:0 0 0px 0;<br />
padding:0px;<br />
text-decoration:bold;<br />
font-size:15px;<br />
text-color:#000000<br />
}<br />
#related-posts ul li{<br />
background:transparent url(<span style="font-size: large;"><b style="color: orange;">http://2.bp.blogspot.com/_tbHfaj1A058/S0cIGtxWTMI/AAAAAAAAIWs/naYwvQOLV28/s1600/xxz.gif</b></span>) no-repeat ;<br />
display:block;<br />
list-style-type:none;<br />
margin-bottom: 4px;<br />
padding-left: 15px;<br />
padding-top: 0px;}<br />
</style><br />
<script type='text/javascript'><br />
var relatedpoststitle=&quot;<span style="font-size: large;"><b style="color: white;">Related Posts</b></span>&quot;;<br />
</script><br />
<script src='http://sites.google.com/site/shevybloginc/file/relatedposts.js' type='text/javascript'/><br />
</b:if><br />
<!--Related Posts Scripts and Styles End--></div></li>
</ul><blockquote><b>Script yang shevy tandai dengan warna putih merupakan judul dari related posts, kamu bisa merubahnya dengan apapun contoh dengan "Artikel Terkait" ato apapun. Sedangkan pada kode </b><span style="font-size: large;"><b style="color: orange;">http://2.bp.blogspot.com/_tbHfaj1A058/S0cIGtxWTMI/AAAAAAAAIWs/naYwvQOLV28/s1600/xxz.gif, <span style="font-size: small;"><span style="color: black;">merupakan icon pada list item related posts, kamu juga bisa merubahnya dengan icon kamu. dengan mengganti url diatas dengan url tempat kamu menyimpan iconnya.</span></span></b></span></blockquote><ul><li>Selanjutnya cari kode script seperti dibawah ini.<br />
<br />
<b style="color: red;"><div class='post-footer-line post-footer-line-1'></b> <b>Ato</b><br />
<b><span style="color: red;"><p class='post-footer-line post-footer-line-1'></span></b></li>
</ul><ul><li>Kemudian masukan kode script dibawah ini tepat dibawa kode<b style="color: red;"> <p class='post-footer-line post-footer-line-1'></b>.</li>
</ul><ul><ul></ul><div style="background-color: #0099ff; height: 250px; overflow: scroll; width: 450px;"><!-- Related Posts Code Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='' style='display:none'/> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; <span style="font-size: large;"><b style="color: white;">var maxresults=5</b></span>; removeRelatedDuplicates(); printRelatedLabels(); </script> </div> </b:if> <!-- Related Posts Code End--></div></ul><br />
<ul><li>Pada kode yang shevy tandai dengan warna putih <span style="color: black; font-size: large;">var maxresults=5, <span style="font-size: small;">merupakan jumlah maksimal artikel yang akan ditampilkan pada widget related posts. Silahkan rubah sesuai keinginan.</span></span></li>
</ul><span style="color: black; font-size: large;"><span style="font-size: small;">Jika sudah jangan lupa <b>Save Template</b>, dan lihat hasilnya. ok selamat mencoba, untuk hasilnya hampir sama dengan related posts punya shevy, cuman beda dikit... </span></span>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com8tag:blogger.com,1999:blog-1041206324206651352.post-2604816059626616192010-02-08T17:46:00.000+07:002010-02-08T17:46:52.126+07:00Updated List High Paying Keyword Adsense<div style="text-align: justify;">Nah kali ini saya share dikit tentang <b>list high paying keyword adsense</b> yang baru, untuk anda yang sedang mencari<b> keyword adsense</b> yang mahal (<b>High Paying Keyword</b>), mungkin list berikut akan dapat menjadi referensi anda. Sok dipilih2, sayang adsense - sayang adsense... hehehe</div><div style="text-align: center;"><br />
</div><table border="1px" bordercolor="#333333" cellpadding="0" cellspacing="0" height="1250" style="margin-left: auto; margin-right: auto; text-align: left; width: 470px;"><col width="64"></col> <col width="237"></col> <col width="82"></col> <col width="64"></col> <tbody>
<tr height="47"> <td align="center" bgcolor="#3399ff" height="47" width="64"><h3>No</h3></td> <td align="center" bgcolor="#3399ff" width="237"><h3>Keyword </h3></td> <td align="center" bgcolor="#3399ff" width="82"><h3>Price</h3></td> </tr>
<tr height="17"> <td height="17">1</td> <td>conference calling companies </td> <td>$50.86</td> </tr>
<tr height="17"> <td height="17">2</td> <td>home owner secured loan </td> <td>$50.11</td> </tr>
<tr height="17"> <td height="17">3</td> <td>mesothelioma patients </td> <td>$50.10</td> </tr>
<tr height="17"> <td height="17">4</td> <td>phoenix dui lawyer </td> <td>$50.08</td> </tr>
<tr height="17"> <td height="17">5</td> <td>austin dwi lawyer </td> <td>$50.01</td> </tr>
<tr height="17"> <td height="17">6</td> <td>secured loans </td> <td>$50.00</td> </tr>
<tr height="17"> <td height="17">7</td> <td>insurance auto </td> <td>$49.98</td> </tr>
<tr height="17"> <td height="17">8</td> <td>phoenix dui attorney </td> <td>$49.97</td> </tr>
<tr height="17"> <td height="17">9</td> <td>purchase structured settlements </td> <td>$49.96</td> </tr>
<tr height="17"> <td height="17">10</td> <td>secured loans calculator </td> <td>$49.90</td> </tr>
<tr height="17"> <td height="17">11</td> <td>car free insurance online quote </td> <td>$49.89</td> </tr>
<tr height="17"> <td height="17">12</td> <td>boston dui lawyer </td> <td>$49.87</td> </tr>
<tr height="17"> <td height="17">13</td> <td>data recovery denver </td> <td>$49.56</td> </tr>
<tr height="17"> <td height="17">14</td> <td>adverse credit remortgages </td> <td>$49.47</td> </tr>
<tr height="17"> <td height="17">15</td> <td>bad credit remortgages </td> <td>$49.37</td> </tr>
<tr height="17"> <td height="17">16</td> <td>student debt consolidation loans </td> <td>$49.30</td> </tr>
<tr height="17"> <td height="17">17</td> <td>consolidating student loans </td> <td>$49.25</td> </tr>
<tr height="17"> <td height="17">18</td> <td>mesothelioma lawyers san diego </td> <td>$49.24</td> </tr>
<tr height="17"> <td height="17">19</td> <td>pennsylvania mesothelioma lawyers </td> <td>$49.23</td> </tr>
<tr height="17"> <td height="17">20</td> <td>new york mesothelioma lawyers </td> <td>$49.18</td> </tr>
<tr height="17"> <td height="17">21</td> <td>student loan consolidation rates </td> <td>$49.17</td> </tr>
<tr height="17"> <td height="17">22</td> <td>mesothelioma attorney san diego </td> <td>$49.05</td> </tr>
<tr height="17"> <td height="17">23</td> <td>auto insruance </td> <td>$48.79</td> </tr>
<tr height="17"> <td height="17">24</td> <td>georgia car accident lawyers </td> <td>$48.63</td> </tr>
<tr height="17"> <td height="17">25</td> <td>san diego dui defense </td> <td>$48.60</td> </tr>
<tr height="17"> <td height="17">26</td> <td>phoenix arizona dui lawyer </td> <td>$48.56</td> </tr>
<tr height="17"> <td height="17">27</td> <td>memphis car insurance </td> <td>$48.46</td> </tr>
<tr height="17"> <td height="17">28</td> <td>dui attorney los angeles </td> <td>$48.30</td> </tr>
<tr height="17"> <td height="17">29</td> <td>los angeles dwi attorney </td> <td>$48.28</td> </tr>
<tr height="17"> <td height="17">30</td> <td>irs tax lawyers </td> <td>$48.20</td> </tr>
<tr height="17"> <td height="17">31</td> <td>student consolidation loan </td> <td>$48.17</td> </tr>
<tr height="17"> <td height="17">32</td> <td>nj auto insurance </td> <td>$48.09</td> </tr>
<tr height="17"> <td height="17">33</td> <td>los angeles criminal defense attorney </td> <td>$48.02</td> </tr>
<tr height="17"> <td height="17">34</td> <td>california mesothelioma attorneys </td> <td>$47.99</td> </tr>
<tr height="17"> <td height="17">35</td> <td>endowments selling </td> <td>$47.98</td> </tr>
<tr height="17"> <td height="17">36</td> <td>free quotes for car insurance </td> <td>$47.97</td> </tr>
<tr height="17"> <td height="17">37</td> <td>consolidating private student loans </td> <td>$47.96</td> </tr>
<tr height="17"> <td height="17">38</td> <td>data recovery service los angeles </td> <td>$47.88</td> </tr>
<tr height="17"> <td height="17">39</td> <td>consolidation student loans </td> <td>$47.85</td> </tr>
<tr height="17"> <td height="17">40</td> <td>uk homeowner loan </td> <td>$47.79</td> </tr>
<tr height="17"> <td height="17">41</td> <td>lemon law california </td> <td>$47.65</td> </tr>
<tr height="17"> <td height="17">42</td> <td>structured settlement investment </td> <td>$47.64</td> </tr>
<tr height="17"> <td height="17">43</td> <td>in car insurance </td> <td>$47.63</td> </tr>
<tr height="17"> <td height="17">44</td> <td>los angeles criminal attorney </td> <td>$47.50</td> </tr>
<tr height="17"> <td height="17">45</td> <td>injury lawyers 4 you </td> <td>$47.48</td> </tr>
<tr height="17"> <td height="17">46</td> <td>arizona dui attorney </td> <td>$47.47</td> </tr>
<tr height="17"> <td height="17">47</td> <td>dui san diego </td> <td>$47.40</td> </tr>
<tr height="17"> <td height="17">48</td> <td>personal injury attorneys pennsylvania </td> <td>$47.30</td> </tr>
<tr height="17"> <td height="17">49</td> <td>student consolidation loans </td> <td>$47.27</td> </tr>
<tr height="17"> <td height="17">50</td> <td>personal injury lawyer chicago </td> <td>$47.23</td> </tr>
<tr height="17"> <td height="17">51</td> <td>culinary schools california </td> <td>$47.10</td> </tr>
</tbody></table><div style="text-align: center;"><br />
</div><div style="text-align: left;">udah segitu deh <b>List High Paying Keyword Adsense</b>, moga bermanfaat ya.. n_n</div>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com3tag:blogger.com,1999:blog-1041206324206651352.post-23192296658718729802010-02-01T10:12:00.000+07:002010-02-01T10:12:35.223+07:00Bayaran dari PromoteburnerBaru 2 minggu saya daftar di <b>promoteburner</b>, eh kemarin pas tanggal 31 januari udah dapet bayaran lagi dari <b>promoteburner</b>,hehehe.<br />
<br />
Ternyata benar <b>promoteburner </b>memang membayar para membernya berapa pun julah earning anda. Kalo kagak percaya liat aja bukti screenshotnya dibawah, yang cuma $0.44. hehehe.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_dj98lIDKfLo/S2ZFkT-3ADI/AAAAAAAAATc/Nb9QUe7VxMM/s1600-h/bukti-pembayaran-promotebur.jpg" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;"><img border="0" rel="nofollow" src="http://1.bp.blogspot.com/_dj98lIDKfLo/S2ZFkT-3ADI/AAAAAAAAATc/Nb9QUe7VxMM/s320/bukti-pembayaran-promotebur.jpg" /></a></div><br />
<br />
Gpp yang penting ini bisa membuktikan kalo <b>promoteburners </b>bukan scam, nah kalo ada yang belum tau promoteburner <a href="http://cawokah.blogspot.com/2010/01/make-money-from-cpc-and-cpm.html"><b>klik disini</b></a> untuk membaca tentang promoteburner. Atau klik link dibawah ini untuk daftar di Promoteburner.<br />
<br />
<div style="text-align: center;"><a href="http://promoteburner.com/?r=1706" rel="nofollow"><b>Klik Disini untuk daftar di Promoteburner</b></a></div><br />
<br />
Buat temen2 yang udah daftar, met berburu dollar ama promoteburner aja, terus tingkatkan impresinya...<br />
<br />
<b>salam,</b>Shevyhttp://www.blogger.com/profile/15484545515452795222noreply@blogger.com10