Subscribe:

Lain-Lain

Membuat Guest Book Tersembunyi pada Blog


Assalamu'alaikum sobat kali ini saya akan memberikan trik (cara mudah dan cepat) membuat buku tamu di blog sobat seperti gambar di atas. buku tamu ini berfungsi untuk para pengunjung dapat ber-chat dengan pengunjung yang lain maupun dengan admin (administrator). Khusus kali ini saya buatkan untuk sobat dengan berbagai/bervariasi warna dengan photoshop. bagaimana? langsung saja. mau buat kan???
ikuti langkah-langkah berikut dengan teliti dan benar : (OK!!)
1. login ke blogger sobat (so pasti...)
2. pilih layout/tata letak > add gadget/tambah gadget > pilih HTML/Javascript > copas kode berikut > kemudian simpan
kode : 
<style type="text/css">
#gb{
position:fixed;
top:23px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">

( Letakkan kode buku tamu (cbox, shoutmix, dsb) sobat disini)

<br/>

</div>

</div>

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

3. ganti berwarna merah dengan kode buku tamu sobat!

4. ganti kode berwarna hijau ( #A5BD51) dengan warna border buku tamu sesuai keinginan sobat, bisa lihat/copas kode  warna disini (colour pallete)
       
5. ganti kode berwarna biru dengan gambar buku tamu yang sobat buat atau dapat mengganti dengan URL gambar berikut : (untuk URL diatas buku tamu berwarna hijau (default))

note : untuk meng-copas URL gambar di bawah juga bisa klik kanan gambar dan klik "Copy Image Location"

A. Buku Tamu :


1. warna biru, URL : https://sites.google.com/site/bloggerdata001/home/guest-book/buku-tamu/buku_tamu.png?attredirects=0

     

2. warna merah, URL : https://sites.google.com/site/bloggerdata001/home/guest-book/buku-tamu/buku_tamu_red.png?attredirects=0


3. warna ungu, URL : https://sites.google.com/site/bloggerdata001/home/guest-book/buku-tamu/buku_tamu_purple.png?attredirects=0



B. Guest Book :


1. warna hijau, URL : https://sites.google.com/site/bloggerdata001/home/guest-book/Guest_Book.png?attredirects=0

2. warna biru, URL : https://sites.google.com/site/bloggerdata001/home/guest-book/Guest_Book_blue.png?attredirects=0



3. warna merah, URL : https://sites.google.com/site/bloggerdata001/home/guest-book/Guest_Book_red.png?attredirects=0


5. warna ungu, URL : https://sites.google.com/site/bloggerdata001/home/guest-book/Guest_Book_purple.png?attredirects=0


______________________________==================_______________________________

6. Jangan kemudian simpan/save dan sesuaikan letaknya, SIMPAN!!!

7. lihat hasilnya, bagaimana???

Terima kasih semoga bermanfaat!!!
Wassalamu'alaikum !

Cara Menambahkan Guest Book Pada Blogger

Asslamu'alaikum sahabat anak NF
Saya Mau Sharing Tentang "Cara Menambahkan Guest Book Pada Blogger"
Contohnya seperti pada gambar =




Langkah-langkahnya sebagai berikut : (Semoga Bermanfaat)

1. Klik Layout (Tata Letak)

2. Tambah Gadget / HTML

3. Masukkan HTML berikut :


 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $(".btn-slide").click(function(){

        $("#panel").slideToggle("slow");

        $(this).toggleClass("active"); return false;

    });



});

</script>

<style>

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

Simple Slide panel with jQuery

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

#panel {

        height: auto;

        background: #f90;

        width: auto;

        display: none;

    padding: 7px;

    border: #0C0;

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

    -webkit-border-top-right-radius:10px;

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

    -webkit-border-bottom-right-radius:10px;

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

    -webkit-border-top-left-radius:10px;

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

    -webkit-border-bottom-left-radius:10px;

}

.slide {

    margin: 0;

    padding: 0;

    border-top: solid 4px #f90;

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE18DDVpIDih-SJgIwaUu6qyLB8duwXtCKrQJMVAegJf_RRaqon-6YcBkc-5zqGgztoAd3MUozdpBqhUsWmMLed0lG8him-Wnv07M_el4XXoPgr6NbRQ4-16HxHvi_XBAbQFZjEaq3dq8/s1600/btn-slide.png) no-repeat center top;

}

