Pages

Selamat Datang di Simulusdigigit Semoga Bermanfaat

Sunday, 10 November 2013

Materi Simulasi Digital

http://seamarket.seamolec.org/
Posted by at 0 comments

Friday, 8 November 2013

Cara Mengganti Cursor Di Blogger

Cursor adalah anak panah atau penunjuk pada komputer , web dan lainya yang berfungsi untuk melakukan perintah dari mouse. Itu adalah definisi singkat tentang apa itu Cursor. Secara default, bentuk dari Cursor adalah sebuah sebuah panah berwarna putih dengan border warna hitam. Ketika Cursor tersebut diarahkan pada sebuah link yang berbentuk teks atau link yang berbentuk gambar, maka Cursor yang berbentuk panah itu akan berubah menjadi sebuah gambar yang berbentuk tangan dengan posisi jari klingking, jari manis dan jari tengah di kepal.

Merubah Cursor pada blog merupakan salah satu cara untuk mempercantik blog di blogspot atau blog di WordPress. Apakah dengan memasang atau dengan mengganti Cursor, akan berpengaruh terhadap loading blog kita? Tidak, karena kode asli untuk membuat Cursor sudah dimodifikasi sedemikian rupa sehingga tidak akan berpengaruh terhadap loading blog. Untuk mengganti Cursor blog, sobat blogger tidak perlu mengobrak-abrik kode yang terdapat di template blog sobat (Seperti tutorial blogspot pada blog lain). Sobat blogger hanya menambahkan sedikit kode CSS di Sidebar blog sobat. 

Cara Mengganti Cursor Di Blogger

Add%252Bwidget
  1. Sign In di blogger.com
  2. Klik tombol di bawah ini!
  3. Terakhir klik Add Widget (Untuk lebih jelasanya, lihat gambar di atas!)
2
Cursor Cinta
3
Cursor Angry Bird
6
Cursor Bunga
7
Cursor Kucing Jatuh Cinta
8
Cursor Merah
11
Cursor Blue Arrow
12
Cursor Api
13
Cursor Gitar
14
Cursor Disko
15
Cursor Alien
16
Cursor Panah Cinta
17
Cursor Monyet
18
Cursor Bergoyang
19
Cursor Marah
20
Cursor Ninja
21
Cursor Enemy
22
Cursor Putih
23
Cursor Love
24
Cursor Kupu-kupu
25
Cursor Sonic
26
Cursor Bintang
30
Cursor Cantik
31
Cursor Imut
32
Cursor Meteor
33
Cursor SpongBob
34
Cursor Burung
35
Cursor Kartun Lucu
Posted by at 0 comments
Labels:

Cara Membuat Burung Twitter Terbang Di Blog

Twitter Flying Bird merupakan sebuah widget yang bisa digunakan untuk memperindah tampilan blog. Burung Twitter terbang yang disiapkan oleh tutorialblogspot.com, terdiri atas banyak warna, sehingga sobat blogger bisa menyesuaikan warna background blog sobat dengan warna burung Twitter terbang yang akan sobat blogger pasang. Untuk memasang widget yang cantik ini, sobat blogger tidak perlu edit template, yang sobat blogger perlu lakukan adalah memasang kode yang sudah saya siapkan di bawah ini

Twitter%2520Terbang

Cara Membuat Burung Twitter Terbang Di Blog
  • Sign In di blogger.com
  • Pada menu drop down, pilih Layout
  • Klik Add a gadget dan pilih HTML/JavaScript
  • Copy Paste kode kode di bawah ini pada kolom yang tersedia:
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-CawGwWLuTE7WG-N1rRWHtYeJpAEy-O4K0h4rdAZvL2NZG6e-vJrb5ddtMWP8tbQfhB_nXUTv4fMNJWSECUA-OBBsUzHVlWw3f_k8OwBgCLmaZGq5K68xfFqDAgFlLpWYPTANYtfby1o/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/2torialBlogspot";
var tweetThisText = "Twitter - UserID http://www.simulusdigigit.blogspot.com/";
tripleflapInit();
</script>
  • Simpan Widget sobat

