Power Point Baru

Power Point Baru - Al-Quran & Hadist

Alhamdulillah Puji Syukur saya panjantkan ke pada Allah SWT karena telah memberikan kelancaran kepada  saya dalam membuat dan bisa mempresentasikan power power point didepan guru Al-Quran & Hadist dan teman-teman. Dan pada kesempatan kali ini saya akan membagi hasil power point yang telah saya presentasikan kepada kalian semua. 
Maaf sebelumnya, hasil power pointnya belum terlalu keren tapi ya bisa dibilang lumayan lah bagi pemula seperti saya, teman-teman bisa mendownload di link di bawah ini...

Download Disini

Judul Berjalan Pada Blog di Tab

Judul Blog Berjalan Pada Tab
  
 Kali ini saya akan berbagi bagaimana membuat judul blog bergerak. Membuat judul blog tentu saja menambah blog kita bukan saja menarik, tapi terlihat lebih unik plus keren. Biasanya judul blog dalam keadaan diam, nah kita coba sedikit merubah jadi bergerak dan lebih kelihatan aktif. Tapi membuat judul blog bergerak, tidak ada hubungannya dengan bergeraknya penghasilan, kecuali blog kita menjual sesuatu dan orang lain membeli produk yang kita jual. Ya....ini kemana arahnya....membuat judul blog bergerak kok dihubungkan dengan penjualan. Oke ... kita langsung ke TKP.
Langkah langkahnya sebagai berikut : 
 1.   Seperti biasa login ke blogger 
 2.   Kemudian pilih Rancangan/Layout 
 3.   Setelah itu pilih Edit HTML lalu klik Expand Widget Templates.

4.   Jika sudah kemudian cari kode </head> (agar mempermudah pencarian tekan F3 pada keyboard atau Ctrl+F) 
5.   Kalau Kodenya sudah ditemukan copy kode berikut kemudian letakan dibawah kode </head> 


<script language='JavaScript'>var txt=&quot; TULIS TEKS ANDA DI SINI &quot;; var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak(); </script>



Dari script di atas yang bisa di ubah seperti berikut :
TULIS TEKS ANDA DI SINI : Itu adalah text yang ingin anda isi pada Tab judul Blog.
var kecepatan=120 : Maksudnya adalah kecepatan bergerak judul Blog tersebut pada Tab.

Cukup mudah bukan caranya? Mudah bagi yang berani mencoba dan Sulit bagi yang tidak berani mencoba...

Selamat Mencoba dan Semoga Berhasil....

Recent Post Berjalan Pada Blog

Cara Membuat Recent Post Berjalan di Blog

Recent post atau dalam bahasa indonesianya posting terakhir atau artikel terkini adalah widget yang bisa sobat pasang di blog dengan tujuan memberikan informasi tentang postingan atau artikel terkini.
Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak ( animasi ) ke bawah. Contohnya sobat bisa lihat di sidebar blog ini.
Kali ini saya akan kasih tahu bagaimana cara memasang recent post di blog. Sobat yang berminat silahkan ikuti tutorial berikut.
1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode berikut ke dalam konten.

<style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
   
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
   
</script>
<ul id="rp_plus_img"><script>
    var numposts = 5;
    var numchars = 0;
   
</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>

4. Klik save dan lihat hasilnya. 

Selamat Mencoba dan Semoga Bermanfaat... :)

Efek Zoom Gambar Pada Blog

Cara Membuat Efek Zoom Pada Gambar Postingan blog atau web. memang cara ini sudah begitu lama di terapkan oleh sobat blogger namun tak ada salahnya kalau aku mengulas lagi artikel Membuat Efek Zoom Pada Gambar Postingan agar sobat blogger yang masi pemula akan tahu. 

sebenarnya cara ini mudah sekali dan tak merepotkan kalian dengan tambahan kode sedikit maka efek zoom untuk gambar postingan kalian akan berubah total. dan ini menjadi kebanggaan yang unik bagi sobat blogger yang baru. nah kalian bisa lihat efek zoom di postingan bawah ini atau juga  bisa lihat di blog World Cinema Movies.

kalau kalian sudah melihat gambar diatas silahkan kita mulai tutorial membuat efek zoom pada gambar postingan:

1. silahkan langsung saja kalian login ke blogger.

2. silahkan menuju edit tamplate . jangan lupa untuk centang expant widget.