.btn-slide {

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ROjifKh4lTNn1EN4gdh0UC-it8t0PC8ZQVz7JrWP-pvDb1zcaoDwWrpylp0NTdUdCi2WJXEVhcl6e_rMiPoS7XKjbnGQkqX_6nzIQSXVBJl0vPylzOohzBRh2OlMl9Dw6-IlT7DN8QI/s1600/white-arrow.gif) no-repeat right -50px;

    text-align: center;

    width: 144px;

    height: 31px;

    padding: 10px 10px 0 0;

    margin: 0 auto;

    display: block;

    font: bold 120%/100% Arial, Helvetica, sans-serif;

    color: #fff;

    text-decoration: none;

}

.active {

    background-position: right 12px;

}

</style>

<div id="panel">

Daftar ke CBOX dan masukkan code HTML di sini

</div>


______________________________=====================_____________________________
Terima Kasih Semoga Bermanfaat
Wassalamu'alaikum wr.wb
______________________________=====================_____________________________

Membuat Online Visitor di Blog



Assalamu'alaikum sobat. saya mau memberikan trik untuk memberi online visitor pada blog. online visitor ini berfungsi untuk mengamati/mengetahui jumlah pengunjung online, rombak tampilan blog, juga pasti dapat meningkatkan SEO blog sobat Children Of NF. baiklah berikut langkah-langkahnya :

1. Kunjungi alamat berikut : whos.amung.us

2. kemudian klik widget disana terdapat 6 opsi pilihan, yaitu :
    - Classic Widget. widget ini classic berbentuk persegi panjang (biasa diletakkan di samping blog)
    - Colored Widget. widget ini sama dengan yang classic, namun dapat menyesuaikan warna sesuka sobat
    - Small Widget. widget ini hanya berbeda bentuknya saja
    - Tab Widget. terletak di samping atau di atas dan bawah blog seperti di blog Children Of NF
    - Map Widget. memberi map/lokasi pengunjung online
    - Chrome and firefox. mengetahui browser yang digunakan si pengunjung

3. silahkan pilih sesuai selera sobat dan klik

4. atur sesuai keinginan, kemudian copy kode yang tertera

5. login blogger -> Layout/tata letak -> Add gadget/tambah gadget

6. pilih HTML/Javascript

7. paste kode tersebut pada kolom dibawah, beri judul (bila perlu)

8. simpan dan Briliant!!!!

mudah kan yang penting ikuti tutorial dengan benar dan teliti (hehehehehe....)

Terima kasih semoga blog sobat meningkat SEO nya

Wassalamu'alaikum!
  



_________________________________===========________________________________________ 

Memberi SMS Gratis diBlog


Assalamu'alaikum, lama tidak posting nih, kali ini saya akan mengajari sobat membuat SMS gratis pada blog. SMS ini berfungsi untuk menarik perhatian pengunjung, memudahkan pengunjung mengirim SMS, dan dapat meningkatkan SEO blog kita. untuk cara mengirimnya sangat mudah dan simple. hanya tinggal menulis nomor HP pada kolom "Nomor HP", dan menulis isi SMS pada kolom "Isi SMS". Mudah kan!!! tinggal klik "KIRIM", jangan lupa memberi nama pengirim agar lebih mudah dibaca penerima. maksimal huruf yakni 160 karakter saja. Ingin seperti ini ikuti langkah-langkah berikut ini :

A. SMS Gratis di postingan :

1. Login Blogger
2. Pilih New Post
3. Kemudian klik "HTML" pada bagian pojok kolom.
4. Kemudian paste-kan kode dibawah ini
5. Kemudian Publikasikan
6. Lihat hasilnya :)


B. SMS Gratis di samping blog

1. Login Blogger
2. Pilih Layout (tata letak)
3. kemudian Add gadget (tambah gadget)
4. pilih HTML/Javascript
5. Kemudian paste-kan kode seperti di-atas
6. Kemudian Simpan
7. Lihat Hasilnya
Sekian Terima Kasih
Wasslamu'alaikum!

Sumber:http://blog-anak-nurulfikri.blogspot.com/
Live Streaming | Suara Muslim Surabaya
 
Related Posts Plugin for WordPress, Blogger...

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...