CARA MENAMBAHKAN Addthis

CARA MENAMBAHKAN Addthis
Addthis merupakan layanan yang memudahkan pengujung untuk menyimpan, berbagi dan mempromosikan konten anda keberbagai macam jaringan sosial. Sama halnya dengan layanan sosial bookmark lainnya.Selain itu layanan Addthis juga menyediakan fasilitas one button one content yang sudah terintegrasi dengan beberapa platform, termasuk blogger tentunya.
Kenapa kita harus menambahkan addthis pada blog kita? Salah satu alasan kenapa kita memasang widget bookmark & share adalah sebagai salah satu upaya untuk meningkatkan traffic (pengunjung). Widget bookmark & share Addthis ini setelah Anda “instal” nanti akan terpajang di bawah setiap postingan yang efeknya memudahkan pengunjung blog Anda untuk membookmark atau menyebarluaskan content blog Anda pada berbagai directory yang tergabung dalam bookmark & share Addthis.
Cara Menambahkan AddThis di Bawah Postingan
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <div class=’post-footer’>
6. Setelah itu taruh kde berikut ini di bawahnya

<!– AddThis Button BEGIN –>
<div><a expr:addthis:title=’data:post.title’ expr:addthis:url=’data:post.url’ class=’addthis_button’><img src=”http://s7.addthis.com/static/btn/v2/lg-share-en.gif” width=”125″ height=”16″ alt=”Bookmark and Share” style=”border:0″/></a>
<script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a8b947c53d5c175″></script></div>
<!– AddThis Button END –>

7. Simpan Template
Cara Menambahkan AddThis di Sidebar
1. Pilih Tata Letak kemudian Tambah Gadget
2. Pilih HTML/JavaScript
3. Masukan kode-kode (script) diatas.

SEMOGA SUKSES DAN SELAMAT MENCOBA. . . .

By : Bomz Art

~KEEP SPIRIT  FOR YOUR LIFE~

Read more »

Posted in: Tutorial

Cara memasang label cloud berputar pada blog

Memasang animasi flash label cloud berputar ternyata cukup mudah. Selain untuk mempercantik tampilan label anismasi label cluoud ini juga membuat orang tertarik untuk memutar-mutarnya. Jika bli tertarik dengan label cloud berputar ini, ikuti langkah-langkah berikut.

Cara Membuat Animasi Flash Cloud Berputar

Masuk ke ID blogger Anda. Pilih Tata Letak >> Klik Edit HTML >> jangan lupa untuk centang kotak kecil yang bertuliskan Expand Template Widget. Cari kode yang sama atau yang mirip dengan kode di bawah ini, untuk memudahkan pencarian tekan tombol F3 di Keyboard Anda.

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

Jika sudah ketemu, copy dan paste kode berikut ini tepat dibawah kode di atas.

<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'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Simpan Template dan lihat hasilnya
Untuk mengganti default nilai lebar label "240" dan tinggi label "300" sesuai dengan template blog Anda ubah kode yang berwarna merah. Untuk merubah warna background putih menjadi warna lain silahkan ganti #fffff mejadi warna lain.

SEMOGA SUKSES DAN SELAMAT MENCOBA. . . .

By : Bomz Art

~KEEP SPIRIT  FOR YOUR LIFE~

Read more »

Posted in: Tutorial

Membuat menu multi kolom

Membuat menu multi kolom disini maksudnya membuat lebih dari satu menu dalam satu kolom, ini berguna sekali untuk menghemat space blog anda yang sudah memiliki menu yang banyak seperti pada contoh screenshot berikut:




Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout-->Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Masukan kode dibawah ini sebelum kode diatas

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E;
overflow: hidden;
background-color: #FF9900;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Keterangan :

- Angka yang berwarna merah-->lebar kotak menu utama
- Angka yang berwarna biru--> tinggi kotak menu utama
- Kode yang berwarna hijau--> warna border menu utama
- Kode yang berwarna ungu-->warna Font menu utama
- Kode yang berwarna abu-abu-->Warna background menu utama
- Kode yang berwarna kuning-->Warna border kotak utama
- Kode yang berwana orange-->warna background kotak utama

Untuk mengetahui kode-kode warna silahkan klik disini

5. Silahkan masukkan kode dibawah ini sebelum kode </head>

<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>

6. Kemudian Save

Kemudian ke menu Layout-->Page Elements-->pilih Add Gadget yang akan kamu tempatkan menu multi kolom ini-->HTML/Javascript

