Cara Mudah Membuat Slide Show Foto di Blog

Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk toko online atau juga untuk narsis . Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain. cekkkkidotttt....

Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>

5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.

Semoga artikel Cara Mudah Membuat Slide Show Foto di Blog bermanfaat bagi Anda.

Baca Selengkapnya >>>

Cara Membuat Tulisan Berjalan Di Address Bar

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara untuk membuat tulisan berjalan di address bar ( maksudnya tulisan berjalannya terlihat di atas kotak untuk menuliskan alamat website ).

Cara Membuat Tulisan Berjalan Di Address Bar pada Blogspot

• Login pada Blogger 
• Setelah berada di Dashbore 
• Masuk mode Rancangan 
• Kemudian Edit HTML 
• Cari kode </head> 
• Jika sudah ketemu, letakan kode berikut dibawah kode tadi

<script type='text/javascript'>
//<![CDATA[
msg = " --- SILAHKAN DIGANTI ";
msg = " | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI --- " + 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()",100);
}
scrollMSG();
//]]>
</script>

Keterangan :

• Silahkan ganti tulisan berwarna biru dengan tulisan yang anda inginkan, nanti tulisan itulah yang akan terlihat berjalan di address bar. 
• Sebelum pengaturannya di simpan, sebaiknya di preview dulu.
• Jika sudah berhasil, Simpan Template

Demikian blogger tutorial mengenai Cara Membuat Tulisan Berjalan Di Address Bar.

Baca Selengkapnya >>>

Cara Menghilangkan Tulisan Diposkan Oleh Pada Blog

Pada Next Sesion kali ini saya akan memberikan trik dan panduan tentang Cara Menghilangkan Tulisan Diposkan Oleh Pada Blog.

Ada 2 cara menghilangakan tulisan "Diposkan oleh" pada blog, disini saya akan memberi cara menghilangkan menggunakan " Edit HTML " yang terdapat pada widget templates.

Pengguna Blogger / Blogspot pasti sering melihat tulisan "Diposkan Oleh". Biasanya letaknya berada di bawah postingan Blog.

Cara Menghilangkan Tulisan Diposkan Oleh Pada Blogspot :

• Login pada Blogger
• Masuk mode Rancangan, kemudian Edit HTML
• Centang Expand Widget Templates
• Cari kode berikut. ( tekan F3 untuk mempercepat pencarian kode )

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

• Jika sudah ketemu, Hapus semua kode tadi
• Terakhir, Simpan Template

Demikian blogger tutorial mengenai Cara Menghilangkan Tulisan Diposkan Oleh Pada Blog.

Semoga bermanfaat.
Terima Kasih ^_^

Baca Selengkapnya >>>

Cara Membuat Efek Tulisan Pada Mouse

Hay guys, see u again nihh. Kali ini kita akan membahas topik efek mouse pada blogger kepada sahabat semua yang belajar dalam dunia blogger. Yaitu Cara Membuat Efek Mouse Di Blog.

Nge-blog merupakan pekerjaan mengisi waktu luang yang positif. Apalagi jika blog yang kita buat banyak dikungjungi oleh para peselancar google. Blog yang mau banya dikungjungi juga harus menampilkan suatu kreasi menarik dalam blognya. Sesuatu itu biassanya ada dalam blog, untuk memperindah tampilan blogger semua. Oke guys so Cceekiidoott ....

Contoh gambar

1. Login Ke Blogger.

2. Pilih Tata Letak.

3. Pilih Add Gadge.

4. Pilih HTML/JavaScript.
5. Sobat letakkan kode di bawah ini ke dalam box "Konten".

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #FF0000;

/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = "Tulisan Yang ingin sobat tampilkan";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>

Catatan : Ganti tulisan yang berwarna merah dengan tulisan yang ingin sobat tampilkan.

6. Klik "Save" dan Selesai.

Demikian sobat artikel tentang membuat efek tulisan mengikuti cursor mouse, ternyata cukup mudah bukan sobat farhan langkah-langkah membuatnya, selamat mencoba

Baca Selengkapnya >>>

Cara Menggunakan Fungsi IF ( AND ) dan IF( OR ) Dalam Excel

Fungsi IF ( AND ) dan IF( OR ) Dalam Excel

Adapun dalam penerapannya fungsi and dan or menggunakan maksimal 30 logika, sedang fungsi NOT hanya mempunyai satu argumen logika saja oleh karena itu kita mencoba mengpas dan mempraktekan fungsi-fungsi tersbut dalam excel

 

Berikut sintaksnya :

