Cara Membuat Background Blog Diam Saat di Scroll

Buat kalian yang suka edit-edit blog supaya menarik kali ini saya akan bagikan cara tentang "Cara Membuat Background Blog Diam Saat di Scroll" jadi penjelasannya begini ketika kita akan menyeret scroll kebawah kebanyakan bakcground yang berada di blog ikut kebawah sehingga menyebabkan background yang ukurannya kecil kelihatan ada dua bahkan berulang-ulang seperti terbelah, hal itu membuat pandangan kita agak tergangganggu, nah inilah caranya supaya background tersebut dapat diam saat discrol dan tidak menjadi terbelah-belah saat discroll coba ikutin langkah-langkah dibawah ini :

1. Masuk ke blog dan pilih template ==> Edit HTML
2. Carilah kode berikut ==> body {background:url(Url Gambar blog anda);*/  font-family: happyhell, Helvetica, happyhell;}
3. Tambahkan code css ini  background-attachment: fixed; tepat didalam kurung {}
4. Lihat contoh berikut ini body {background:url(Url Gambar blog anda);*/  font-family: happyhell, Helvetica, happyhell; background-attachment: fixed;}
5. Setelah itu tekan [Tombol] Simpan Template

"Keterangan'
kode berikut ini background-attachment: fixed; adalah kode yang membuat background di blog anda menjadi tidak bergerak atau diam saat di Scroll.

Sekian saja postingan tentang  "{Cara Membuat Background Blog Diam Saat di Scroll}" semoga bermanfaat.

Baca Selengkapnya

Cara Menambahkan Link Exchange Ke Blog

Cara Menambahkan Link Exchange Ke Blog `~` Beberapa hari sudah berlalu dan saya sangat senang banyak memberikan tutorial tentang blog serta informasi-informasi lainnya kepada kalian, nah ada info lagi dari artikel blog yang saya baca bahwa salah satu cara meningkatkan Rank di blog yaitu menambahkan link-Exchange atau tukar-link nah disini saya juga akan memberikan link blog saya kepada kalian semua silahkan di Copy keblog kalian, berikut link Flasmaweb

Tukar link Bersama :
Flasmaweb

<a href="http://flasmaweb.blogspot.com/" target="_blank" title="FLW (Flasmaweb)">Flasmaweb</a>

diatas adalah link-Exchange-nya flasmaweb, ada tambahan lagi disini saya selain memberikan link flasmaweb kepada kalian semua saya juga akan memberikan caranya menambahkan Link-Exchange ke blog kalian seperti yang punya saya silahkan ikuti tata-caranya dibawah ini :

1.  Masuk ke akun Blogger anda
2. Pilih New Post/Post baru
3. Masukan kode dibawah ini tepat didalam postingan terbaru anda tapi didalam mode HTML:

<div style="background-color: white; border: 1px solid rgb(191, 189, 189); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 400px;">
<span style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">Tukar link Bersama :</span> <br />
<a href="http://Flasmaweb.blogspot.com/" target="_blank" title="FLW (Flasmaweb)">Flasmaweb</a><br />
<br />
<div style="text-align: left;">
<span style="color: lime;">&lt;a href="http://flasmaweb.blogspot.com/" target="_blank" title="FLW (Flasmaweb)"&gt;</span><b><span style="color: red;">Flasmaweb</span></b><span style="color: lime;">&lt;/a&gt;</span></div>
<br />

"Keterangan`
 a. Link yang berwarna merah http://flasmaweb.blogspot.com/ ganti dengan link blog anda
 b. title yang berwarna coklat Flasmaweb ganti dengan title blog anda.

4. Klick [Tombol] Simpan untuk memperbarui postingan anda.

Sekian saja postingan tentang "cara membuat link exchange ke blog"

semoga dapat bermanfaat bagi kemajuan blog kalian dan untuk memajukan blog ini juga jangan lupa tinggalkan komentar serta Like-nya di blog Flasmaweb.

Baca Selengkapnya

Cara Memasang Tombol Animasi Share Twitter di Blog

Semakin kesini diblog banyak sekali gadget maupun script-script lainnya supaya tampil menarik serta supaya dapat memikat sipengunjung untuk datang ke blog anda, dengan ditambahkannya social network seperti : google + Facebook + Twitter + RSS + google followers dan lain-lain, hanya menampilkannya dengan tombol saja. Disini penulis akan memberikan tutorial cara menambahkan social  network tersebut dilengkapi dengan animasi, penulis hanya memberikan satu social network saja sebagai contohnya yaitu twitter, tidak kalah juga dengan facebook, twitter sekarang banyak pengunjungnya dan sangat terkenal jadi apabila kita membagikan artikel kita lewat twitter pasti banyak yang membacanya.

Baiklah langsung saja kita menuju langkah-langkah untuk cara memasang tombol animasi twitter pada blog anda :

1. Masuk ke Blog
2. Pilih Tata Letak
3. Tambahkan Gadget Baru dengan mengklick Add a Gadget/Tambahkan Gadget
4. Pilih Html/Javascript dan masukan kode dibawah ini :

<a style="display:scroll; position:fixed;bottom:1px;left:1px; " https://twitter.com/Getisfirmansyah" target="_blank"><object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="159" height="159"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=https://twitter.com/Getisfirmansyah" /></object></a>

5. Klick [Tombol] Simpan
6. Lihat hasilnya di Blog anda
gambarannya akan seperti berikut:

"Keterangan"
Animasi ini terletak tepat dibagian pojok kiri bawah, ganti link berikut "https://twitter.com/Getisfirmansyah"  dengan link twitter anda.

Sekian saja tutorial tentang Cara Memasang Tombol Animasi Share Twitter di Blog, baca artikel-artikel menarik lainnya dan semoga bermanfaat.

Baca Selengkapnya

Cara Menambahkan Tombol Social Network Melayang di Blog

Seperti halnya facebook, Twitter, Blog dan lain-lain yang terdapat tombol berbagi dihalaman web masing-masing sehingga para pengunjung dapat mengetahui update-an artike serta informasi yang dibagikan kepada publik hal itu sangatlah membantu untuk meningkatkan pengunjung blog maupun website lainnya, tidak mau kalah juga disini saya akan memberikan sebuah artike tentang Cara Menambahkan Tombol Social Network Melayang di Blog, langsung saja kita menuju langkah-langkah cara menerapkannya di Blog berikut ini:
1. Masuk ke akun Blog anda
2. Pilih Tata Letak
3. Tambahkan  gadget baru (Html/Javascript)
4. Masukan kode dibawah ini kedalam gadget yang sudah ditambahkan,

<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>

<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://bos-tutorial.blogspot.com/2012/07/cara-memasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

5. Lalu tekan [Tombol] Simpan dan lihat hasilnya.
sedikit gambarannya seperti dibawah ini :

Karna anda sudah membaca dan menerapkan cara ini diblog anda maka sekian saja postingan kali ini, silahkan berikan komentarnya demi kebaikan blog Flasmaweb, Termiakasih.

Baca Selengkapnya