Default Css Properties

Shevy | 2:11 PM | , |
Your Ad Here

Without CSS, 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.

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):

body {
background: # FFF url () repeat top left;
color: # 000;
font-family: Times New Roman;
font-size: 16px;
margin: 8px;
}

The links also have default properties, are blue and is underlined. All title tags are in bold fonts (font-weight: bold) 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:
h1 font-size: 2em; margin: 21px 0;
h2 font-size: 1.5em; margin: 19px 0;
h3 font-size: 1.2em; margin: 19px 0;
h4 font-size: 1em; margin: 21px 0;
h5 font-size: .8 em; margin: 21px 0;
h6 font-size: .7 em; margin: 26px 0;

Or DIV or SPAN tags have default properties but if P is labeled, this has a top and bottom margin equal to the size of the default font (margin: 1em 0).

More labels with pre-defined properties:
blockquote margin: 16px 40px;
pre font-family: monospace; margin: 16px 0;

Images that act as links have a border of color like the color of links (border: 2px solid # 0000EE) .

Probably labels cause more conflicts are lists as both OL and UL have several properties, including margins and separations:
ol margin: 16px 0; padding-left: 40px; list-style-position: outside; list-style-type: decimal;
ul margin: 16px 0; padding-left: 40px; list-style-position: outside; list-style-type: disc;

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 <style> </ style> or <b:skin> < / b: skin>..
* {Margin: 0; padding: 0;}

html, body {height: 100%;}
body {height: 100%;}

a, a: visited, a: link, a: active {outline: none; text-decoration: none;}
a: hover {outline: none; text-decoration: none;}
a img {border: none; outline: none; text-decoration: none;}

object, embed {outline: none;}

ol, ul, li {list-style: none;}

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.

Read More - Default Css Properties

Share This Article

CSS simplify complicate optimize

Shevy | 2:04 PM | , |
Your Ad Here

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. 

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. 

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. 

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:

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}

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.

The aesthetics of the code is not relevant at all, what matters is that it is clear to ourselves and avoid common mistakes .

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.

a {/ * this is an error * /
color: # AAA
outline: none
text-decoration: underline
}

a {/ * this is fine but the latter one has no semicolon * /
color: # AAA;
outline: none;
text-decoration: underline
}

a {/ * this is OK * /
color: # AAA;
outline: none;
text-decoration: underline;
}

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 {/ * this is a mistake because between the closing parenthesis and the word no-repeat missing space * /
background: # AAA url () no-repeat top left;
}

div {/ * this is fine but no space between the colon and color * /
background: # AAA url () no-repeat top left;
}

div {/ * this is OK * /
background: # AAA url () no-repeat top left;
}

Within a label <style> NEVER add other tags, only style rules are added to their properties. The same goes for the tag <b:skin> Blogger. He never includes the comments:

div {/ * this is an error * /
<! - Comment comment comment>
background: # AAA url () no-repeat top left;
}

div {/ * this is OK * /
/ * Comment comment comment * /
background: # AAA url () no-repeat top left;
}

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?

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.

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.

Add inline styles, ie, with a style attribute within the tag must always be a last resort, never the first.

Read More - CSS simplify complicate optimize

Share This Article

JQuery Fancy Transitions on Image

Shevy | 2:18 AM | , |
Your Ad Here

JqFancyTransitions is a jQuery plugin that allows you to create an image gallery with different transition effects between them.
To use it we have jQuery in the template so if you do not have it before </ head> add the library directamenete from Google:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </ script>

And below, the plugin, either by loading from a server where you have previously hosted:

<script type="text/javascript" src=" URL_jqFancyTransitions.js "> </ script>

or copy and paste the code and placing it between tags:

<script type="text/javascript">
//<![ CDATA [
... here copy and paste the contents of the file ...
//]]>
</ Script>

You do not need anything else, now, to use, we have several alternatives that we can see explained in the page developers but the simplest is to place the images in a DIV like this:

<div id=" migaleria ">
<img src="URL_image1" />
<img src="URL_image2" />
<img src="URL_image3" />
... and continue to add as many pictures as you want...
</ Div>

Then call the function:

<script> $ ('# migaleria'). jqFancyTransitions ({options}) </ script>

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:

Width and height set the size
Effect is the type of transition and may be wave, zipper or curtain
Position is the position from where you start transción and may be alternate, top, bottom, alternate or curtain
Direction is the direction and may be fountainAlternate transción, left, right, alternate, random or fountain
Delay is the time delay remains the imaegn visible (default is 5000 or 5 seconds)
Strips is a number indicating the number of "pieces" in which the image desompone (default 20)
StripDelay is the time that remains visible each "piece" (default 50)