Tambahan:
  1. Ganti 2torialBlogspot dengan nama akun Twitter sobat
  2. Ganti URL http://www.simulusdigigit.blogspot.com dengan URL blogger sobat tentunya.

Untuk mengganti warna dari burung Twitter terbang, silahkan ganti yang warna biru dengan URL gambar di bawah ini:

Twitter Flying Bird atau Burung Twitter Terbang Warna Kuning
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7PoVbNtja14_aTrAB6Z9wHg00hhbU6sx7m5KrwnBM8vKSIETpgs8LNUhCbJVba5L3mNb0qcgqSBAjczWjIa3PPt_Njwgn2iS2tAODn2dRob3QKPQRO7PTayfiz4rhglsXmNQi-Rxc_Ac/s1600/yellow+bird.png

Twitter Flying Bird atau Burung Twitter Terbang Warna Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8u0vt4DDiygyJ-pHvFw6WK_CBy2k_-DfltLfrSG2Tx_d89DGDqnGuf9-LN0YlgWOPO4wmxkiVxpLvn9INQ_T5EMp362V9z69tpO_RY4LvWtSAjHghyphenhyphenZmJivmHy92ndQ8cy6MTQpWUt1M/s1600/black+bird.png

Twitter Flying Bird atau Burung Twitter Terbang Warna Biru
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGs-UP2JwNiULiaL_Gqw6NKWsTyWliyW0jQ-jnw601BvugkCckE7pd0AakdWw7YME7XeDRxyU6HF5KysYv6P2lG-RzIurXFTGLeNfX__u_Fboht0SJiVWw9h3YNdAkVnvmqY8Og7oHFk/s1600/Blue+bird.png

Twitter Flying Bird atau Burung Twitter Terbang Warna Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpA1TqiVLjCzGvHm50JvqaVb_b_mJCBEg-2PHeZBMBxWcMTCWOAbjvZbvdZEfRsPl68Oxw3ztXmbCA2wHFRzh8JCfaGhubPxHn9NUQvIOEAJXNSlpcsjUJ_y72Kg18zmDN19e3DVR5LA/s1600/brown+bird.png

Twitter Flying Bird atau Burung Twitter Terbang Warna Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRl2XWd0pYlEmVIUKzxI64_Hh6Gab9y7g0hbVvRXFWbvqF3vn8VlwcsJRSQDPlrLC2z1wufh0PGor90FuEWB2pmmwvJChPUzzm79KlSYF51B9cabECsm5RHjkDCLlDnxfjJF_f_Sa9e_8/s1600/Green+bird.png

Twitter Flying Bird atau Burung Twitter Terbang Warna Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYuJiyBCp4bD2ogrMoNuvDa2_dJMUxoShsuGapWDVJb6i9PI462F9k3sSGSTH1Lj0SFtbtnG_z1PvJkqejBA1HcXeqv7Bv4hsjYe8xlBEbb1Gwde0fwZEUl86TjaBti4I_lV3Id4UQaVA/s1600/purple+bird.png

Twitter Flying Bird atau Burung Twitter Terbang Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhccFh0iwt_FsBfi7_-huxaT7mz9XB4YuAj4MxfFhTH5BVRwTqS-_h70_60eB32EC1E87WZ8M_CDN0PJO6fR0ZmA4gDrCWBTznosnZWwlAu2aZizBchr0S7oViK-6lwMc8hqJ_l98eg4s/s1600/white+bird.png

Twitter Flying Bird atau Burung Twitter Terbang Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEK0mI9Lgm2B5bjd6t1z_4aZt2cTmbuYQ5sQY7goLMsOVvuTTL7L88XOXwArrjxzV4AgTJEMCdzWHfZPXbAYWGmKYmrK00W29gask-o0QX9HD3H2G2KzvlT3USbEoIKwEw8Uk8mA2jLic/s1600/red+bird.png

Blog harus diperkaya dengan fitur-fitur yang dapat memperindah blog. Happy Blogging
Posted by at 1 comments
Labels:

Cara Membuat Salam Pembuka Di Blogger

