Showing posts with label melayang. Show all posts
Showing posts with label melayang. Show all posts

Friday, March 17, 2017

Cara membuat iklan melayang kiri dan kanan website

Cara membuat iklan melayang kiri dan kanan website


Jika anda menggunakan template website atau blog sebagian dari layar artinya tidak fullscreen maka akan ada ruang kosong disisi kiri dan kanan. Nah ruang kosong ini bisa kita manfaatkan untuk menempatkan iklan. Keuntungan dengan menempatkan iklan disisi kanan atau kiri adalah tidak mengganggu kenyamanan pengunjung, tetapi kekurangannya adalah jika anda menggunakan iklan PPC kemungkinan di klik agak kecil. Pilihan ada ditangan anda sendiri.

Berikut adalah sintak CSS untuk membuat gambar atau iklan melayang kiri atau kanan walaupun layar digulung ke atas dan ke bawah, gambar atau iklan akan tetap diam pada posisinya.

1. Melayang kiri
Pastikan tidak ada tautan yang tersembunyi dibawah iklan.

Sisipkan kode berikut pada bagian CSS atau skin dibawah ini

.layangkiri {
left: 0px;
position: fixed;
text-align: center;
top: 0px;
}



Untuk mengubah posisi vertikal (ke bawah & ke atas) edit pada bagian top: 0px;
Ubah nilai top : 10px; untuk menurunkan posisi 10 pixel
Ubah nilai top : -10px; untuk menaikkan posisi 10 pixel

Untuk menerapkannya tambahkan kode berikut pada template anda atau tambahkan sebagai gadget pada blog.


<div class="layangkiri">kode iklan anda</div>



2. Melayang kanan

Hampir sama dengan melayang kiri sisipkan kode CSS berikut

.layangkanan {
right: 0px;
position: fixed;
text-align: center;
top: 0px;
}


Untuk menerapkannya tambahkan kode berikut pada template anda atau tambahkan sebagai gadget pada blog.

<div class="layangkanan">kode iklan anda disini</div>

Available link for download

Read more »
Posted by at
Labels: , , , , , , ,

Thursday, March 16, 2017

Cara Membuat Widget Sosial Share Melayang Di Sebelah Kiri Blooger

Cara Membuat Widget Sosial Share Melayang Di Sebelah Kiri Blooger


Ini Adalah Totorial Cara Membuat Widget Sosial Share Melayang Di Sebelah Kiri Blooger Dengan Mudah Dan Gampang . Jika Sobat Penasaran Seperti Apa Bisa Lihat Gambar nyaDi Bawah ini .


Sedikit Penjelasan Untuk Apa Tombol Share Itu Sebenar nya, Tombol Share Sanga Lah Penting Utuk Para Pupbliser Blooger , Kenapa Penting nya tombol share itu Karena Dengan Tombol Share itu kita bisa Share posting kita di banyak sosial media terutama Facebook Dan Tweeter Dengan Men Share kan Posting kita di sosial media kita Akan Banyak Mendapat Trafick Pengunjung Dari Sana , Itulah Sebab nya tombol share sosial itu penting . Ok Langsung Saja Cara nya gimana Sobat Bisa Lihat Di Bawah .


Langkah-Langkah Membuat Tombol Share Melayang Di Blooger

1-Loging Blooger
2-Pilih Tata Letak
3-Tambah Gadget
4-Pilih HTML/Javascript
5-Judul Kosong kan Pada Box KontenMasukan Kode Script Di Bawah ini  Dan Langkah Terakhir Save Dan Lihat Hasil nya.