Other options let you control who can add text to images, placing them in the alt attribute:

<img src="URL_imagen1" alt="Text to show" />

TitleOpacity indicates the opacity of the text
TitleSpeed ​​is the time it takes to be shown

Alternatively, we can use images instead of links

<a href=" URL_imagen1 />

In that case, the options are two:

Navigation can be true or false and add navigation buttons.
Links can be true or false to set whether images are links or not.

In this example, the options used are the simplest and the function called this way:

<script> $ ('# migaleria'). jqFancyTransitions ({width: 640, height: 400, direction: 'random', delay: 2000, effect: 'wave'}); </ script>


Read More - JQuery Fancy Transitions on Image

Share This Article

Change the scroll bars with jQuery

Shevy | 1:58 AM | , |
Your Ad Here

JScrollPane is a jQuery 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.

To use it, we obviously need to load jQuery from the Google libraries so before </ head> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js' /> <script type='text/javascript'

Here is an optional script that will allow us to use the mouse wheel:

<script type='text/javascript' src=' URL_mousewheel.js' />

and finally the plugin itself, either in its standard version or minimized:

<script type='text/javascript' src=' URL_jscrollpane.min.js' />

If you do not want to use external files, the latter two can be added directametne in the template:

<script type='text/javascript'>
//<![ CDATA [
/ / Here paste the contents of mousewheel.js
/ / Here paste the contents of jscrollpane.min.js
//]]>
</ Script>


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:

<style>
. JspContainer {
overflow: hidden;
position: relative;
}
. JspPane {position: absolute;}
. JspVerticalBar {
background-color: # 000;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 16px; / * defines the width of the vertical bar * /
}
. JspHorizontalBar {
background-color: # 000;
bottom: 0;
height: 16px; / * defines the height of the horizontal bar * /
left: 0;
position: absolute;
width: 100%;
}
. JspVerticalBar *,. JspHorizontalBar * {margin: 0; padding: 0;}
/ * These are the rules for configuring the plugin * /
. JspTrack {/ * is the box where you move the slider * /
background-color: # 000;
position: relative;
}
. JspDrag {/ * is the slider itself * /
background-color: # 888;
cursor: pointer;
left: 0;
position: relative;
top: 0;
}
. JspHorizontalBar. JspTrack. JspHorizontalBar. JspDrag {
float: left;
height: 100%;
}
</ Style>

With that everything is ready so that we can use it anywhere. To do so, just to define one or more classes, for example:

</ Style>
. Scroll-pane {height: 200px; overflow: auto; width: 100%;}
. Horizontal {height: auto; max-height: 200px;}
</ Style>


<div style="width: 500px;">
<div class="scroll-pane">
<p> ....... content through ... </ P>
</ Div>
</ Div>


<div style="width: 500px;">
<div class="scroll-pane horizontal">
<p style="width: 1000px;"> ....... content through ... </ P>
</ Div>
</ Div>

And call the function using the class that we defined:

<script type="text/javascript">
$ (Function () {$ ('. Scroll-pane'). JScrollPane ();});
</ Script>

The possibilities are multiple, in the developer page there are several explanatory demos which combines the bar, you add buttons, etc.

Read More - Change the scroll bars with jQuery

Share This Article

Fade Out Text Effect with jQuery

Shevy | 1:36 AM | , |
Your Ad Here

Text 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.
Obviously, you must have added the jQuery library before </ head> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js' type='text/javascript'/>

And then the script with the effect is very short :

<script type='text/javascript'>
//<![ CDATA [
$ (Function () {
var $ a, $ ps, $ up, totalHeight;
$ (" . textfadeout-demo. textfadeout-button . ") click (function () {
totalHeight = 0
$ A = $ (this);
$ P = $ el.parent ();
$ Up = $ p.parent ();
$ Ps = $ up.find ("p: not (' . textfadeout-more ')");
$ Ps.each (function () {totalHeight + = $ (this). OuterHeight ();});
$ Up.css ({"height": $ up.height (), "max-height": 9999})
. Animate ({"height": totalHeight});
$ P.fadeOut ();
return false;
});
});
//]]>


</ Script>

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:


<style>
. Textfadeout-demo {/ * is the rectangular container * /
background-color: # 505961;
color: # EEE;
max-height: 150px; / * this sets the height * /
overflow: hidden; / * and say that "court" there, hiding the restenosis * /
padding: 20px;
position: relative;
width: 300px;
}
. Textfadeout-demo. Textfadeout-more {/ * the bottom gone * /
background-image:-moz-linear-gradient (top, transparent, # 101921)
background-image:-webkit-gradient (linear, left top, bottom left, color-stop (0, transparent), color-stop (1, # 101921));
filter: progid: DXImageTransform.Microsoft.gradient (startColorStr = '# 00101921', EndColorStr = '# FF101921')
bottom: 0;
left: 0;
padding: 30px 0;
position: absolute;
text-align: center;
width: 100%;
}
. Textfadeout-button {/ * the button to expand * /
border-top: 1px solid # 96D1F8;
background: # 65A9D7;
background:-moz-linear-gradient (top, # 3E779D, # 65A9D7)
background:-webkit-gradient (linear, left top, left bottom, from (# 3E779D) to (# 65A9D7));
filter: progid: DXImageTransform.Microsoft.gradient (startColorStr = '# FF3E779D'; EndColorStr = '# FF65A9D7');
padding: 5px 10px;
text-decoration: none;
-Moz-border-radius: 8px;
-Webkit-border-radius: 8px;
border-radius: 8px;
-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;
}
. Textfadeout-button: hover {
border-top-color: # 28597A;
background: # 28597A;
color: # CCC;
}
. Textfadeout-button: active {
border-top-color: # 1B435E;
background: # 1B435E;
}
</ Style>

Already, now we use the three classes defined to create the HTML:


<Div class = " textfadeout-demo ">
<p> ....... the text to display ....... </ P>
<P class = " textfadeout-more "> <a href =" # "class =" textfadeout-button "> read more </ a> </ p>
</ Div>

Example :
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.

read more


Read More - Fade Out Text Effect with jQuery

Share This Article

Make Money Online Guide

Shevy | 4:07 PM | , |
Your Ad Here

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.

To embark on making money with PTC you need to prepare:
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.

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.

Note: 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.
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.
to make multiple pages when you withdraw money from them and invest extra money to go to the best profits can increase rapidly.

Read More - Make Money Online Guide

Share This Article

Baca Artikel DiBayar $$$ "Readbud"

Shevy | 1:35 AM | , |
Your Ad Here

readbud - get paid to read and rate articles

Readbud, sebuah program Paid to read and rate, dimana kamu akan dibayar jika membaca dan melakukan vote atau rate pada artikel tersebut. Readbud tergolong program PTR baru, yang launching pada bulan Febuari 2010 lalu.

Cara kerja di Readbud 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.

Readbud 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 readbud, kita akan dibayar $5. Makanya plisss, pada daftar ya,,, hehehe

Minimum permbayaran di readbud $50, dan akan dibayarkan melalui paypal.

Jangan takut program ini scam, karena udah banyak member yang dapet bayaran dari readbud, dan salah satunya blog tetangga Disini. Shevy sendiri belum PO karena baru daftar kmaren dan baru dapet $1.9.

Nah untuk mendaftar di readbud, silahkan klik DISINI.

Read More - Baca Artikel DiBayar $$$ "Readbud"

Share This Article

Sekilas Tentang LinkFromBlog.com PTR

Shevy | 5:35 PM | , |
Your Ad Here

Lama gak blogwalking, sampe ketinggalan kalo ada Paid Review baru, namanya LinkFromBlog. Cara kerja LinkFromBlog sama saja dengan paid review lainnya, dan hampir tidak ada yang berbeda, sistem pembayarannya pun menggunakan paypal.

Satu yang membuat nilai tambah bagi shevy, LinkFromBlog support dengan blog berbahasa indonesia, buktinya pas submit blog ada pilihan bahasa indonesia.

Minimun PO di LinkFromBlog cukup besar yaitu $50 bisa melalui paypal. Gak usah takut LinkFromBlog scam, karena sudah ada yang menerima bayaran dari LinkFromBlog, diantaranya blog tetangga Lebah Ndut.


So... buruan daftar,,, klik aja banner di bawah ini atau klik disini paid reviews:

Buy blog reviews

Read More - Sekilas Tentang LinkFromBlog.com PTR

Share This Article

Make Money By Playing Online Poker

Shevy | 1:47 PM | |
Your Ad Here

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?...

Here, some time ago, I discovered online poker sites which can give us some income. There we can play poker just for fun or for getting some money. To play with real money you must be an us online poker players and with a minimum deposit amount is not too large.

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, poker play now . Good luck and hopefully this is your lucky day ... n_n

Read More - Make Money By Playing Online Poker

Share This Article

Membuat Tooltip Full CSS

Shevy | 3:44 PM | , |
Your Ad Here


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.

Beberapa kelebihan Tooltips ini :
  • Tidak memberatkan loading blog.
  • Full CSS tanpa menggunakan image sebagai background.
  • gampang.
Kekurangannya :
  • Tidak support Crossbrowser.
  • Hanya support dengan browser yang sudah bisa menampilkan CSS3.
Kalo penasaran pengen buat juga, okeh ikutin aja langkah2 dibawah ini :
  • 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 ]]>.
a.Tooltip{
position:relative;
z-index:24;
color:#fff;
font-weight:bold;
text-decoration:none;
}

a.Tooltip span{
display: none;
}

a.Tooltip:hover{
z-index:50;
text-decoration:none;
}

a.Tooltip:hover span{
display:block;
position:absolute;
left:0;
padding: 5px 2px 5px 5px;
width:200px;
min-height:50px;
color:#fff;
font: Georgia, "Times New Roman", Times, serif;
font-size:10px;
font-weight:bold;
text-align: center;
background-color: rgba(60, 132, 198, 0.8);
border-top-color: #8ba2c1;
border-right-color: #5890bf;
border-bottom-color: #4f93ca;
border-left-color: #768fa5;
-webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
-moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
background-image: -moz-linear-gradient(rgba(28, 91, 155, 0.8) 0%, rgba(108, 191, 255, .9) 90%);
-moz-border-radius:5px;
-webkit-border-radius:5px;
vertical-align:text-bottom;
text-transform:none;
}
a.Tooltip:hover span img {
width:120px;
height:100px;
padding:2px 2px 2px 2px;
text-align:left;
text-transform:none;
border:1px solid #CCCCCC;
}

  • Kemudian simpan perubahan.

Cara Menggunakannya

Untuk memunculkan tooltipsnya, silahkan ikuti langkah2 dibawah :
  • pada saat akan memasukan link pada Html atau template, tambahkan beberapa tag seperti dibawah ini :
Link Normal (Tanpa Tooltip)
<a href="http://shevy-blog.blogspot.com/" target="_blank" title="shevy-blog">shevy-blog</a>


Link Dengan Tooltip
<a class="tooltip" href="URL BLOG KAMU">NAMA LINK
    <span>DESKRIPSI TEXT KAMU</span>
    <img alt="title gambar" src="URL GAMBAR KAMU" />
    </a>

Contoh:
<a class="tooltip" href="http://shevy-blog.blogspot.com">shevy-blog
    <span>shevy-blog | Monetize Your Blog</span>
    <img alt="shevy-blog | Monetize Your Blog" src="Http://.../image/shevy-blog.jpg" />
    </a>

Keterangan Warna :
  • Setiap kamu akan membuat link dengan fitur tooltip, kamu harus memasukan tag class="tooltip", seperti contoh diatas, tag yang shevy tandai dengan warna biru.
  • Untuk tag yang shevy tandai dengan warna hijau, adalah untuk deskripsi atau keterangan atau tulisan apapun yang akan muncul pada kotak tooltips nanti.
  • 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.

Nah kayaknya cukup tuh keterangannya, apabila ada pertanyaan, atau kesulitan silahkan komen aja ya...

Untuk melihat Contoh Live nya silahkan klik link dibawah ini:

Read More - Membuat Tooltip Full CSS

Share This Article

Second Payment Chitika

Shevy | 11:09 AM | |
Your Ad Here

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.




Bayarannya gak seberapa, tapi lumayan buat beli baso,hehe. Bayaran kedua ini cukup membuktikan kalo berburu $$$ di chitika tak sesulit Adsense ato Adbrite,..

Nah yang belon gabung di Chitika, ayo buruan gabung, buat yang udah gabung optimalkan ya... hihi


Read More - Second Payment Chitika

Share This Article

Bayaran Kedua dari Promoteburner

Shevy | 10:56 AM | |
Your Ad Here

Lama gak cek email, pas cek email dapet surat dari paypal yang memberitahukan bahwa bayaran dari promoteburner 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 promoteburner.



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...

smangat nyari $$$,,,


Klik Disini Untuk Membaca Cara Mendaftar di Promoteburner

Read More - Bayaran Kedua dari Promoteburner

Share This Article

Promo $1 / Referral Dari Tiptoptraffic

Shevy | 3:50 AM | , |
Your Ad Here


Tiptoptraffic merupakan website Traffic Exchange sama seperti Easyhits4u dan sedang mengadakan promo dimana kamu akan dibayar $1 untuk setiap orang yang kamu ajak untuk mendaftar Tiptoptraffic. Dan juga untuk setiap pendaftar baru akan mendapat bonus pendaftaran $1.
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.


Nah buat yang mau daftar silahkan aja ikuti langkah2 dibawah ini:
  • Klik disini.
  • Lalu klik menu 'Sign Up"
  • Isi nama dan email kamu, trus klik aja tombol sign up. (untuk mendaftar di  Tiptoptraffic usahakan untuk menggunakan email dari Gmail)
  • Konfirmasi link pendaftaran yg dikirimkan ke email kamu, tinggal klik link konfirmasi yang ada di email kamu.

Aktivasi Member di Tiptoptraffic

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 :
  • Login ke akun Tiptoptraffic kamu.
  • Masuk ke member area, dan klik tools, kemudian pilih menu Surf Now.
  • Dan surfing minimal 25 halaman, cara surfingnya hampir sama dengan easyhits4u.
Setelah akun kamu aktif, sekarang waktunya untuk minta bonus $1 ama adminnya, caranya :
  • Masuk ke menu support.
  • Kemudian pilih menu open new ticket.
  • Sekarang masukan pesan kamu untuk minta bonus, contohnya seperti dibawah ini :
Title : My Bonus

Isi Pesan : i've become an active member, and i want my bonus.

  • Kalo udah tinggal klik submit ticket dan tunggu beberapa menit ato maksimal 1 hari, maka bonus sudah ada di akun kita.
Nah sekarang kan bonus dah dapet, tinggal optimalkan earning, walopun cuma punya waktu beberapa hari tapi semangat buat nyari referral ok... :D


Catatan : Minimal PO Tiptoptraffic  $10

    Read More - Promo $1 / Referral Dari Tiptoptraffic

    Share This Article

    Mengenal Bisnis Web Proxy Part 2

    Shevy | 1:29 AM | , , |
    Your Ad Here

    Mengenal Bisnis Web Proxy Part 2,
    Postingan ini merupakan lanjutan dari post sebelumnya tentang  Mengenal Bisnis Web Proxy, nah sekarang shevy mau menjelaskan tentang cara membuat web proxy itu sendiri. Namun sebelumnya udah pada tau kan kalo Bisnis Web Proxy itu gak gratis alias BAYAR, maksudnya ya musti bayar proxy hosting kita.

    Langkah membuat Web Proxy ini sebenarnya shevy dapet dari ebooknya om-COSA, 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,,

    1.  Memilih Jenis Web Proxy

    Dijagat maya ini ada beberapa jenis script web proxy yang bisa kamu pilih sesuai dengan keinginan dan kebutuhan, diantaranya :
    1. PHP PROXY, script type PHP PROXY memungkinkan penggunanya dapat masuk ke website seperti MySpace.com dan Facebook.com tanpa perlu username yang telah terdaftar. PHP PROXY 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.
    1. CGI PROXY, singkatan dari Common Gateway Interface. CGI proxy menggunakan protokol yang berbeda seperti HTTP, FTP dan SSL, CGI ditulis dalam bahasa pemrograman Perl.  Kelebihan CGI PROXY, 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 CGI PROXY membutuhkan resource server yang besar.
    1. ZELUNE PROXY, 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??
    1. GLYPE PROXY, 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.
    Silahkan pilih mana yang mau dipakai, untuk mendownload script2 diatas silahkan masuk ke http://www.freeproxysite.com/free-proxy-scripts.php, disana ada banyak pilihan script.
      2.  Pemilihan Web Hosting
      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.
       - Neohoster.com (LOKAL)
      • Small ( 500 MB space 20 GB bw, unlimited add on domain) : 50 rb / tahun
      • Medium ( 1 GB space 40 GB bw, unlimited add on domain) : 100 rb / tahun
      • Large ( 2 GB space 100 GB bw, Unlimited add on domain): 150 rb / tahun
      -  Fusedhosting.net ( $2.50 / month )
      • Disk space : 1GB
      • Bandwidth : 25GB
      • Unlimited domains
      • cPanel 11 + Fantastico
      - techentrance.com ($7,9 / month)   -------> Rekomendasi loh,, 99% uptime
      • 1000MB Space 
      • 25000MB Bandwidth
      • Host Unlimited Domains
      • 0$ Setup - 7.95$ / Month
      - monsterprox.com ($4,95 / month)
      • 250Mb Diskspace
      • 20,000Mb Monthly Bandwidth
      • POP Email - Unlimited A/Cs
      • cPanel / Fantastico
      • 99.9% Uptime Guarantee

      3.  Memilih Nama Domain

      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'). 
      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 domain gratis dari .tk. Jangan .co.cc, karena sewaktu kita promosi dengan cara submit ke proxy direktori, banyak yang tidak memperbolehkan proxy dengan domain gratis .co.cc.

      4.  Cara Menginstall Script Web Proxy

      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 :
      • Download dulu script GLYPE di www.glype.com.
      • Setelah download selesai, jika file tipe nya .zip, silahkan extrak file tersebut.
      • Disana akan ada 2 folder, yaitu : Extras dan upload.
      • Copy file admin.php pada folder Extras kedalam folder upload.
      • Kemudian upload "folder upload" kedalam hosting kamu, kamu bisa menggunakan FTP ato online File manager.
      • Tunggu hingga selesai.
      • Sekarang ganti file permission pada file Setting.php di direktori Includes, menjadi 777.
      • Ganti juga file permission pada file Config.php di direktori /Themes/Nama_Themes_Kamu/, menjadi 777.
      • Sekarang coba masuk ke halaman admin web proxy kamu, dengan mengetikan alamat seperti ini : Http://www.alamat_web_proxy_kamu.com/admin.php (Ganti alamat_web_proxy_kamu dengan url proxy kamu)
      • Nah, berhubung belum ada username dan password admin, silahkan masukan username dan password untuk halaman admin web proxy kamu.
      • Pada halaman admin kamu bisa mengganti template glype kamu, untuk templatenya silahkan googling pake keyword "Free Glype Themes". Kamu juga bisa merubah settingan2 yang ada pada web proxy kamu.
      • Jika sudah, silahkan cek web proxy...
      Okeh untuk sekmen sekarang keknya udah cukup, untuk artikel lanjutannya  Trik promosi web proxy, tunggu ya... Jangan lupa kunjungi web proxy shevy at :


      Jika ada kesulitan jangan sungkan untuk bertanya lewat kolom komentar dibawah,,, n_n 

      Read More - Mengenal Bisnis Web Proxy Part 2

      Share This Article

      Domain Gratis Dot.TK

      Shevy | 3:33 AM | |
      Your Ad Here

      Domain gratis lagi nih, kalo dulu domain gratis dari CO.CC, 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 :
      • 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 Ayu Adine (Ayuadine.blogspot.com).
      • Di Dot.TK ada yang namanya Tikilink, Tikilink merupaka layanan gratis dari Dot.TK yang bisa meningkatkan traffik keblog ato web kita, cara kerjanya seperti kita memasang iklan pada adsense gitu. Jadi istilahnya mah jadi Advertiser tapi gratis.
      • Manfaat lainnya akan anda temukan setelah anda mendaftar di Dot.TK (Lebay Mode = On).


      Cara Mendaftar Di DOT.TK

      • Langkah pertama, silahkan masuk ke web nya DOT.TK, Klik Link dibawah ini (Bukan link referral) :
      • Kalo udah disana ada kotak tex yang bertuliskan Enter your URL here, silahkan masukan nama domain yang diinginkan. Kemudian klik Next.
      • 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 This domain is still available.
      • Nah sekarang dibawahnya ada pilihan Free dan Paid, pilih aja yang Free. Kemudian klik Next.

      Domain Gratis Dot.TK

      • Sekarang kamu diminta untuk memasukan URL Blog kamu. Jika sudah klik Next. Seperti contoh dibawah ini.

      • Lagi2 diminta masukin email, silahkan masukin email kamu dan jangan lupa masukin kode verifikasi nya juga. Kemudian klik Next. Kemudian isi Nama dan Password, klik Next lagi.
      • Klik link aktivasi yang dikasih ama DOT.TK lewat email, kemudian masukin kode Aktivasinya. klik Next.

      Cara Setting Domain DOT.TK Untuk Blogger

      • Login ke akun DOT.TK kamu.
      • Pada sidebar kiri klik menu My Domain. Kemudian klik submenu List My Domains. Pada domain kamu klik aja menu Modify.
      • Disana akan ada 3 pilihan untuk setting domain kamu, berikkut cara settingnya :
      Domain Forwarding, Alamat blog kamu akan di redirect ke alamat domain lain. Untuk menggunakan layanan ini, silahkan masukan ja alamat blog kamu pada kotak .

      Use Dot TK Free DNS Service, 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 :
      • Pada kolom Type pilih CNAME, pada kolom Host masukan alamat domain dot.tk kamu.
      • Pada kolom IP Address masukan ghs.google.com
      • Klik tulisan Add another hostname.
      • Pada kolom Type pilih MX. Otomatis kolom Host akan terisi dengan alamat domain kamu.
      • Pada kolom IP Address masukan ghs.google.com 
      • Klik Next.
      • Masuk ke akun blogger kamu, pada halaman Dasboard - masuk ke menu Pengaturan ato Settings.
      • Pilih tab Publikasikan. Kemudian klik link Domain Ubahsuaian.
      • Kemudian klik link yang tulisannya  Beralihlah ke pengaturan lanjut.
      • Nah silahkan masukan alamat domain .tk kamu, dan jangan lupa masukan juga verifikasi kata nya. Terus klik Simpan Setelan.
      • Selesai, tinggal tunggu sekitar beberapa menit, pengalaman shevy mah 3jam an.
      Use Custom Domain Services, Gunakan settingan ini bila kamu menggunakan layanan hosting sendiri, contohnya jika menggunakan blog dengan CMS Wordpress yang dihostingkan pada hosting sendiri (Gratis maupun berbayar). Cara settingnya :
      • Pada Kolom Nameserver masukan alamat DNS yang diberikan oleh jasa penyedia hosting kamu. Bila jumlah DNS nya lebih dari 2, silahkan klik Add another nameserver. Untuk menambahkan Kolom Name Server, seperti pada contoh dibawah ini, shevy menggunakan Layanan hosting gratis dari FreeHostia.


      • Jika sudah klik saja Next. dan Selesai.
      Udah ya, udah capek ngetik nih, mohon komentarnya... end selamat mencoba..

      Read More - Domain Gratis Dot.TK

      Share This Article

      Mengenal Bisnis Web Proxy

      Shevy | 2:25 AM | , |
      Your Ad Here

      Bisnis Web Proxy???
      sipp,,, Bisnis Web Proxy 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 Web Proxy untuk mengakses situs yang diblokir itu. Nah yang menjadi $$$ kita bisa pasang adsense atau adbrite di web proxy kita, dengan begitu peluang untuk mendapatkan $$$ makin gede. Dan perlu diingat para pengguna web proxy sebagian besar dari negara Eropa sana.

      Emang keuntungannya berapa sih??
      Pertama shevy ikut Bisnis Web Proxy sekitar seminggu yang lalu, kira2 tanggal 20 febuari, di web proxy 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???

      Dari Segi Kemudahan
      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

      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 .TK), dan yang paling berat musti sewa hosting yang emang memperbolehkan kita hosting Web Proxy. Khusus yang hosting proxy emang harganya agak mahal dibanding hosting web biasa, ya mungkin karena script proxy banyak memakan resource server.

      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

      Kunjungi juga web proxy shevy di :

      Read More - Mengenal Bisnis Web Proxy

      Share This Article

      Blog di Block Google

      Shevy | 5:09 PM | |
      Your Ad Here

      Lagi 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.

      Entah apa kesalahan blog yang tidak berdosa itu, sehingga bisa dianggap spam oleh pihak google, huh,,, T_T

      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...

      Temen2 blogger lain da yang pernah kek gini gak??, jangan sampe deh...,

      Yang merasa sudah pernah bertukar link dengan Cawokah.blogspot.com, mohon untuk hapus saja linknya, karena blognya juga sudah dihilang dari peredaran dunia maya.,

      salam, hix...

      Read More - Blog di Block Google

      Share This Article

      Membuat Widget Daftar Isi di Blogger

      Shevy | 12:37 AM | |
      Your Ad Here

      Tanpa basa basi lagi, kita langsung praktek aja Membuat Widget Daftar Isi di Blogger.

      • Langkah pertama, Login ke blogger - dari halaman dashboard masuk ke Tata Letak / Layout  - Kemudian masuk ke tab Edit Html.
      • Centang tanda Expand Widget Templates.
      • Kemudian cari kode seperti dibawah ini.
      <b:include data='post' name='post'/>

      • Ganti kode diatas dengan kode dibawah ini.
      <b:if cond='data:blog.homepageUrl !=
      data:blog.url'>
      <b:if cond='data:blog.pageType != "item"'>
      <a expr:href='data:post.url'>
      <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
      <data:post.title/></div></a>
      <b:else/>
      <b:include data='post' name='post'/>
      </b:if>
      <b:else/>
      <b:include data='post' name='post'/>
      </b:if>

      • Kemudian klik Save Template.
      • Sekarang masuk ke tab Elemen Halaman / Page Elements. Dan tambahkan sebuah widget baru dengan klik add gadget / tambah gadget. Lalu pilih type HTML / Javascript.

      • Dan masukan script dibawah ini pada widget baru tadi.

      <a href="http://alamat_blog_kamu.blogspot.com/search?max-results=200">Daftar Isi &raquo;&raquo;</a>
      • Silahkan ubah kode alamat_blog_kamu dengan alamat blog kamu.
      • Angka 200, merupakan jumlah maksimal artikel yang akan ditampilkan. kamu bisa merubahnya sesuai dengan keinginan kamu.
      • Kemudian klik save. dan lihat hasilnya.

      Read More - Membuat Widget Daftar Isi di Blogger

      Share This Article

      Membuat Widget Recent Comment di Blogger

      Shevy | 12:15 AM | |
      Your Ad Here

      Tutorial ini akan menjelaskan cara Membuat Widget Recent Comment di Blogger, dengan adanya widget ini dapat memudahkan kita sebagai admin blog untuk mengetahui komentar terbaru.

      Widget Recent Comment dalam tutorial ini shevy bagi 2, diantaranya:
      1. Widget Recent Comment dengan javascript, Beginner version (sok  inggris, hehe).
      2. Widget Recent Comment tanpa Javascript, yang ini paling gampang.
      Mau tau Langkah2 untuk Membuat Widget Recent Comment, ok cekidot...

      1. Widget Recent Comment dengan javascript

      • Langkah pertama login ke blogger - dari halaman Dashboard masuk ke Tata Letak / Layout - Kemudian masuk ke tab Elemen Halaman / Page Elemen.
      • Selanjutnya tambahkan gadget baru, dengan memilih Tambah Gadget / Add Gadget. Pilih type HTML / Javascript.
      • Kemudian masukan script dibawah ini kedalam gadget baru tersebut.
        • <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://Alamat_blog_kamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>
      • Script yang saya tandai dengan warna putih, ganti dengan alamat blog kamu. 
      • Setelah memasukan script diatas, jangan lupa kasih judul widget tersebut. Seperti contoh gambar dibawah.
      Membuat Widget Recent Comment di Blogger
      • Langkah terakhir save template, dan lihat hasilnya.

      2.  Recent Comments Cara Kedua

      • Langkah pertama login ke blogger - dari halaman Dashboard masuk ke Tata Letak / Layout - kemudian masuk ke tab Elemen Halaman / Page Element.
      • Tambahkan gadget baru, dengan klik Tambah Widget / Add Gadget. Kemudian pilih type Feed. Seperti gambar dibawah ini.
      Membuat Widget Recent Comment di Blogger

      • Kemudian masukan alamat feed comment blog kamu. Seperti url contoh dibawah ini. Ganti shevy-blog.blogspot.com dengan url blog kamu. 
      http://shevy-blog.blogspot.com/feeds/comments/default
      Membuat Widget Recent Comment di Blogger

      •  Kemudian klik Next, dan akan disana akan muncul jendela seperti dibawah.

      Membuat Widget Recent Comment di Blogger
      • Silahkan Ubah pengaturannya sesuai dengan keinginan kamu. Berikut keterangannya :
      Judul : Judul Widget kamu misal "Recent Comments atau Komentar Terbaru".
      Tampilkan : Jumlah komentar yang akan ditampilkan didalam widget.
      Tanggal : Menampilkan tanggal komentar pada widget recent comments.
      Sumber pengarang : nama orang yang memberikan komentar.
      Buka link dijendela baru : Setiap kita klik link di widget itu, maka akan membuka tab baru pada browser.

      • Jika sudah jangan lupa klik Simpan - Simpan Template. Dan lihat hasilnya.

      Udah ya, selamat mencoba...
      bentar lagi valentine,,, jomblo deui, huphhh... :(

      Read More - Membuat Widget Recent Comment di Blogger

      Share This Article

      70 Automatic High PR Backlink

      Shevy | 6:43 PM | |
      Your Ad Here

      Semangat untuk posting lagi, shevy mo bagi2 70 Automatic High PR Backlink 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…

      Mau tau caranya, lets do it..,
      • Langkah pertama masuk kesitusnya dulu, pake link dibawah (No Referral Link):

      • Setelah masuk ke situsnya, disana ada kolom gede, masukan aja url blog kamu beserta anchor textnya, dengan format seperti dibawah ini, gambarnya juga ada:
      alamat_blog_kamu.blogspot.com|anchor_text
      70 Automatic High PR Backlink

      • Kalo sudah tinggal klik submit query aja, dan tunggu hingga proses submit selesai.
      Catatan : Jangan memasukan url blog kamu dengan http://, karena pasti akan banyak error pada saat submit. Contoh shevy-blog.blogspot.com (Tanpa Http://).

      Nah buat semuanya, selamat mencoba,

      Read More - 70 Automatic High PR Backlink

      Share This Article

      Langganan: Postingan (Atom)