Post Game: bergerak

Showing posts with label bergerak. Show all posts

Thursday, December 22, 2016

Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak

Oke sekarang saya ngepos tentang Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak.

silahkan pastekan kode dibawah,letakkan di tambahkan gadget.Berikut kode untuk membuat like box facebook dengan tambahan kata bergerak (marquee) :

<!-- FB melayang tombol close --!>

#kotak-facebook {

position:fixed !important;

position:absolute; /* IE6 */

bottom:-1000px;

right:40%;

margin:0px 0px 0px -182px;

width:330px;

height:auto;

padding:16px;

-webkit-box-shadow: 0px 0px 7px #222;

-moz-box-shadow: 0px 0px 7px #222;

box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;

color:#111;

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

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

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

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

border-top-left-radius: 20px;

border-bottom-right-radius: 20px;}

#kotak-facebook a.close {

position:absolute;

top:-10px;

right:-10px;

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:10px;

-moz-border-radius:10px;

border-radius:10px;

cursor:pointer;

}

</style>

$(window).bind("load", function() {

// animasikan nilai top saat halaman telah selesai dimuat

$(#kotak-facebook).animate({bottom:"50px"}, 1000);

// hilangkan kotak pesan saat tombol (x) di klik

$(a.close).click(function() {

$(this).parent().fadeOut();

return false;

});

</script>

<marquee behavior="alternate">Biar Lebih Keren,LIke This.!!!</marquee>

<!-- Mulai --!>

<!-- Selesai --!><a class=close href=#>×</a>

<p style=" float:right; margin-right:35px; font-size:10px;" ></p></div>Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://www.facebook.com/ielielzam.zuhdi">Ilzam Zuhdi Shofiyullah</a>

Keterangan :

- warna merah adalah kata yang bergerak,silahkan ganti dengan kata yang anda inginkan

-warna biru adalah username fanpage blog saya,silahkan ganti dengan username fanpage sobat

Go to link Download

Cara Membuat Background Bergerak di Blog

Okeh friend, Aku akan kasih tau caranya Membuat Background Bergerak di Blog, Caranya sangat mudah friend, Ikuti langkah langkah berikut ini :

>> Preview Cara Membuat Background Bergerak di Blog <<

Cara Pemasangan

Login » blogger.
Rancangan » Edit HTML.
Apabila anda belum menggunakan kode JQuery silakan anda pasang kode JQuery dibawah ini tepat di atas Kode </Head>.

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

Copy-Paste kode di bawah ini tepat di atas Kode </Head>.

<script type=text/javascript>
//<![CDATA[
$(function(){
// ***
// Scrolling background
// ***
// height of background image in pixels
var backgroundheight = 4000;

// get the current minute/hour of the day
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();

// work out how far through the day we are as a percentage - e.g. 6pm = 75%
var hourpercent = hour / 24 * 100;
var minutepercent = minute / 30 / 24 * 100;
var percentofday = Math.round(hourpercent + minutepercent);

// calculate which pixel row to start graphic from based on how far through the day we are
var offset = backgroundheight / 100 * percentofday;

// graphic starts at approx 6am, so adjust offset by 1/4
var offset = offset - (backgroundheight / 1);

function scrollbackground() {
// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
// apply the background position
$(body).css("background-position", "50% " + offset + "px");
// call self to continue animation
setTimeout(function() {
scrollbackground();
}, 70
);
}
// Start the animation
scrollbackground();
});

//]]>
</script>

Copy-Paste Kode CSS di bawah ini tepat di atas Kode </Head> untuk memasang gambar background. Anda dapat mengganti gambar background sesuai dengan yang anda inginkan dengan merubah alamat hosting gambar pada Kode CSS di bawah dengan alamat hosting gambar yang anda pilih.

<style>
body {
background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7igi88CVQSe_0mSSSTdBYS273uywwPbIxA5u2obo1R3byHco9kKCrxufy-ZBOmy4tBWmbRkpSRRt2UT7yrpZ0T9nUbdiqdU4pGMuE6sFhQoAQXTGDXMsOAt_1bOuUq-mEVmxN09fhwP29/s800/bg.gif) repeat center; background-attachment: fixed;
}
</style>

Keterangan :
- repeat // Pengulangan gambar arah x dan y.
- repeat-x // Pengulangan gambar hanya arah horizontal.
- repeat-y // Pengulangan gambar hanya arah vertikal.
- http://3.bp.blogspot.com/-tS5lZKl3Qag/TtjQUfMzi2I/AAAAAAAAAkA/QZc2FwvhW4o/s200/bg.gif// URL Link gambar.
- center // Lokasi gambar berada di tengah layar.
- Left // Lokasi gambar berada di kiri gambar.
- Right // Lokasi gambar berada di kanan gambar.

Pilihan Gambar Background

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7igi88CVQSe_0mSSSTdBYS273uywwPbIxA5u2obo1R3byHco9kKCrxufy-ZBOmy4tBWmbRkpSRRt2UT7yrpZ0T9nUbdiqdU4pGMuE6sFhQoAQXTGDXMsOAt_1bOuUq-mEVmxN09fhwP29/s800/bg.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2u5f3igapNmzvyGTTYd6LK5c23nmpNW5AggKPoMY155U79YRn_7qL18vP6NXuUQjRab_q7OFgenCHVIwxZ7YQrNYLge1GOKJGelBoIIwv0Xv1yOi1sEk2UtFlGrsrce7g4-yn9vTu0aB/s800/bg_star.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigD8Ejs5AhsJa5bIa7b_XMzXh7DLHtox8LkCaOeak5XTtnWNYw1eVXu0uM8ZOfRwpp7vpvsZw_nF6fX__doZBH2UvS40TjQ9HYchYofdtNRMLsrDGqBbhJ7pYPM_jqKQnbjUcowRhRvLpf/s800/bg-clouds.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5AQvS8hBd_tde85dzT2m47Idi6fZNLTk5v0l34TmKmnykfY-lKiEASPhDiiwp7h0iZhh61ZjXr0U0ZDUQHOhmcI1TfAUcd6hfGiFRW3vl3VVpeZypcmA7qrM_3JgoLso6YsEKAMvCtqT-/s800/skull-fire-monozcore.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBQgMUQ_a5dWUnuWobF3a-fnpgMVeUIQpNYQtJPc9kTrIUbEHhPZZPiONr4DC9wxGMifiVSxK7DgeGx7QB0g8OzP1nYjCE6j6BIQX74W7jisEeXpwst2YYtdeZc4aO17o-_aNlu71VWo5k/s800/dance_flow.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rrQWUyviAPqDcxiAoJhYasT1O0EB5NiCNBklO3x-cxxxEFwAz2sypyzASN2bI9NPWLuCW0ev6QnHbjd4QYNv6QCiQ-dI6cOqGcFj1dhNrgLm7W3sZfEFsJ32Fsv_N3vX3Rwu4LdIRAqS/s800/ThighHeels.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9TEWvMdN62-mGxS0WjPVpItxYhEHMpsO1_nmCaPrJt2xnXVIODEGqdiV1cSlCELC_hvJEoGhXpZLZ_bYDTt-8tW7G5v-ronAQ9pFLsBkoOVUk0pJL_sP6RercTW3iRWOJiFgH6GtFTO1e/s800/animated%2520stars.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiukycEVajsENuGhJvlxOPYcTyTVCh-GCJOpbTwzR7d7u9SBzV4eCV3XRgPumf7bQLpiSdnegElgYWShgClhRhgl7h3ZjbjKi4Upa1xleC4BbCsvfYDUZAVVPLPsdNCy_fSB6oopSvAHDGa/s800/animated%2520blue%2520stars.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7JG5iQnHjpQLHiX9Y7AvbRCI95xYAMGZ4usLNr_KcDAQoazA4pMppJq_W68BGp2EJ4K25Afxu5N-wPXHwSP5DWzpWizTczukVbrKtdxu44tPNuML_BKz_QjY2mffQkivJsZKOQ35fihR/s800/devil_angel_lolita_bg.png

Go to link Download

Cara Membuat Popular Post Bergerak Ke Bawah

Ikuti langkah-langkah di bawah ini :
1. Pertama sobat harus log-in dulu ke blog
2. kalau sobat sudah log-in. lalu masuk ke menu Tata letak.
3. lalu Click Add Gadget , lalu sobat pilih Entri Populer

4. Kemudian Pilih kembali Add Gadget, dan sekarang kita pilih HTML/JavaScript
5. Kemudian Copas ( Copy Paste ) kode di bawah ini

6.Kalau sudah di Copas , Sobat Pilih Simpan dan lihat hasilnya

::Semoga Bermanfaat dan Selamat Mencoba::

Go to link Download

Cara Membuat Random Post Bergerak Dengan Gambar Responsive Di Blog Terbaru

Pada kesempatan kali ini Zerone Blog akan memberikan Tutorial Cara Membuat Random Post Bergerak Dengan Gambar Responsive Di Blog, Random post sendiri berguna untuk menampilkan artikel secara acak,dengan tujuan menarik pengunjung agar berminat untuk membaca artikel sobat yang sudah lalu maupun yang baru saja di tulis.

Random post yang akan saya bagikan kali ini sangat keren dan Responsive dan juga mudah untuk penerapanya sobat tidak harus mengutakatik Template sobat, Untuk sobat yang ingin menggunakan Random Post Bergerak dengan gambar responsive ini silahkan di simak langkah - langkahnya di bawah ini.

Cara Membuat Random Post Bergerak Dengan Gambar Responsive Di Blog

Silahkan sobat masuk ke blogger

Lalu sobat pilih menu Tata letak > Tambahkan Widget/Gatget > HTML/javascript

Kemudian Copy kode di bawah ini

JS<style>
#BDRSimage-slide { height:112px; overflow:hidden; padding:0; background-color:#fff; width:auto; border:solid #ddd 1px; box-shadow:0 0 5px #eee; }
#BDRSimage-slide:hover { height:325px; overflow:hidden; padding:0;width:auto; border:solid #ccc 1px; box-shadow:none; }
#BDRSimage-slide ul { list-style-type:none; margin:0; padding:0; }
#BDRSimage-slide li { list-style:none; height:80px; padding:10px; border:dashed #ddd 1px; margin:5px; background-color:#FFFFFF; }
#BDRSimage-slide li:hover { border:solid #ddd 1px; }
#BDRSimage-slide a { color:#222; font-family:Verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#BDRSimage-slide .news-title { margin-bottom:5px; font-size:12px; color:#990000; }
#BDRSimage-slide .news-text { font-size:10px; color:#333; text-align:left; font-family:Verdana; font-style:italic; font-weight:normal; padding-bottom:10px; }
#BDRSimage-slide img { float:left; margin-right:10px; margin-top:10px; width:60px; height:60px; border-radius:50%; border:1px solid #e06666; box-shadow:0 0 2px #e06666; }
</style>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/Brando07/share/master/rp2-seocips.js"></script>
<!-- script start -->
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rivaiscript();
interval = setInterval(rivaiscript, pause);
});
</script>
<div >
<ul id="BDRSimage-slide">
<script style="text/javascript">
var numposts = 50;
var numchars = 0;
</script>
<script
src="http://zeroneblogg.blogspot.com/feeds/posts/default/?orderby=published&alt=json-in-script&callback=randompost"></script>
</ul>
</div> <!-- script end -->