3. cari kode ]]</b;skin>

4. kalau sudah ketemu silahkan copy kede dibawah ini dan paste diatasnya.

.post img:hover {
-moz-trnasform: scale(1.3) ;
-webkit-transform: scale(1.3);
-o-transform: scale(1.3)  ;
-ms-transform: scale(1.2)  ;
transform: scale(1.3) ;}

NB : kalau dalam template kalian ada kode  .post img:hover sebelum kode yang kalian taruh alangkah baiknya kalau kalian hapus dulu. 

mungkin hanya itu yang bisa aku bagikan buat kalian cara membuat efek zoom pada gambar atau image postingan di blog dan aku harap postingan ini bermanfaat buat sobat blogger. semoga blog kalian akan semakin maju dari pada blog ini. semoga sukses danhappy blogging.

Jam dan Kalender Pada Blog

Cara Pasang Jam dan Kalender di Blog - Untuk anda yang blognya mau dipasang jam dan kalender, caranya mudah sekali. Widget jam dan kalender nantinya yang bagus diletakkan di homepage / halaman utama blog. Simak bagaimana cara meletakkan jam dan kalender di blogger.

 A. Cara Memasang Jam di Blogspot :
1. Kunjungi http://www.clocklink.com/gallery.php
2. Maka akan dihadapkan dengan pilihan jam di "Gallery" dan pilih mode misalnya "Dark Bankground", maka akan keluar jam seperti gambar diatas.
3. Lalu klik "View HTML Tag"
4. Klik "Accept" sebagai tanda setuju
5. Lalu pilih ukuran size, select by time zone dan select by city, lalu copy kode script jam keren seperti gambar dibawah ini

 Cara Pasang Widget Jam Keren di Blog :
1. Pada dasbor, pilih Tata Letak
2. Pilih Tambah Gadget
3. Pilih HTML/Javascript dan masukkan kode script jam yang sudah anda copy tadi.

B. Cara Memasang Kalender di Blogger :

1. Kunjungi http://www.free-blog-content.com/
2. Akan dihadapkan dengan pilihan kalender seperti gambar dibawah ini, misalnya pilih "Nature Calendars"

3. Misalnya pilih "Nature Calendars", maka akan tampil gambar seperti dibawah ini, copy kode script yang diberikan ke notepad dan cara memasang kode script kalender seperti pada cara memasang jam.

Nah selamat memasang jam dan kalender keren di blog kesayangan anda, semoga ulasan ini dapat bermanfaat untuk anda yang senang dengan keindahan blog.
 

Efek Meteor Pada Blog

Cara Membuat Efek Meteor di Blog - Efek meteor ternyata kalau dipasang di blog, akan membuat tampilan blog semakin menarik karena dengan memasang efek meteor jatuh pada blog, blog terdengar semakin ramai dengan efek meteor jatuh tersebut. Simak juga Cara Membuat Efek Petir di Blog.

Cara Membuat Efek Meteor Jatuh di Blog :
1. Login ke blogger,
2. Pilih Tata Letak => Tambah Gadget,
3. Pilih HTML/JavaScript dan masukkan kode dibawah init kedalamnya,

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/meteor.js">
</script>

4. Simpan

Demikian cara membuat / memasang efek meteor jatuh di blog, silahkan dicoba.

Efek Petir Pada Blog

Cara Membuat Efek Petir di Blog - Dengan memasang animasi efek petir di blog tentunya tampilan blog akan semakin menarik untuk dilihat oleh anda sendiri dan oleh pengunjung blog. Nah bagaimana cara membuat dan meletakkan animasi efek petir di blog? Karena VincentPublisher tidak mencantumkan demonya, maka silahkan dipraktekkan langsung di blog anda karena efek petir ini bekerja 100% dan pasti berhasil diterapkan.

 

Cara membuat efek petir di blog :

1. Pada dasboard blogger, pilih Tata Letak
2. Pilih Tambah Gadget
3. Pilih HTML/Javascript dan masukkan kode dibawah ini kedalamnya

<style type="text/css">body { background-image: url(http://i958.photobucket.com/albums/ae69/putrablidz/storm.gif); background-color:transparent; }</style>
4. Simpan

Selamat mencoba cara membuat / memasang efek petir di blogspot, semoga bermanfaat untuk anda yang senang dengan tampilan blog yang menarik.