Silahkan masukkan script menu multi kolom dibawah ini:

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Title menu 1</a>
<a>Title menu 2</a>
<a>Title menu 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Link 1 di menu 1 <br />
Link 2 di menu 1 <br />
Link 3 d1 menu 1 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 2 <br />
Link 2 di menu 2 <br />
Link 3 d1 menu 2 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 3 <br />
Link 2 di menu 3 <br />
Link 3 d1 menu 3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan
- kode yang berwarna hijau adalah title menu anda
- kode yang berwarna biru adalah lebar dan tinggi menu multi kolom
- kode yang berwarna merah adalah isi dari menu anda

SEMOGA SUKSES DAN SELAMAT MENCOBA. . . .

By : Bomz Art

~KEEP SPIRIT  FOR YOUR LIFE~

Read more »

Posted in: Tutorial

Membuat footer 3 kolom

Langkah pertama
  cari code di bawah ini 

</div> <!-- end content-wrapper -->


Lagkah kedua 
letakkan  code di bawah ini tepat dibawahnya  code ini
</div> <!-- end content-wrapper -->




----------------------------------------------------------------------------------
<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>
</div>
---------------------------------------------------------------------------------------------------------------
Langkah ketiga
cari code"</b:skin>"
dan letakan code ini tepat dibawahnya
"#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}"



Simpan Tamplate, selesai.

Note : ganti tulisan warna biru sesuai dengan yang anda inginkan................ 

SEMOGA SUKSES DAN SELAMAT MENCOBA. . . .

By : Bomz Art

~KEEP SPIRIT  FOR YOUR LIFE~

Read more »

Posted in: Tutorial

Cara Membuat 3 (tiga) Kolom di Bawah Header

Cara Membuat 3 (tiga) Kolom di Bawah Header

 

1. Login dulu ke Blogger, pilih Rancangan/Layout => Edit HTML, kasih tanda centang pada Expand Template Widget;
2. Cari kode ]]></b:skin>;
3. Sebelum atau di atas kode ]]></b:skin>, letakkan kode di bawah ini:
   /* Top Header
   ---------------------------- */
   #topheader {
   width:930px;
   clear:both;
   float:left;
   color:#333;
   background:#fff;
   margin:0 auto;
   padding:0 0 10px;
   }
   
   #topheader a:visited {
   color:gray;
   text-decoration:none;
   }
   
   #topheader h2 {
   font-size:11px;
   font-weight:700;
   line-height:1.4em;
   text-transform:uppercase;
   border-bottom:1px dotted silver;
   margin:0 0 10px;
   padding:20px 0 2px;
   }
   
   #topheader ul {
   color:#333;
   margin:0;
   padding:0;
   }
   
   #topheader ul li {
   list-style-type:none;
   background:fff;
   border-bottom:1px dotted #ccc;
   padding-left:17px;
   margin-top:2px;
   }
   
   #left-topheader {
   width:360px;
   float:left;
   padding-left:15px;
   }
   
   #center-topheader {
   width:230px;
   float:left;
   padding:0 20px;
   }
   
   #right-topheader {
   width:260px;
   float:right;
   padding-right:15px;
   }
   
   
   Keterangan:
   #topheader adalah kode untuk kolom secara keseluruhan;
   #left-topheader adalah kode untuk kolom sebelah kanan;
   #center-topheader adalah kode untuk kolom pada posisi tengah;
   #right-topheader adalah kode untuk kolom sebelah kiri;
   Width: px adalah kode untuk ukuran lebar kolom;
   Padding adalah jarak sela antara kolom satu dengan lainnya;
   
   Silahkan dimodifikasi, dengan catatan harus sama dengan jumlah lebar pada template Anda dan untuk mengetahui ukuran lebar template, cari kode: #outer-wrapper dan lihat nilai width-nya;
4. Selanjutnya cari kode di bawah ini:
   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
   </b:section>
   atau kalo tidak ada kode di atas , cari kode di bawah ini
   </b:includable>
   </b:widget>
   </b:section>
5. Tepat di bawah kode di atas, tambahkan kode di bawah ini:
   <div id='topheader'>
   <b:section class='topheader' id='left-topheader' preferred='yes'/>
   <b:section class='topheader' id='center-topheader' preferred='yes'/>
   <b:section class='topheader' id='right-topheader' preferred='yes'/>
   </div>
6. Simpan Tamplate, selesai.
    
   SEMOGA SUKSES DAN SELAMAT MENCOBA. . . .

   
   
   

   By : Bomz Art

   
   ~KEEP SPIRIT  FOR YOUR LIFE~

    

Read more »

Posted in: Tutorial

CARA CEPAT MENDAPATKAN BACKLINK