Ganti tulisan yang berwarna merah dengan alamat Blog sobat

Kemudian Save widget.

Demo Click here

Demikian Tutorial Cara Membuat Random Post Bergerak Dengan Gambar Responsive Di Blog Terbaru yang dapat Zerone Blog berikan semoga bermanfaat. Terimakasih

Go to link Download

Cara Membuat All Post Bergerak Ke Atas

Halo sobat blogger. Apa kabar? pastinya baik. ok tutorial kali ini saya memberikan tutorial mengenai Recent Post. Tentunya para blogger sekalian sudah tau apa itu recent post. Itu,,tuh,, daftar posting terbaru sobat blogger sekalian. Nah memang blogger sudah menyediakan widget Recent Post yang standar, tetapi ini berbeda Recent Post ini bergerak dari atas ke bawah jika ingin demonya silahkan liat sendiri di blog saya. Berhubung saya tidak pandai berbicara panjang lebar kita langsung aja PRAKTEK.

Login ke akun blogger masing masing
Dari dashboard ke Rancangan
Klik Add Gadget/Tambah Gadget
Pilih HTML/Javascript
Masukkan kode berikut

KETERANGAN:

Silahkan sobat ganti URL yang berwarna merah dengan URL blog sobat
Jika sudah silahkan klik Simpan
Lihat hasilnya