• =IF(AND(logika 1, logika 2, logika 3,……..,logika 30)

Contoh : =IF(AND(A1<10,B1=20) artinya apabila semua nilai logika benar maka hasilnya pasti benar, bila ada satu atau semua bernilai salah maka hasilnya juga salah.

• =IF(OR(logika 1, logika 2, logika 3,……..,logika 30)

Contoh : =IF(OR(A1<10,B1=20) artinya apabila salah satu atau semua dari nilai logika benar maka hasilnya benar, bila semua salah maka hasilnya salah.

• =IF(NOT(logika)

Contoh : =IF(NOT(A1<10) artinya apabila nilai dari A1<10 itu benar maka hasilnya salah tapi bila bernilai salah maka hasilnya benar (logika terbalik)
Untuk lebih jelasnya kita lihat contoh penggunaan di bawah ini:

Ketentuan soal:
1. Untuk mencari Harga Jual Per unit: 

    Jika jenis pembelian = K (Kredit), maka harga jual = 1.25 x harga satuan harga  
    Jika jenis pembelian =T (Tunai), maka harga jual = HArga Satuan Normal

2. Untuk mencari Total Harga = Jumlah Beli x Harga Jual per Unit
3. Untuk Mencari Diskon:



    Jika Pembelian dilakukan secara Tunai dan jumlah beli di atas 15, maka mendapat diskon sebesar
    10% dari Total Harga.
4. Untuk mencari Voucer: 

    Jika membeli computer merek Axioo atau Acer, maka mendapat voucer 50.000
    Jika membeli computer merek Toshiba, maka mendapat voucer 100.000

5. Untuk mencari total Bayar = Jumlah Beli x Harga Jual per Unit – Diskon.

Untuk menjawab soal di atas rumus yang mesti di tulis adalah sebagai berikut:
1. Rumus untuk mencari Harga Jual per Unit menggunakan fungsi IF Tunggal dan perkalian, yaitu Posisi kursor cell di G5, =IF(F5=”K”,1.25*D5,D5)

2. Rumus untuk mencari Total Harga di Cell H5 menggunakan operator matematika Perkalian yaitu =E5*G5

3. Rumus untuk mencari Diskon di Cell I5 menggunakan fungsi IF dengan tambahan Fungsi AND yaitu, =IF(AND(F5=”T”,E5>15),10%*H5,0)

4. Rumus untuk mencari Voucer di cell J5 menggunakan Fungsi IF Ganda dengan tambahan Fungsi OR yaitu, =IF(OR(C5=”Axioo”,C5=”Acer”),50000,IF(C5=”Toshiba”,100000,0)) Tutup kurung yang terakhir ada 2 karena ada 2 IF yang di tulis.

5. Rumus untuk mencari Total Bayar di Cell K5 menggunakan operator metematika Perkalian dan Pengurangan yaitu, =(E5*G5)-I5  atau langsung saja  =(H5-I5)

Untuk rumus baris ke 6 sampai 9 cukup di copy dari baris 5 atau menggunakan Fill Handle.
Hasil dari penulisan rumus-rumus di atas adalah:

  Note: Jika hasil rumus yang mucul tidak ada tanda koma, maka gunakan ikon Comma Style yang ada di Group Number. Caranya select/blok semua data kemudian klik Comma Style.

• Untuk menambahkan atau menyisipkan symbol mata uang (Rupiah/Rp), Blok data kemudian klik accounting number format yang ada di group number, pilih symbol Rp Indonesian dan klik, maka simbol Rp akan muncul. Jika tidak ada lanjutkan dengan meng-klik more accounting formats, pada sub tab symbol cari dan klik Rp Indonesian kemudian OK.

Demikian pembahasan Fungsi IF dengan tambahan OR dan AND, semoga bermanfaat…….!

Baca Selengkapnya >>>

Cara menghilangkan tulisan Diberdayakan oleh blogger pada blogspot

Cara menghilangkan tulisan diberdayakan oleh blogger pada blogspot
Yupzzz... langsung aja caranya deh ya, Cceekiidoott ....

Caranya cukup gampang, temen-temen tinggal mengikuti langkah-langkah dibawah ini:

1. Temen-temen harus Login dululah :D
2. Trus ke Template -> Klik Edit HTML
3. Setelah itu centang "Expand Template Widget"
4. Cari kode ]]></b:skin, atau tekan Ctrl+f untuk memudahkan pencarian
5. Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin :

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

6. Klik Simpan Template

Cceekiidoott .... Tulisan "Diberdayakan oleh blogger" pada blog temen-temen sudah hilang begitu saja :p

Baca Selengkapnya >>>

Cara Menggunakan Fungsi Rumus Multi IF Dalam Excel

Dalam contoh ini penggunaan rumus IF digunakan untuk penerimaan calon pegawai di perusahaan, dengan ketentuan calon pegawai harus mempunyai nilai rata-rata diatas > 6 agar diterima, jadi jika nilai rata-rata di bawah 6 maka tidak diterima (gagal). yakni dengan menuliskan rumus hasil pada cell F7 =IF(E7>60;"Diterima";"Gagal") dan untuk cell di bawahnya rekan tinggal mencopy rumusnya. Dengan Demikian Perlu keaht- hatian dalam penerapan rumus agar tidak menghasilkan sesuatu yang salah, karena salah rumus maka hasil yang diinginkanpun akan salah, ketelitian dalam penerapan rumus dapat memberikan sesuatu yang baik bagi  kita maupun orang lai. oleh karena itu marik kita berseklancar dalam mempraktekan rumus ini 

Contoh Soal Multi IF Excel

Dasar Penilaian

A,Jika lebih besar dari 90 (90-100)

B,Jika lebih besar dari 80 (80-89)

C,Jika lebih besar dari 60 (60-79)

D,Jika lebih besar dari 0 (0-59)

Dari contoh maka pada nilai huruf di cell E7 di tulis rumus =IF(B7<60;"D";IF(B7<80;"C";IF(B7<90;"B";"A"))) 

dan untuk cell di bawahnya rekan tinggal mencopy rumusnya.

Baca Selengkapnya >>>