Bagaimana cara menegur atau menyapa pengunjung blog kita yang baru masuk ke laman blog kita? Cara menyapa atau menegur pengunjung blog yang baru datang ke blog kita adalah dengan memasang fitur salam pembuka di blog. Fitur salam pembuka di blog sering juga di sebut dengan nama Pesan konfirmasi. Dengan memasang Salam Pembuka di blog, pengunjung blog kita akan merasa disambut kedatanggannya oleh kita sebagai pemilik blog.

Untuk membuat salam pembuka di blog, sobat blogger tidak perlu Edit Template. Bagaimana cara memasang pesan pembuka di Blogspot? Ikuti saja panduan ngeblog yang singkat ini!


Untitled

Cara Membuat Salam Pembuka Di Blogger


Add%252Bwidget

  1. Sign In di blogger.com
  2. Klik tombol di bawah ini!
  3. Terakhir klik Add Widget (Untuk lebih jelasanya, lihat gambar di atas!)
Posted by at 0 comments
Labels:

Cara Memasang Sticky Bar di Blog

Sticky Bar mulai tenar di kalangan Webmaster atau blogger semenjak munculnya Hello Bar. Hello Bar bisa didapatkan oleh pemilik blog secara gratis dengan melalui proses registrasi di salah satu website yang mengeluarkan menu bar tersebut. Sekarang, untuk mendapatkan menu bar seindah Hello Bar, pemilik web blog tidak perlu melakukan proses registrasi yang berbelit-belit karena saya sudah menyediakan beberapa baris kode CSS dan HTML yang bisa membentuk sebuah Sticky Bar yang cantik dan keren. Sticky Bar ini memiliki warna Orange dan Hitam plus teks warna putih.

Sticky-Bar

Seperti Sticky Bar pada umumnya, Sticky Bar ini pun memiliki sebuah panah yang berfungsi untuk membuka dan menutup menu bar ini (Fitur Hide and Show). Apa kelebihan Sticky Bar ini dengan Sticky Bar yang lain? Sobat blogger tidak perlu Edit Template untuk memasang Sticky Bar ini dan sobat blogger bisa melakukan kostumisasi menu bar ini sesuai dengan yang diinginkan.


  • Masuk ke blogger.com menggunakan akun blogger sobat
  • Pada menu Drop Down, pilih tata letak.
  • Klik "Tambahkan gadget"
  • Lalu pilih HTML/JavaScript
  • Copy Paste kode berikut pada kolom yang tersedia
<style>
/*---Codes by www.tutorialblogspot.com---*/
#wg-rosebar {
width:100%;
height:100px;
position:fixed;
top:0;
left:0;
}
#wg-rosebarbtm {
border-bottom:3px solid #000;
background-color:#F60;
overflow:none;
width:100%;
height:30px;
position:fixed;
top:0;
left:0;
}
#wg-rosebarbtmdata {
color:#fff;
padding:5px;
}
#wg-rosebarbtmhide {
position:absolute;
top:4px;
right:12px;
width:20px;
height:20px;
cursor:pointer;
}
#wg-rosebarbtmshow {
position:absolute;
top:0;
right:5px;
width:30px;
height:25px;
cursor:pointer;
background-color:#F60;
padding-top:5px;
border-bottom:3px solid #000;
border-left:3px solid #000;
border-right:3px solid #000;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}
.wg-rosebarbtmdownarrow {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #CC5200;
}
.wg-rosebarbtmblock {
width:8px;
height:10px;
background-color:#CC5200;
}
.wg-rosebarbtmuparrow {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #CC5200;
}
</style>
<div id="wg-rosebar" >
<center id="wg-rosebarbtmshow" onmouseup="document.getElementById('wg-rosebarbtm').style.display='block'"><div class="wg-rosebarbtmblock"></div><div class="wg-rosebarbtmdownarrow"></div></center>
<div id="wg-rosebarbtm" >
<center id="wg-rosebarbtmhide" onmouseup="document.getElementById('wg-rosebarbtm').style.display='none'"><div class="wg-rosebarbtmuparrow"></div><div class="wg-rosebarbtmblock"></div></center>
<center id="wg-rosebarbtmdata"><a href="http://www.tutorialblogspot.com">Teks Yang Tampil</a></center>
</div>
</div>
  • Klik Simpan