DEMO ALL POST :

Load Post...

SEMOGA BERMANFAAT :)

Go to link Download

Cara Membuat Judul Pada Blog Bergerak

Sebelum memulai posting ketawa dulu ah ... hahahahah ... ini tandanya senang Teman2 ... hehehe, sebenarnya saya agak ragu-ragu memposting tentang hal ini Cara Membuat Animasi Pada Judul Blog karena masih newbie banget .. masih hijau dalam dunia persilatan Blogger hehehe , karena baru beberapa bulan saya mengenal dunia persilatan bloger ini.

Nah buat Teman2 ... ini script nya .. tinggal copy trus login ke blogger kemudian Tata Letak > Tambah Widget > Html/Java Script > pastekan script tersebut kemudian Simpan Template ... jadi deh, mudah kan ... hehehe, oh iya scriptnya di bawah ini ...

Jangan lupa Teman2 tulisan yang warna kuning (This Is Susfi Wiratamas Blog) diganti ama judul blog nya atau apalah terserah Teman2 aja deh ... mudah-mudahan ada manfaatnya untuk kita semua .. amin, selamat mencoba dan salam ....

Go to link Download

Cara Membuat Animasi Stick Pivot Bergerak

Cara Membuat Animasi Stick / Pivot Bergerak - Apa yang di maksud dengan Pivot ? ( Biasanya disingkat menjadi Pivot ) merupakan freeware aplikasi Windows yang memungkinkan pengguna untuk membuat stickfigure animasi, dan simpan di GIF animasi format yang digunakan pada halaman web dan, yang juga dapat dikonversi menjadi video.

