Membuat link "New Tab" terbuka di jendela baru

Ketika meng'klik' link di blog, kita sering merasa tidak nyaman karena link tersebut terbuka di jendela yang sama dan menutup blog yang sedang kita baca. Agar link yang anda klik terbuka di jendela baru, anda cukup menambahkan target='_blank' pada kode HTML blog anda. caranya, buka edit HTML dan centang Expand Template Widget lalu cari kode berikut:


b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>

untuk memudahkan pencarian, cukup anda tekan Ctrl + F dan tulis linklist di bawahNya, maka anda akan menemukan kode yang anda cari itu. lalu sisipkan target='_blank' setelah href='data:link,target':
a expr:href='data:link.target'

sehingga menjadi:
a expr:href='data:link.target' target='_blank'

setelah selesai, jangan lupa simpan hasil editing HTML anda dan bukalah blog anda di halaman baru. coba klik salah satu link di blog anda dan anda tidak akan lagi terganggu dengan link yang menutupi blog anda.

Selamat Mencoba!

http://beautify-bloggers.blogspot.com/2010/03/membuat-link-new-tab-terbuka-di-jendela.html

Cara Membuat New Tab saat di Klik

Cara membuat jendela baru atau New Tab dapat dilakkukan dengan dua cara yang pertama anda harus memasang kode di HTML yang kedua anda harus memasang di Postingan
Untuk yang membuat di postingan anda harus menempatkan kode

target="_blank"

di postingan contoh saja anda ingin ke beautify-bloggers.blogspot.com
Lalu kodenya seperti ini

beautify-bloggers.blogspot.com


jadi anda harus menempatkan kode

target="_blank"

jadi anda harus menggabungkan menjadi

http://www.beautify-bloggers.blogspot.com

Lalu cara kedua anda bisa membaca artikel di beautify-bloggers.blogspot.com

http://beautify-bloggers.blogspot.com/2010/03/cara-membuat-new-tab-saat-di-klik.html

Cara Mencegah Spam masuk ke Email Kita

Cara Mencegah Spam Masuk ke Email

1. Gunakan kontak form email
Cara yang sering digunakan businessman yaitu tidak pernah memberitahukan email melainkan harus melalui contact form. Ya, dengan kontak form, kita tidak perlu risau lagi soal web crawler. Email pun tidak bisa diketahui karena sampai “jengking” pun alamat email tidak pernah bisa didapatkan. Kecuali jika spammer mau repot-repot nyepam lewat kontak form. Kelemahan menggunakan kontak form yaitu pengirim dapat memalsukan emailnya. Email siapapun bisa digunakan karena pengirim tidak perlu login untuk mengirim email. Tapi diluar itu, kontak form harus dan wajib untuk digunakan karena cenderung lebih mudah. Salah satu situs yang menyediakan fasilitas pembuatan kontak form yaitu www.emailmeform.com Situs ini menyediakan fitur yang cukup lengkap dan gratis.

2. Gunakan gambar
Misal Anda memiliki email beralamat: email@domain.com Email ini tentu akan mudah terindex oleh web crawler karena email tersebut sudah tercetak di halaman web yang siapapun bisa membukanya. Untuk alternatifnya Anda bisa menuliskannya dalam bentuk gambar. Sehingga web crawler tidak mungkin bisa menjelajahnya. Situs yang menyediakan pembuatan teks gambar instant bisa Sobat coba di www.textmail.notlong.com Cukup masukkan email Anda, setting sendiri formatnya seperti font (pilihan font-nya cukup banyak), size, color, dan background color. Kelemahan menggunakan gambar tetap perlu diwaspadai karena email Anda tetap tercetak di dunia web. Siapapun bisa menggunakannya dan mencatatnya di daftar prospek spam. Namun setidaknya kita bisa mencegah sepak terjang web crawler.

3. Gunakan software anti spam (spam filter)
4. Cara terakhir yang paling ampuh dan tak usang dimakan zaman, jangan pernah sebarkan alamat email Anda pada siapapun kecuali orang yang Anda percayai.

http://beautify-bloggers.blogspot.com/2010/03/cara-mencegah-spam-masuk-ke-email-kita.html

Menu

When a trip to the Master yuril blogs, I found an article I was looking for the Create Menu Horizontal Blogspot. If temen-temen not know what the navigation menu please see the image below

Then how do I create one?

First entry Edit HTML page, then paste all the copi -
CSS code below and Put the code above. ]]></b:skin>