<style>
#seocipssharebtn {position:fixed; bottom:20%; left:10px; float:left; background-color:#fff;padding:0 0 2px
0;z-index:10;box-shadow:0 2px 2px #666;-webkit-box-shadow:0 2px 2px #666;border-radius:4px;-webkit-border-radius:4px;border: 1px solid #ddd;moz-animation:bawah 7s;-webkit-animation:bawah 7s;animation:bawah 7s;}
#seocipssharebtn .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;}
@media screen and (max-width:480px){#seocipssharebtn{display:none;}}
@-webkit-keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
@keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
</style>
<div id=seocipssharebtn 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=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>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>

Trimakasih Sudah Di Blog Saya Rantau021 ini , Semuga Apa yang Saya Bagikan Di blog Sederhan Dan Gratis ini Bisa Bermanfaat Bagi Kita Dan Banyak Orang , Mohon Maaf Jika Ada Kesalahan Yang Di Sengaja Ataupun Tidak Semuga Berhasil Salam Rantau021 Download Gratis .

Englis Version


It is Totorial How to Make Social Widget Share Float On Left Blogger With Easy And Easy .
Slightly Explanation For What Button Share It Right as his , Button Share Sanga Lah Important Utuk The Pupbliser Blogger , Why Important him a share button that Due to the Share Button that we can Share our post on many social media , especially Facebook and Tweeter With Men Share the post we in social media we ll Many trafick visitor Got From There , it is because of its important social share buttons . Ok its Direct Only way how Buddy Can See Below .


Steps to Make Button Share Float On Blogger

1 - loging Blogger
2 - Select Layout
3 - Add a Gadget
4 - Select HTML / Javascript
5 - Title Empty the In Box KontenMasukan Script Under this Code and Last Step Save and View Results her .
<style>
#seocipssharebtn {position:fixed; bottom:20%; left:10px; float:left; background-color:#fff;padding:0 0 2px
0;z-index:10;box-shadow:0 2px 2px #666;-webkit-box-shadow:0 2px 2px #666;border-radius:4px;-webkit-border-radius:4px;border: 1px solid #ddd;moz-animation:bawah 7s;-webkit-animation:bawah 7s;animation:bawah 7s;}
#seocipssharebtn .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;}
@media screen and (max-width:480px){#seocipssharebtn{display:none;}}
@-webkit-keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
@keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
</style>
<div id=seocipssharebtn 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=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>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
Thank you Already this Blog I Rantau021 , Semuga What I Share In blog sederhan And Free This Be Useful for Us And Many People , Sorry If There Mistakes In Intentionally Or Not Semuga Successfully Salam Rantau021 Free Download .
HTML Blooger
  1. Cara Membuat Menu Navigasi di Blog seperti Evo Magz - New!
  2. Cara Membuat Widget Sosial Share Melayang Di Sebelah Kiri Blooger - New!
  3. Totorial Mengganti Link Newer Post dan Older Post Menjadi Judul Posting Degan Mudah Dan Jelas - New!


    Available link for download

    Read more »
    Posted by at
    Labels: , , , , , , , , ,

    Wednesday, January 25, 2017

    Cara membuat fans page facebook melayang pada blog

    Cara membuat fans page facebook melayang pada blog




    http://loecman30.blogspot.com/2014/01/cara-membuat-fans-page-facebook.html




    Oke, kembali lagi dengan saya siapa lagi kalau bukan bang sholeh. kali ini bang shleh sedikit berbagi bagaimana cara membuat tombol fans page melayang pada blog anda. Caranya lumayan mudah, anda tinggal membuat halaman pada facebook anda kemudian cari id halaman facebook anda.

    Berikut caranya :
    1. Pastikan sebelum membuat anda harus mempunyai halaman pada facebook anda.kalau belum  punya,silahkan daftar DISINI

    2. Kalau sudah membuat halaman, kemudian masuk pada blog anda
    3. Pilih Layout >> Lalu Pilih "add a Gadget" dan pilih "HTML/JavaScript "
        Lalu Copy Pastekan Kode di bawah ini :


     <style type="text/css"> 
     #topbar{
     position:absolute;
     visibility: hidden;
     width: 300px;
     z-index: 100;
     padding:2px;
     background-color: #ffffff;
     border: 3px solid #333333;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     margin:0 auto 10px;
     float:left;
     color: #505050;
     text-align: justify;
     font-size: 12px;
     font-family: Verdana, serif;
     filter:alpha(opacity=85);
     -moz-opacity:0.85;
     opacity:0.85;}
     </style>
     <script src="https://googledrive.com/host/0B9z2cDcADRx-TXV6elJxWnpHZTg" type="text/javascript"></script>
     <script type="text/javascript">
     var persistclose=0
     var startX = 680
     var startY = 6
     var verticalpos="fromtop"
     </script>
     <div id="topbar">
     <div align="right"><a href="" onclick="closebar(); return false"><button>Exit</button></a></div>
     <center>MASUKKAN KODE FANPAGE ATAU IKLAN ANDA</center>
     <font face="arial,sans-serif" color="#83878c" style="line-height: 8px; font-size: 10px; text-decoration:;">Widget by:<a href="http://goo.gl/awsgL" target="_blank">Get Widget</a></font></div>



    4. Kalau sudah ditambahkan cari tulisan " MASUKKAN KODE FANPAGE ATAU IKLAN ANDA ", ganti dengan URL halaman fans page facebook anda.

    http://loecman30.blogspot.com/2014/01/cara-membuat-fans-page-facebook.html

    5. Mudah bukan, kemudian SIMPAN. lihat blog anda,pasti ada halaman fans page
    6. Semoga berhasil

     http://loecman30.blogspot.com/2014/01/cara-membuat-fans-page-facebook.html

    Available link for download

    Read more »
    Posted by at
    Labels: , , , , , , ,
    Subscribe to: Posts (Atom)