Tambahan :
Ganti teks yang berwarna merah sesuai dengan yang sobat inginkan.
Posted by at 0 comments
Labels:

Cara Membuat Gambar Membesar Saat Diarahkan Cursor

Tutorial yang akan saya sampaikan pada kesempatan kali ini adalah tentang bagaimana cara membuat gambar atau foto membesar ketika diarahkan Cursor. Ada dua mamfaat yang dapat diperoleh dengan memasang fitur gambar membesar saat diarahkan cursor yaitu:

  1. Dapat mengundang detak kagum pengunjung blog
  2. Pengunjung blog tidak perlu meng-klik gambar untuk memperbesar ukurannya.
Disamping mamfaat tersebut, ada juga efek negatif dari memasang fitur blog ini. Apa efek negatifnya? Tampilan gambar atau foto di Read More tidak memiliki ukuran yang sama baik itu ukuran lebar maupun ukuran tinggi.

Tidak sedikit blog yang memasang fitur gambar membesar saat diarahkan Cursor. Untuk memasang fitur ini, sobat blogger tidak membutuhkan kode JavaScript tapi yang dibutuhkan adalah kode CSS. Apakah harus edit template untuk memasang fitur ini? Tidak, sobat blogger cukup memasukkan kode CSS yang sudah saya siapkan melalui Blogger Designer Template.
Cara Membuat Gambar Membesar Saat Diarahkan Cursor
  • Sign In di blogger.com
  • Pada Menu drop down, pilih template
  • Klik tombol Costumize untuk menuju laman Blogger Designer Template
    • Capture
  • Klik Advance dan copy paste kode berikut pada kolom yang tersedia
.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
  • Klik tombol Apply to blog

Untuk melihat hasilnya, buka salah satu postingan sobat blogger.
Posted by at 0 comments
Labels:

Cara membuat tulisan ala ketikan

Apakah sobat blogger pernah mendengar istilah Typing Text? Typing Text merupakan sebuah metode untuk menampilkan teks seperti sedang di ketik. Teknik yang digunakan untuk membuat Typing Text bukan marquee, walaupun keduanya sama-sama menampilkan teks yang bergerak. Sobat blogger dapat memamfaatkan Efek Typing Text yang di buat oleh Dynamic Drive ini dalam banyak hal seperti untuk membuat Announcement, Warnning, Pesan dan lain-lain.



Selamat datang, Anda adalah segalanya bagi kami (We are nothing without you)
Sebagai ungkapan terima kasih kami kepada Anda semua, kami akan selalu menyuguhkan tutorial terbaik, salah satunya seperti yang Anda lihat saat ini.


Cara membuat tulisan ala ketikan
Sobat blogger tidak perlu edit template untuk menambahkan efek ini. Sobat blogger cukup meng-copy paste kode berikut dan meletakkannya di tempat yang diinginkan:
<script type="text/javascript" src="https://googledrive.com/host/0BwlVU1_5kLcNMzRHTkFiTjJMX0E"></script>
<div id="example1">Letakkan teks Anda disini...</div>
<p id="example2">Letakkan teks Anda disini...</p>
<script type="text/javascript">
//Define first typing example:
new TypingText(document.getElementById("example1"));
//Define second typing example (use "slashing" cursor at the end):
new TypingText(document.getElementById("example2"), 100, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
//Type out examples:
TypingText.runAll();
</script>
<script>
<!--
document.write(unescape("\x3C\x70\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x6E\x6F\x6E\x65\x3B\x22\x3E\x54\x79\x70\x69\x6E\x67\x20\x54\x65\x78\x74\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x3E\x54\x75\x74\x6F\x72\x69\x61\x6C\x20\x42\x6C\x6F\x67\x73\x70\x6F\x74\x3C\x2F\x61\x3E\x3C\x2F\x70\x3E"));
//-->
</script>

Tambahan :
  • Ganti tulisan yang warna merah sesuka hati sobat blogger
Posted by at 0 comments
Labels:
Subscribe to: Comments (Atom)
 

Blogger news

Blogroll

About