/*-- (Menu/Nav) --*/

#nav{background:#222; height:32px; padding:4px 0 0; margin-bottom:0px}

#nav-left{float:left; display:inline; width:600px}

#nav-right{float:right; display:inline; width:100px}

#nav ul{position:relative; overflow:hidden; padding-left:0px; margin:0;
font:1.0em Arial,Helvetica,sans-serif}

#nav ul li{float:left; list-style:none}

#nav ul li a, #nav ul li a:visited{display:block; color:#fff; margin:0 5px;
padding:5px 4px; text-decoration:none}

#nav ul li a:hover{color:#800000; background-color:#fff; margin:0 5px;
padding:5px 4px}

#nav ul li a.current, #nav ul li a.current:visited, #nav ul li
a.current:hover{margin:0 8px; background-color:#fff; color:#fff; padding:5px
7px}

/*-- (Search) --*/

#search{background:#f9f9f9 url(http://oom.blog.googlepages.com/search.gif) 6px
2px no-repeat; -moz-border-radius-bottomleft:10px;

-moz-border-radius-bottomright:10px;

-moz-border-radius-topleft:10px;

-moz-border-radius-topright:10px; border:1px solid #b3b3b3; float:right;
height:25px; margin:0 0px 0 0; width:180px}

* html #search{margin-right:8px}

#search input{font-family:Verdana,Arial,Helvetica,sans-serif;
background:transparent; border:0; color:#555; float:left; font-size:12px;
margin:5px 0 0; padding:0px 2px 2px 27px; width:140px}

http://beautify-bloggers.blogspot.com/2010/02/menu.html

Making Color Label Cloud Blogspot

As we all know that bloggers now support the label cloud like in wordpress. Well .. With the label cloud, we can create by giving Blogspot Color Label Cloud looks so much interesting. Then how do I create one?

Here we only add his css code. Okay .. let's get started:

1. Please log in to blogger with you.



2. Select Layout.



3. Click the Edit HTML tab.



4. Copy and paste the following code right above the code ]]></b:skin>
   
   
   
   

   
   
   
   
   

   .label-size-1 a {font-size: 12px;text-decoration: none;}.label-size-2 a{font-size: 14px;text-decoration: none;color:#cd9f01;}.label-size-3 a {font-size:15px;font-family: Arial, Tahoma, Verdana;text-decoration: none;}.label-size-4 a {font-size: 18px;font-weight:bold;text-decoration: none;color:#ea5a04;}.label-size-5 a {font-size: 24px;text-decoration: none;} .label-size-1 a:hover,.label-size-2 a:hover, .label-size-3 a:hover, .label-size-4 a:hover, .label-size-5 a:hover {text-decoration:underline }

   
   
   
   

5. Click the Save Template



6. Done.
   

Okay .. maybe a bit of hopefully useful babahe

http://beautify-bloggers.blogspot.com/2010/02/making-color-label-cloud-blogspot.html

Beautify Blog

In this opportunity I would like to share knowledge about Pernak-Pernik Blog. Is knick knacks that? If I call it an extra garnish or decoration for beautifying your blog. And the script code is not needed as much as we make Read More which must Edith html code for it-save-selected format and blah. . blah. . blah. . Over brow:))

From now on let's try some of these knickknacks:

Make a Rainbow Color Link

If you ever come across on a blog like mine, then when you put the mouse over the link will display the colorful characters like a rainbow. Want to know how? It's easy not stray from. . :))

On the Edit HTML code you are looking for. If you've met put this code below and click SAVE. . so right: D

Strikeout on writing posts

It was not meant to know? That's writings like underline, but crossed out letters to the streak. If you are still confused look at this example


Price $5Now Free For You

To do:

You live add code

(crossed out sentences like)

Writing Flashing (Blink)

This is a trick that is very easy because you live add code

(writing to flash)

Easy right? such as reversing the palm of your hands:))

Remove Navbar

Navbar is on the top line to facilitate us to log-in/log-out. which is usually black, blue. already know it? If you do not know Batman just ask:))

• First of all, go to the Dashboard page
• After that, click Layout, then select Edit HTML
• In the HTML box to find the following code, usually located at the top

-----------------------------------------------

Blogger Template by ThemeLib.com Theme Name: *******( your template name) Theme URI: url *********( template) Author URI: *********( template creator) Version: 1.0

----------------------------------------------- * /

• Then typing the following code Below

#navbar, #navbar-iframe {

height: 0px;