Untuk Download Aplikasinya Klik Disini
Jika Downloadnya sudah selesai kamu extract, Sizenya kecil kok paling cuma 820 kb.
Jika sudah di extract lalu buka aplikasinya dan akan muncul seperti gambar di bawah ini

Cara membuatnya :
Sebener nya tidaklah sulit, tinggal di gerakin aja orang orangan nya sambil mencet next frame.
Misal nya kepala nya mau di putar - putar.

Hasilnya akan seperti ini :

Selamat Mencoba :-)

Sumber

Go to link Download

Cara Memberikan Widget Animasi Naruto Bergerak Untuk Blog

Disini Saya Kan Menjelaskan Cara Memberikan Animasi Naruto Bergerak Untuk Blog

Ok Langsung Saja
Cara Memasang Widget Animasi Bergerak Naruto

Login ke dasbor blog anda
Pilih rancangan
Pilih Tambah Gadget
Pilih Html/Java Script
Lalu copy kode Html animasi yang anda ingin pasang di blog.
Pastekan kode tadi di Html/java script tadi.
Simpan, dan selesai

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.

bottom(bawah), top (atas), left ( kiri), right (kanan),

Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

1.Jiraiya

CARA MEMASANG WIDGET ANIMASI NARUTO PADA BLOG

2. Kisame

3. Kiba

4. Akatsuki

5.Sakura

6. Tobi

7. Hinata

8. Temari

9. Kankuro

10.Sasuke

11. Pain

12. Neji

13.Rock lee

14.Zetsu

15.Sasori

16. Sarutobi

17. Kisame

Semoga Apa yang Saya Berikan Bermanfaat :D

Go to link Download

Cara Membuat Judul Blog Bergerak

Setelah Sebelumnya Klinik-it membahas soal SEO .kali ini klinik-it kembali akan membahas tentang tips-tips menarik mengenai Blog.Dalam postingan kali ini klinik-it akan membahas tentang Cara Membuat Judul Blog Bergerak.Knapa judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar browser.Sebagai contoh lihat disini
Buat kamu yang ingin membuat Judul Blog Bergerak silakan ikuti tutorial Cara Membuat Judul Blog Bergerak Berikut ini.

1.LOGIN ke blogger.

2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.

3.Selanjutnya cari kode berikut ini.

<title><data:blog.pageTitle/></title>

4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>

<b:include data=blog name=all-head-content/>
<script language=JavaScript>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5.Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.

5.Kalo udah selesai silakan klik SAVE TEMPLATE
Selamat Mencoba By Airien

Go to link Download

Cara Membuat Nama Judul Bergerak Di Blog

Mari kita lihat Tutorialnya :

Masuk di Blogger.com
Pilih Tata Letak
Add a gadget >> Html/Javascript

Copy dan paste code berikut di HTML/Javascript :

    <script language=javascript>
    msg = "Tulis DI SINI ...Tulis DI SINI...";

    msg = "..." + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0,

    pos);
    pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
    }
    scrollMSG();
    </script>

Note: Ganti Tulis DI SINI...Tulis DI SINI. dengan teks yang diinginkan.

    Setelah sudah klik SIMPAN..
    Lihat hasilnya.

Go to link Download

Post Game

Thursday, December 22, 2016

Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak

Cara membuat Like Box Facebook Dengan Tambahan Kata bergerak

Thursday, December 15, 2016

Cara Membuat Background Bergerak di Blog

Cara Membuat Background Bergerak di Blog

Tuesday, December 13, 2016

Cara Membuat Popular Post Bergerak Ke Bawah

Cara Membuat Popular Post Bergerak Ke Bawah

Friday, November 25, 2016

Cara Membuat Random Post Bergerak Dengan Gambar Responsive Di Blog Terbaru

Cara Membuat Random Post Bergerak Dengan Gambar Responsive Di Blog Terbaru

Cara Membuat Random Post Bergerak Dengan Gambar Responsive Di Blog

Cara Membuat All Post Bergerak Ke Atas

Cara Membuat All Post Bergerak Ke Atas

Tuesday, November 15, 2016

Cara Membuat Judul Pada Blog Bergerak

Cara Membuat Judul Pada Blog Bergerak

Sunday, November 13, 2016

Cara Membuat Animasi Stick Pivot Bergerak

Cara Membuat Animasi Stick Pivot Bergerak

Sunday, October 23, 2016

Cara Memberikan Widget Animasi Naruto Bergerak Untuk Blog

Cara Memberikan Widget Animasi Naruto Bergerak Untuk Blog

Tuesday, October 18, 2016

Cara Membuat Judul Blog Bergerak

Cara Membuat Judul Blog Bergerak

Cara Membuat Nama Judul Bergerak Di Blog

Cara Membuat Nama Judul Bergerak Di Blog