Keuntungan Submit Ke Sosbook Dan Daftar Sosial Bookmark

P

ada kesempatan kali ini saya ingin berbagi tips mengenai sosbok.Sosbook atau sosial bookmark adalah tempat di mana kita bisa melakukan submit url postingan/artikel blog kita agar kita bisa mendapatkan backlink dan mempromosikan blog. Sosbook sangat bermanfaat khusunya bagi blog yang masih baru agar popularitas blog bisa cepat meningkat. Bagi blogger yang ingin mencari backlink atau ingin mempromosikan blog Anda lewat sosbook (social bookmark) untuk memperbaiki posisi di SERP.
Untuk lebih jelasnya dibawah ini adalah beberapa keuntungan mensubmit artikel kita di sosbok:

1. Artikel akan cepat terindex oleh search engine
Social bookmark merupakan tempat yang paling sering di crawl ataupun di index oleh Search engine. Dengan mensubmit artikel kita ke social bookmark maka secara tidak langsung artikel kita akan cepat di ketahui kemudian di index oleh search engine.

2. Memperbaiki SERP
Dengan melakukan submit ke social bookmark maka artikel kita akan naik di SERP. Mengapa demikian ? karena dengan submit tadi maka social bookmark tersebut akan memberikan backlink pada artikel kita, jadi semakin banyak mensubmit ke social bookmarking, semakin banyak backlink yang didapat, dengan catatan social bookmarking tersebut dofollow. Nah, dari penjelasan tadi maka akan meningkatkan ranking artikel kita pada SERP (search engine result pages).

3. Meningkatkan Pengunjung Blog
Dengan mensubmit ke social bookmark tadi,maka artikel kita akan dipromosikan oleh social bookmark, dan disitu ada link yang menuju ke blog kita, dari situlah pengunjung yang berdatangan. Disisi lain, seperti yang dijelaskan di no.2 yaitu menaikkan SERP. Bila posisi artikel baik (di halaman pertama ) maka pengunjung akan lebih sering mengklik hasil pencarian tersebut.

4. PageRank (PR) akan meningkat
Kebanyakan dari situs social bookmark mempunyai Pagerank tinggi dengan mensubmit artikel kita,dengan begitu kita akan dapat backlink gratis (khusus yang dofollow). Dengan demikian PR situs atau blog kita akan meningkat.

Dan berikut adalah beberapa daftar sosbok:

http://lintasberita.com
http://indofeed.com
http://debuk.com
http://www.lintas.me
http://qaafe.com
http://www.bookmarkdofollow.com
http://www.beritague.com
http://dofollowdigg.com
http://www.indobookmark.com
http://infogue.com
http://www.liputankhusus.com
http://www.kombes.com
http://www.sajikan.com
http://id.88db.com

Semoga tips diatas dapat bermanfaat untuk sobat2

Read More...!

Membuat Kotak Pesan Dengan Jquey Dan Css

B

anyak diantara blogger2 yang menggunakan kotak pesan ini sebagai media untuk pengunjung,para blogger biasa nya memasukkan iklan-iklan pada kotak pesan ini.Sebagai contoh sobat bisa melihatnya pada munculan kotak pesan dari atas.Untuk membuatnya kita hanya menambahkan kode css dan sedikit kode jquery juga.
Untuk membuat kotak pesan dengan jquery dan css sebagai berikut:
1. Sobat login terlebih dahulu
2. Setelah login sobat pilih rancangan
3. Kemudian pada halaman gadget sobat pilih add gadget
4. Pilih Html/javascript
5. Copas semua kode css dan jquery dibawah ini dan masukkan.

<div id="kotak-pesan">
Masukkan kode iklan atau pesan sobat disini
<a class="close" href="#">×</a></div>
<style>
#kotak-pesan {
  position:fixed !important;
  position:absolute;
  top:-1000px;
  left:50%;
  margin:0px 0px 0px -182px;
  width:300px;
  height:auto;
  padding:16px;
  background:rgba(0,0,0,.5);
  border:2px solid #fff;
  font:normal 1em Cambria,Georgia,Serif;
  color:#fb0;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  box-shadow:0px 1px 3px rgba(0,0,0,0.4);
}

#kotak-pesan a.close {
  position:absolute;
  top:-55px;
  right:-50px;
  background:#333;
  font:bold 16px Arial,Sans-Serif;
  text-decoration:none;
  line-height:22px;
  width:22px;
  text-align:center;
  color:#fff;
  border:2px solid #fff;
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  cursor:pointer;
}
</style>
<script type="text/javascript">
$(window).bind("load", function() {
     $('#kotak-pesan').animate({top:"200px"}, 1000);
     $('a.close').click(function() {
          $(this).parent().fadeOut();
     return false;
     });
});
</script>

6. Simpan dan lihat hasilnya.

Selamat Mencoba Sobat

Contoh Kotak Pesan Dengan Jquery Dan Css
×

Read More...!

Auto Hidden Scroll Tombol Share Dengan Jquery

L

angsung sobat scroll kebawah dan sobat akan bisa melihat contohnya.
Tombol share ini hanya akan terlihat bila pengunjung menscroll halaman ke arah bawah.
Untuk membuat auto hidden scroll tombol share dengan jquery sebagai berikut:
1. Sobat login terlebih dahulu
2. Setelah login sobat pilih rancangan
3. Kemudian pada halaman gadget sobat pilih add gadget
4. Pilih Html/javascript
5. Copas semua kode css dan jquery dibawah ini dan masukkan.