visibility: hidden;

display: none;

}


Tips: If navbar to appear again. You can just delete it in blue script on top. 've done it. . . ;)


That's some tricks that I can collect another time "Insha Allah" can be added. If there is not clear please Ym I in maz_yuril@yahoo.com



Eh do not forget his comments huh?

C u next time. . bay bay;)



:)) Smile for you

http://beautify-bloggers.blogspot.com/2010/02/beautify-blog.html

Creating Guest Book [Shoutmix] Hidden

Guest book is a very important thing in every activity, as well as the bloggers, guest book in a regular blogger on the call with shoutmix or shoutbox, how to make it ??

For my friend who has not had to address just this shoutmix.com, while for my friend who already has and so little can be hidden Oprek like having your friends, Get to:

1. Log into your Blogger account, select "Layout" then "Page Elements",
2. Click the "Add a Gadget" (which is just okay), then select "HTML / JavaScript",
3. Copy-paste the code below:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2uTd0DU44JxBDnRgJ5p2aIiyN547TOEJ8Wj_JxzvA7S4B70LldqNgf3P92s0NZhrCfuCynYpXbPQYrhxa0n_5uAMutGtX_05WGhEKrXkD5lVF9_htD7Qm0YGWRgbxFbE-ZdQTVlryqEwM/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>


<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>


<div id="gb">


<div class="gbtab" onclick="showHideGB()"> </div>


<div class="gbcontent">


<!-- Replace this with your guest book code -->




<div style="text-align:right">
Widget by: <a href="http://beautify-bloggers.blogspot.com/2010/10/making-book-guest-shoutmix-hidden.html">
Info Blog
</a> |
<a href="javascript:showHideGB()">
[Close]
</a>
</div>


</div>


</div>


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Do not forget to change the code

<!-- Replace this with your guest book code -->

With the code you shoumik !!!!!!!

You can also set the position. Just Change the value of its top attributes. if my friend wants to change it up or down, 30px Or 20px .......

http://beautify-bloggers.blogspot.com/2010/02/creating-guest-book-shoutmix-hidden.html

Making Label Cloud Animation Blogspot

Seperti yang kita ketahui bersama bahwa pada wordpress ada fasilitas untuk membuat sebuah label atau kategori yang menggunakan animasi yakni menggunakan plugin cumulus. Tapi bagi kita semua yang menggunakan mesin blogspot tidak usah kecil hati karena kitapun bisa membuat label cloud beranimasi layaknya wordpress. Bagaimana caranya ? ikuti langkah-langkah dibawah ini :

1. Masuk atau login ke blogger dengan ID kamu.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.
5. Cari kode yang mirip dengan kode di bawah ini :

   <b:section class='sidebar' id='sidebar' preferred='yes'>

6. Copy lalu paste kode di bawah ini di bawah kode yang tadi ;

     
   <b:widget id='Label99' locked='false' title='Labels' type='Label'>
   
   
   
   <b:includable id='main'>
   
   <b:if cond='data:title'>
   
   <h2><data:title/></h2>
   
   </b:if>
   
   <div class='widget-content'>
   
   &lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
   
   
   
   &lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
   
   &lt;param name="bgcolor" value="#ffffff" /&gt;
   
   
   
   &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
   
   <b:loop values='data:labels' var='label'>
   
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
   
   
   
   </b:loop>
   
   &lt;/tags&gt;" /&gt;
   
   &lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
   
   
   
   &lt;/object&gt;
   
   </div>
   
   <b:include name='quickedit'/>
   
   </b:includable>
   
   </b:widget>

   
   

   
   

7. Klik tombol SIMPAN TEMPLATE

8. Selesai.

   
   

Namun perlu diingat kamu harus sudah mempunyai sebuah label atau kategori dalam bentuk animasi flash. Akan tetapi agar lebih pas dengan template yang anda gunakan, ada beberapa yang bisa di ubah pada kode di atas, contoh :

Untuk mengubah ukuran lebar widget :

width="250"

Nilai “250” adalah lebar widget sebesar 250 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 300

Untuk mengubah tinggi widget :

height="200"

Nilai “200” adalah tingg widget sebesar 200 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 250

Untuk mengubah warna background ":

&lt;param name="bgcolor" value="#ffffff" /&gt;

Tulisan “ffffff” adalah kode warna untuk putih, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk hitam adalah “000000”.

Untuk mengubah warna tulisan ":

&lt;param name="flashvars" value="tcolor=0x000000&amp;