Salah satu cara dalam rangka meningkatkan traffic blog dimata search engine adalah dengan membangun Internal link dan External link.Internal link adalah link dalam satu website/blog ,Sedangkan External Link adalah menambah one way backlink (Link satu arah) ke blog/situs kita.
Jika Blog Anda ingin kebanjiran traffic pengunjung secara luar biasa dan signifikan denganlink satu arah ke blog/situs anda,silahkan pelajari dengan seksama artikel dibawah ini.
Ingat Agar proses ini berjalan sempurna dibutuhkan kejujuran anda,kekuatan terletak pada kejujuran anda,semakin anda jujur semakin banyak backlink yang anda dapatkan!
Mari kita buktikan…apakah konsep kejujuran disini dapat kita gunakan untuk menghasilkan traffic dan popularity yang sangat hebat dari sebuah metode rumit para ahli webmaster atau pakar SEO?
Caranya sangat mudah,Anda hanya perlu meletakkan link-link berikut ini di blog atau artikel anda:
Republika
Detik.com
Okezone.com
Facebook.com
Google.com
Cafe Bisnis
Panduan Belajar WordPress
Samudro.com
ZapuZapu.co.cc
Titozz.co.cc
Sebelum anda meletakkan link-link diatas dipostingan blog anda, anda harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, begitu seterusnya.Kemudian masukkan link anda sendiri di bagian paling bawah
(nomor 10).
Jika tiap peseta mampu mengajak bergabung 5 orang saja, maka jumlah backlink yang akan didapat adalah:
Ketika posisi anda 10, jumlah backlink = 1
Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125
Dan semuanya menggunakan kata kunci yang anda inginkan. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web/blog downline anda mengklik link itu, anda juga mendapatkan traffic tambahan. Hebat bukan?
Nah,silahkan copy-paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link web/blog anda di posisi 10. Ingat, anda harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika anda tiba2 di posisi 1, maka link anda akan hilang begitu ada yang masuk ke posisi 10.
Anda bisa saja melakukan tindakan tidak fair/tidak jujur dengan menyabotase metode ini, misalkan saja “mengganti semua link asal” lalu di isi dengan link web/blog anda sendiri? namun metode ini menjadi tidak maksimal. Kejujuran adalah strategi/politik terbaik..Tapi saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri sendiri dengan melakukan tindakan murahan seperti itu!

 

SEMOGA SUKSES DAN SELAMAT MENCOBA. . . .

By : Bomz Art

~KEEP SPIRIT  FOR YOUR LIFE~

 

 

Read more »

Posted in: Tutorial

How Traffic Exchange Sites Work

by Christian Nilsson

A traffic exchange is a site where you can get new visitors to your web site in exchange for viewing the sites of other members. There are many hundreds of traffic exchange sites on the internet and finding the ones that are good can be difficult. There are two types of traffic exchanges, manual surfing and auto surfing. Most sites are either a manual or a auto traffic exchange, but some have both options.

Auto surfing: These kinds of sites requires no clicking but some require the browser to be maximized. However, on many sites you can minimize the window, allowing you to do whatever you like while earning credits in the background. The traffic from these kinds of sites is not very good, but they can give your site a lot of page views.

Manual surfing: These sites requires you to click a button every 6-30 seconds in order to view the next page and earn credits. There are usually some kind of security measure to prevent users from resizing the window too small. To prevent bots, the user is often also required to enter a captcha code regularly while surfing. This means that the surfer is much more likely to see your site on a manual traffic exchange and click through to your site.

Credits: Besides surfing, it is also possible to earn credits in other ways on many traffic exchange sites. On most sites, you can earn credits by referring other members. Sometimes you can earn credits by subscribing to a mailing list. Many sites also have regular competitions of different kinds where you can win more credits.

Buying credits and upgrading your membership: Most traffic exchanges offers membership upgrades which gives you benefits such as increased surf ratio, more credits from your referrals and bonus credits. Another option is to buy credits, you can usually get about 10,000 credits for $50. However, before upgrading or buying credits you should always test the traffic first. Assign a couple of hundred credits to your site and see how it works. You should also try to optimize your splash page before buying credits.
Make small changes and see if the conversion ratio improves. Make sure to get the maximum return on your investment, there is no reason to pay for visitors that don't make you any money.

If you start using traffic exchanges and it doesn't work for you, don't dismiss them completely right away. There are hundreds of other traffic exchange sites and what doesn't work on one site, might work on another. And even if you are unsuccessful, all you have lost is a couple of mouse clicks.

Read more »

Posted in: Unique articles