Pages

Selamat Datang di Simulusdigigit Semoga Bermanfaat

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

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

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!)

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.

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.

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

Wednesday, 6 November 2013

Cara Memasukkan Video Pada Blog

Hallo semua...
Sekarang kita akan mencoba mengetahui bagaimana cara memasukan dan memasang video youtube ke dalam postingan blog kita. Caranya sangat mudah tanpa harus menggunakan kode-kode yang rumit.
Berikut tahapan-tahapannya.
Masuk ke akun Blogger.com, pilih blog dan kemudian klik "ENTRI".
Di dalam post editor lihat di tool sebelah atas dan klik gambar kotak berwarna hitam atau "INSERT VIDEO".
Ikon Inser Video

Lalu muncul jendela dengan berbagai pilihan darimana atau bagaimana kita mengambil video untuk dimasukan ke posting. Kita bisa upload langsung dari hardisk komputer kita, dari youtube, daftar video kita di youtube, telepon, atau webcam kita.
Dalam hal ini kita akan memasukan video langsung dari youtube, maka klik "FROM YOUTUBE", maka otomatis akan keluar form yang harus diisi oleh alamat url video yang akan kita masukan.

From Youtube - Form Untuk URL Youtube
Misalkan kita akan memasukan sebuah video dari youtube dengan alamat url "http://www.youtube.com/watch?v=4E24U0VL3gA".

Ambil/Copy url video dari youtube seperti gambar di bawah ini:
Menyalin URL Video Youtube

Kemudian paste pada form dan klik tombol sebelah kanan yang bergambar kaca pembesar, seperti pada gambar di bawah ini:


Meletakan URL Video Youtube

Maka akan muncul preview dari video tersebut seperti gambar di bawah:


Preview Video Youtube

Jika sudah yakin bahwa video tersebut adalah yang kita maksudkan untuk di post ke dalam blog, maka kita klik "Pilih" di bagian bawah.
Maka muncullah video tersebut. Seperti ini:

Apabila sudah yakin dengan tampilan postingan kita, maka kita klik "PUBLIKASIKAN".
Selesai....
Itulah cara kita memasukan dan memasang video youtube dengan mudah. Sebenarnya ada cara yang lain lagi untuk memasukan video kita ke blog yaitu dengan menggunakan kode atau script sehingga kita bisa mengatur ukuran video tersebut, bagaimana video tersebut dimainkan dan sebagainya. Mungkin di lain waktu kita akan membahasnya bersama-sama.
Semoga mudah dimengerti dan dapat membantu. Thanks.....

Klasemen

Klasemn liga Spanyol tahun 2013

Pertandingan Kandang Tandang Gol
  P Ma M I K M I K M I K GM GK
Keterangan: P: Jumlah Poin    M: Jumlah Kemenangan    I: Jumlah Hasil Imbang    K: Jumlah Kekalahan    Ma: Total Main    GM: Gol Memasukkan    GK: Gol Kemasukan
1 Barcelona 34 12 11 1 0 6 0 0 5 1 0 34 7
2 Atlético Madrid 33 12 11 0 1 6 0 0 5 0 1 30 8
3 Real Madrid 28 12 9 1 2 5 0 1 4 1 1 30 16
4 Villarreal 23 12 7 2 3 4 1 1 3 1 2 20 12
5 Athletic Bilbao 20 12 6 2 4 4 2 0 2 0 4 18 17
6 Getafe 19 12 6 1 5 3 1 2 3 0 3 16 13
7 Real Sociedad 17 12 4 5 3 3 2 1 1 3 2 18 12
8 Levante UD 17 12 4 5 3 1 3 2 3 2 1 12 15
9 Valencia 16 12 5 1 6 3 0 3 2 1 3 15 19
10 RCD Espanyol 15 12 4 3 5 3 2 1 1 1 4 12 15
11 Granada 14 12 4 2 6 1 0 5 3 2 1 8 12
12 Málaga 13 12 3 4 5 3 0 3 0 4 2 14 16
13 Elche 13 12 3 4 5 1 2 3 2 2 2 12 16
14 Sevilla 13 12 3 4 5 3 1 2 0 3 3 20 25
15 Celta 12 12 3 3 6 0 3 3 3 0 3 14 16
16 Real Valladolid 11 12 2 5 5 1 3 2 1 2 3 14 18
17 Osasuna 10 12 3 1 8 2 1 3 1 0 5 10 21
18 Real Betis 9 12 2 3 7 2 2 2 0 1 5 11 20
19 Almeria 9 12 2 3 7 1 2 3 1 1 4 14 24
20 Rayo Vallecano 9 12 3 0 9 2 0 4 1 0 5 10 30
 

Blogger news

Blogroll

About