Tulisan “000000” adalah kode warna untuk hitam, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk putih adalah “ffffff”.

Sumber : http://kolom-tutorial.blogspot.com/2008/12/pasang-label-bentuk-animasi-di-blog.html

http://beautify-bloggers.blogspot.com/2009/12/membuat-label-cloud-animasi-blogspot.html

New Transparent Navbar Styles

As a blog author, you've probably spent more than a little time getting exactly the right "look" for your blog. A blog is an outlet for creative expression, and how your blog looks says as much about you as what is written on it. And we at Blogger are committed to giving you the tools to make a great-looking blog.

The Blog*Spot navigation bar ("navbar") is one area where we realized that there was some room for improvement. Our four traditional color scheme choices — Blue, Black, Tan, and Silver — are somewhat limited, especially if your blog's background color is lime green or hot pink.

That's why we have added two new color schemes — "Transparent Light" and "Transparent Dark." These new color schemes take advantage of the ability of modern browsers to render transparency (a technique known to web designers as "alpha blending"). This allows the navbar background to blend together with your blog's background color and pattern. The "Transparent Light" color scheme has a semi-transparent white background, producing subtle pastel colors, while the background of "Transparent Dark" is a semi-transparent black that produces a shaded look.

In addition, we've simplified and slimmed down the look of all the navbars, so that they will be more likely to harmonize with the aesthetics of your blog.

To enable the Transparent Light or the Transparent Dark navbar, go to Layout | Page Elements, then click Edit next to the navbar widget:



We had a lot of fun adding this feature and hope you like it too. Try it out!

http://beautify-bloggers.blogspot.com/2009/10/new-transparent-navbar-styles.html

Membuat Widget Top Artikel

Letakkan saja sript di bawah ini pada + html/java sript

<div style="overflow:auto; padding:0px; width:515px; height:180px; background-color: rgb(204, 204, 153); border:0px solid #ccc;"><script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2Faladdingrup.blogspot.com&num=10" type="text/javascript"></script>
<a href="http://aladdingrup.blogspot.com" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a></div>


Selanjutnya sobat bisa atur sendiri tinggi dan lebar serta warna yang di inginkan.

http://beautify-bloggers.blogspot.com/2009/12/membuat-widget-top-artikel.html

Setting in co.cc For Domain Parking

My buddy has long dalm not post this blog, many things that make this so. one college that is close to the task akir, while committee here and there, good news for my friend who is not familiar with adsense for domain name please visit the following website if you want to see my friend and his results.kolomkomputer.co.cc by people who had long played in the adsense domain has been getting a lot of dollars through this domain adsense everyone visiting valued at a price of $ 0.7 plus when visitors click on your ad revenue is entirely tersebut.semua you ....

If you want to make it please see below, one more we have to provide their own domain. like. com,. net or free domain name like co.cc

1. Click the AdSense Setup like you would create a new adsense ad slot.
2. Click the AdSense for Domains
3. Click Add New Domains to enter your domain.co.cc

The first phase is complete now entered the second stage and menyetting A CNAME record on your domain.co.cc.
1. Domain.co.cc account login to manage your domain.
2. Select your Domain.co.cc to be in the setup for Adsense for domains (click Setup)
3. Of the three options select the setup a second setup (Zone Records).
4. At a charging Zone Records Host, TTL, Type and Value.
Consider the following Screenshoot:

5. First we input the CNAME from Google Adsense. At HOST type www (will automatically enter your domain name into www.domainname.co.cc), to allow the TTL, 1D, the Type select CNAME and the VALUE input destination for containing Google Adsense publisher ID (Screenshoot note above) after all occupied click SETUP. If successful will look like Screenshoot below,

6. Next entries A record Google Adsense. At HOST leave blank will be automatically filled in your name without the www domain.co.cc, the TTL let the 1D, the Type A and to select input VALUE destination for Google Adsense (216.239.32.21) and click SETUP. Repeat for the next record A destinationnya differ only just (216.239.34.21 - 216.239.36.21 - 216.239.38.21) so as shown in Screenshoot below,

7. The end .
Now you just wait Approve Google Adsense (usually not long, I had only a few hours) and also wait for a maximum of 48 hours to set up co.cc domain parking appears as Google Adsense (I myself was not until 24 hours was performed).


Search for relevant articles on google or yahoo

http://beautify-bloggers.blogspot.com/2009/10/setting-in-cocc-for-domain-parking.html