<div id='outnav'>
<div class='contain'>
<ul>
<li>
<a href='http://www.delicious.com/YOUR-ACCOUNT' target='new'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdCyfG4bHRNTjEpQ94wqhe7sL8SOmDJBixk97ai6IO1OFya4TM27G1XMccMXu5xlvpc-IW2g_rbxMs4a9_N_eCCUSjcglbejb-SKJEj-_v46fHB3HkgG4xOj2-QDuewKCkTZY1YeFHG5U/s1600/Delicious.png' title='Follow us at Delicious'/></a>
</li>
<li>
<a href='http://digg.com/raezen' target='new'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwzKjk0NXLHX7X0JjQW_h7emShkX_GvfvMoMvSHI0gWwTZWEqrmDpaNLxA1258LD3HMPIk4v-d2Y3K6CuYFRYnolRDe2_wH5OqxnA8UZikzDpDA6ssSx1CXkjGOGdj56SJkEkZYWLCsu8/s1600/Digg.png' title='Follow us at Digg'/></a>
</li>
<li>
<a href='http://www.facebook.com/pages/YOUR-ACCOUNT' target='new'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh41BNhmpu_mUbCMRK69BH6AkZwtWVTmSFBnDgnbxk6uGpLzNUHfqEx6CqlfeRgMwzmYEfLmn23uz_AzSFxAOoLDLiBBIjsSFxXmuxNPTzVkVwrA9WvM4vMU49Nmhtu_o3B3-mpXOvf8II/s1600/Facebook.png' title='Follow us at Facebook'/></a>
</li>
<li>
<a href='http://www.stumbleupon.com/stumbler/YOUR-ACCOUNT/' target='new'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheb7sJ7XMzs30cAj4JYKJQEpytfZo0d4Ckahb65ZNO9zjCkN3DzjorfwS_30vH7xlGI-rdciom7XF2m63S6P4VlMDPuA14h1uc_8j_aH5mml4VJ1u3GnQ2rF_BtykLVf8hJffh3NoZ0KI/s1600/StumbleUpon.png' title='Follow us at StumbleUpon'/></a>
</li>
<li>
<a href='http://twitter.com/YOUR-ACCOUNT' target='new'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDHncO28YYNb7NKS2YGKIw8vmuCZRbO43NUa1Gcb0a8LVk8U7jXHelj3nc3rIb-h0uFvPN14BU8ItCV9Ep6I9zzFWBRp3FvijP-xY-7CDn8XW1s9ETPR5ZIfF7ZFvBKJDtyBLx5571B6g/s1600/Twitter.png' title='Follow us at Twitter'/></a>
</li>
</ul>

</div>
</div>
<style>
#outnav {
position: fixed;
left: 0;
top: 99px;
z-index: 9999;
}
#outnav .contain {
margin: 0 auto;
width: 75px;
}
#outnav ul {
height: auto;
list-style: none outside none;
padding: 0;
width: 75px;
}
#outnav ul li {
display: inline;
float: right;
margin: 5px 10px;
}
#outnav a {
background: transparent;
color: #FAFAFA;
float: right;
height: 30px;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
  jQuery(window).scroll(function () {
    if (jQuery(this).scrollTop() !== 0) {
      jQuery('#outnav').fadeIn();
    } else {
      jQuery('#outnav').fadeOut();
    }
  });
//]]>
</script>

6. Sobat simpan dan lihat hasilnya

Selamat Mencoba Sobat

• 
  
  
• 
  
  
• 
  
  
• 
  
  
• 
  
  

Read More...!

Menambahkan Style Berbeda Pada Komentar

Blogger memperkenalkan balasan komentar bergulir/threaded comments untuk semua blog blogger pada awal Januari 2012.Degan pilihan untuk langsung membalas ke komentar di Blogger adalah salah satu permintaan paling populer oleh pengguna Blogger.Tetapi gaya komentar standar blogger masih terasa hambar.Jadi dalam posting ini kita memiliki tutorial untuk menambahkan beberapa gaya komentar dengan css pada Blogger .Pada tutorial ini kita menambahkan tempat komentar-komentar dalam gelembung pidato bulat dengan panah ke avatar penulis disertai link balasan juga.
. Untuk membuatnya sobat login lah terlebih dahulu
. Selanjutnya pada halaman dasbor sobat pilih rancangan
. Pada halaman gadget sobat pilih edit html.
. Kemudian pada halaman Html sobat centang kotak expad template widget.
. Tekan F3 kemudian cari tag ]]></b:skin>
. Copas kode css dibawah ini dan letakkan di atas tag tadi.

.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:right;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-right:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5iI8kTxANsvfWj7Wu2ymHb_896uS0elmQg0WrPuRcZY4v4Ynbt0brEvyKRxbtxUl4TWcDxzPtlRme6fEwz2P-pKnElurH1E3hBrt_QIzsPf9Q8XR-Ppq5lHjeV582bWWZx0z-CHNGi48/s51/arrow.png) top right no-repeat;float:left;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-left:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}
@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}}

. Simpan dan lihat hasilnya.

Selamat Mencoba Sobat

Read More...!