Cara Bikin Tulisan Berjalan / Marquee

Efek marquee artinya memberikan atau membuat kesan berjalan/bergerak pada suatu text. Efek Marquee atau tulisan berjalan umumnya di letakkan di bagian atas Header blog atau di bagian Footer Blog dan biasanya Efek marquee berisikan teks ucapan selamat datang. Untuk menampilkan tulisan berjalan pada blog, kita hanya menyisipkan kode HTML SEBELUM dan SESUDAH teks yang akan ditampilkan. Di bawah ini terdapat delapan efek marquee yang saya berikan, silahkan di copy paste di blog sobat.
Tempatkan kode Effect Marquee atau tulisan berjalan pada tempat yang diinginkan (Kolom Postingan atau Kolom HTML Java Script).

Effect Marquee atau Tulisan berjalan lambat

<marquee behavior="scroll" scrollamount="1" scrolldelay="32">Tulisan sobat disini</marquee>

Effect Marquee atau Tulisan berjalan ke atas

<marquee behavior="scroll" direction="up" height="30"> Tulisan sobat disini</marquee>  

Effect Marquee atau Tulisan Zig-zag

<marquee behavior="alternate" direction="up" height="50px"><marquee direction="right"> Tulisan sobat disini</marquee></marquee>  

Effect Marquee atau Tulisan berjalan tetapi berhenti kalau dibayangi cursor

<marquee onmouseout="this.start()" onmouseover="this.stop()">Tulisan sobat disini</marquee>

Effect Marquee atau Tulisan berjalan ke kanan

<marquee behavior="scroll" direction="right">Tulisan Tulisan sobat disini</marquee>  

Effect Marquee atau Tulisan berjalan dengan gambar

<marquee behavior="scroll"><img height="84" src="Url%20gambar%20yang%20akan%20ditampilkan" width="110">Tulisan sobat disini</marquee>

Effect Marquee atau Tulisan dapat memantul

<marquee behavior="alternate" width="300"> Tulisan sobat disini</marquee>  

Effect Marquee atau Tulisan Bouncing around

<marquee behavior="alternate" direction="up" height="100" width="300"><marquee behavior="alternate" direction="right">Tulisan sobat disini</marquee></marquee> 

itu dia tutorial tentang Cara Buat Tulisan Berjalan / Effect Marquee di Blog . Semoga bermanfaat dan Selamat Mencoba !!!

Read More

10 Template Blogger SEO Frendly 2013

Banyak penyedia template yang sangat menarik dan menyajikan fitur template dengan berbagai kategori, tapi banyak dari kita yang kurang mengetahui cara pemilihan template yang baik untuk google search atau template SEO friendly, nah dengan itu saya akan share beberapa Template blogger SEO friendly namun masih memiliki tampilan yang menarik.


1. Seo Elite 2012

Seo Elite adalah salah satu template blogger seo friendly yang mengutamakan kecepatan load blog dengan menghindari penggunaan Javascript.


2. Template Blogger Seo Elite 2012

Thesis seo yang merupakan template blogger seo friendly di desain oleh blog juragan yang saat ini banyak di gunakan oleh para blogger indonesia
 

3. SeoGuru

Cukup menarik bagi anda suka template yang kaya fiture namun masih tetap SEO.


4. Seo Marketing Blogger Template

Banyak fitur dengan content marketing namun masih mengutamakan SEO dan baik bagi para bisnis market.


5. Creativa Blogger Template

Fitur slide ,2 menu navigation dan plugin jquery dengan layout 3 kolom masih bisa bersaing dengan SEO dan sangat menarik dalam desain tampilan blogger.


6. Elements of SEO

Tampilan minimalis yang mengutamakan kecepatan loading dengan 3 layout dan full screan masih memiliki template yang SEO.


7. Mystic Grunge Blogger Template

salah satu template dengan tampilan yang menarik dan loading blog yang cepat dengan fitur yang banyak. intruksi template


8. Smart Touch

nice tempalte simple dan cute hehehe... dengan sedikit settingan template ini bisa lebih dari sekedar SEO.


9. SEO Bright Blogger

fitur sosial sharing dan minimalis dan warna gradasi keren salah satu template blogger SEO Free Premium


10. Blogger Template Valid HTML5 dan SEO Friendly

Nah yang satu ini sangatlah berbeda dari template di atas, dengan mengutamakan Template yang valid dengan HTML5 tentu ini akan menambah kualitas blog pada SEO. karena jarang semua template blogger bisa Valid dengan HTML5. namun kekurangannya.. kita akan sulit memodifikasi jika kita tidak mengetahui tipe HTML template dengan benar. tampilan awal mungkin kurang menarik dengan hanya menampilkan judul blog saja.


template di atas mungkin akan ada link yang broken jika para pemilik link download dan demo sudah di hapus oleh penyedia template.

Read More

Animasi Load loop Blogger dengan CSS3

Efek loading animasi ini terinspirasi dari css3-loading-animation-loop. dan beberapa animasi lainnya bisa anda lihat di sana. efek ini bisa kita gunakan dengan beberapa kegunaan pada blog di antaranya membuat loading halaman,load widget,load iframe dan lain sebagainya.

HTML

<div class="loader"></div>
<div class="loader2"></div>

CSS untuk membuat Animasi : 

.loader {
    background-color: rgba(0,0,0,0);
    border:5px solid rgba(225, 0, 56, 0.8);
    opacity:.9;
    border-right:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 35px #ff3300;
    width:50px;
    height:50px;
    margin:0 auto;
    -moz-animation:berputar 1s infinite ease-in-out;
    -webkit-animation:berputar 1s infinite linear;
}
.loader2 {
    background-color: rgba(0,0,0,0);
    border:5px solid rgba(225, 0, 56, 0.8);
    opacity:.9;
    border-left:5px solid rgba(0,0,0,0);
    border-right:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 15px #ff3300;
    width:30px;
    height:30px;
    margin:0 auto;
    position:relative;
    top:-50px;
    -moz-animation:berputarkecil 1s infinite linear;
    -webkit-animation:berputarkecil 1s infinite linear;
}
@-moz-keyframes berputar {
    0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
    50% { -moz-transform:rotate(145deg); opacity:1; }
    100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes berputarkecil {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes berputar {
    0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
    50% { -webkit-transform:rotate(145deg); opacity:1;}
    100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes berputarkecil{
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}

Read More

Pengenalan Javascript dan Apa itu Javascript

 Apa itu JavaScript?

1. JavaScript adalah bahasa “Scripting”, bukan bahasa pemrograman.
2. JavaScript didisain untuk membuat halaman HTML menjadi lebih interaktif.
3. JavaScript biasanya disisipkan langsung pada halaman HTML.
4. Client Side scripting.
5. Apakah JavaScript sama dengan Java? TIDAK. JavaScript dan Java sangat berbeda baik itu dari bahasa maupun dari konsep dan disainnya.
6. JavaScript bersifat Case Sensitive.

Penggunaan JavaScript

• Menggunakan tag HTML  <script>

Contoh

<script type="text/javascript">
...
...
</script>

Penempatan JavaScript

• Ditempatkan pada tag <head>
• Ditempatkan pada tag <body>
• Ditempatkan pada tag <head> dan <body>
• Sebagai file external.

Penggunaan JavaScript External
File contoh1.js

document.write("<h2>Text ini ditulis dengan JavaScript</h2>");

File contoh1.html

<head>
<script type=“text/javascript”src=“contoh1.js”></script>
</head>

Variabel
Aturan penulisan Variabel :

• Nama variabel bersifat Case Sensitive
• Harus dimulai dengan huruf atau karakter underscore.

Deklarasi Variabel dengan statement var

• var nama;
• var nama="alfon";

Variabel yang tidak dideklarasikan

• nama="alfon";
• x=y+5;

Read More

Membuat Efek Loading pada Halaman Blog

Cara membuat efek loading halaman blog ketika memuat halaman - memodifikasi blog dengan salah satu efek ini mungkin akan sangat bermanfaat dan bahkan bisa membuat loading sedikit lebih cepat. nah apa sih yang di maksud dengan loading halaman blog? seperti pada blog ini jika anda membuaka salah satu link pada blog ini maka loading akan muncul ketika memuat halaman. untuk jelasnya lagi anda coba pasang pada blog anda.


CARA MEMASANG di Blog :

1. Simpan jquery di atas code      

 </head> :

Jika pada template anda sudah menggunkan jquery yang sama maka code ini tidak perlu di masukan kembali. dan usahakan versi jquery mengunakan jquery v1.7.1 ganti versi yang lama

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

2. Simpan CSS di Atas ]]</skin> :

/* LOADING */
#muat-halaman {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 9999;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 200px;
    font-size: 25px;
    color: #fff;
    display: none;
}

3. Simpan HTML di Atas     </body> :

<div id='muat-halaman'>
<span style='font-size:70px;font-weight:bold;'>Please Wait ..</span><br/>
    To Open!<br/>The Page Is Being Loaded<br/><a href='http://www.under-88.blogspot.com' style='position:absolute;bottom:0;right:0;font-size:8px;color:#fff!important'>link</a></div>
<script type='text/javascript'>
//<![CDATA[
$(function() {
    var siteURL = "http://" + top.location.host.toString();
    var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../'], a[href^='#']");
    $internalLinks.click(function() {
        $('#muat-halaman').fadeIn(800).delay(8000).fadeOut(1200);
    });
    $('#muat-halaman').click(function() {
        $(this).hide();
    });
});
//]]>
</script>

4. Terakhir simpan template anda dan lihat hasilnya dengan mengklik salah satu link internal blog anda dan jangan gunakan atribut    target="_blank".

Read More

Tips n Trik Mencari Beasiswa dan Macam Jenis Beasiswa

Tips n Trik Mencari Beasiswa dan Macam Jenis Beasiswa.
 
Mendapatkan kesempatan studi melalui beasiswa mungkin menjadi keinginan banyak orang. Dengan terbatasnya kursi untuk mendapatkannya, maka perlu trik dan strategi agar bisa memenangkan peluang yang tersedia.

Beberapa sekolah ada yang menawarkan beasiswa sebelum masuk kuliah. Beberapa beasiswa juga diberikan atas dasar prestasi, beasiswa minat, atau juga beasiswa budaya, dan lainnya.

Cara terbaik untuk mencari beasiswa adalah dengan melakukan riset terlebih dahulu. Setiap sekolah dan universitas, biasanya memiliki kerja sama dengan berbagai penyedia beasiswa. Nah, sebelum berburu, ada baiknya mengetahui hal-hal yang harus dipersiapkan, seluk beluk dan jenis-jenis beasiswa.

Beasiswa Berdasarkan Jasa
Beasiswa hibah biasanya banyak tipe dan jenisnya. Orang yang menerima biasanya diberikan karena prestasi akademik dan kinerja keseluruhan akademis mereka.

Beasiswa Berbasis Kebutuhan (tidak mampu)
Jenis beasiswa yang diberikan berarti murni soal keuangan. Panitia biasanya melihat berbagai alasan dari kesulitan-kesulitan orang ini. Misalnya, orangtua memiliki pendapatan terbatas, beban pendidikan, dan jumlah saudara kandung di sekolah terdapat dalam waktu yang secara bersamaan, pengeluaran, biaya hidup, dan lain-lain

Beasiswa Olahraga
Beasiswa ini biasanya diberikan pada bintang-bintang atlet populer dari universitas untuk direkrut dalam tim olahraga di kampus yang bersangkutan. Biasanya, atlet tersebut menerima beasiswa  penuh. Dalam proses perekrutan, terkdang Anda harus melewati berbagai test sesusai kempuan olahraga Anda. Tentunya, Anda harus lulus setiap tahapannya.

Beasiswa Sekolah Individu
Setiap sekolah menawarkan beasiswa spesifik yang relevan dengan kriteria dari universitas masing-masing. Beasiswa yang diberikan bisa dari pendonor, sumbangan atas nama pribadi, beasiswa swasta, dan sebagainya. Terkadang, Anda harus mendaftar langsung ke penyedia beasiswa, dan saat menerima beasiswa tersebut, mungkin Anda akan ditempatkan kerja dalam  grup/instansi tersebut.

Beasiswa Full / Parsial 
Jika beruntung, Anda bisa menerima beasiswa penuh. Penyedia beasiswa akan menutupi biaya hidup, kebutuhan buku, dan dana pendidikan. Tetapi ada juga beasiswa parsial, di mana mereka hanya memberikan dana untuk kebutuhan membeli buku, atau bagian dari biaya pendidikan lain, sedangkan biaya hidup tidak termasuk di dalamnya. Akan tetapi, jika Anda diberi berbagai macam beasiswa, sebaiknya ambil dan jalankan. Beasiswa jenis ini tidak menuntut apa-apa, kecuali prestasi yang Anda pertahankan selama belajar.

Jika sudah tahu jenis beasiswa apa yang paling didambakan, maka lakukan tips dan trik dibawah ini untuk bagaimana cara Anda mendapatkan beasiswa tersebut :

1. Carilah informasi beasiswa kuliah tentang setidaknya satu tahun sebelum Anda mendaftarkan diri untuk masuk;
2. Menyiapkan data/dokumen yang dibutuhkan selengkap mungkin;
3. Mencari dan menggali bakat Anda untuk mendapatkan beasiswa itu;
4. Mintalah pengalaman senior  Anda yang telah atau pernah mendapatkan kesempatam beasiswa tersebut;
5. Dapatkan lebih banyak link bagi semua teman-teman Anda, karena mereka dapat memiliki banyak informasi yang bisa diterima Anda;
6. Baca beberapa buku tips meraih beasiswa;
7. Optimistis dan selalu berdoa.

Ini ane kasih link untuk Info beasiswa dalam maupun luar negeri, klik disini

Selamat berburu beasiswa!

Sumber

Read More

Cara Setting Modem 3G dengan berbagai Kartu

Cara Setting MODEM 3G dengan Kartu Telkomsel, XL, 3, AXIS, IM3.  Pokoknya apapun yang modem yang memakai software Mobile Partner, bisa di setting disini.

Oke langsung saja berikut prosedur Tips Cara Setting 3G Modem Vodafone dengan Kartu Telkomsel, XL, 3, AXIS, IM3 :

1. Pertama pasang kartu yang sudah anda tukarkan paket unlimitednya pada modem Vodafone yang telah anda beli.
2. Masukkan/colokkan modem Vodafone pada port USB laptop / PC anda. Setelah itu akan muncul perintah install mobile partner, Oke kan saja, next >> next saja hingga install modem Vodafone finish.
3. Setelah itu jalankan program Mobile Partner yang sudah ter install tadi, berikut tampilannya :

 Gambar Mobile Partner

4. Pada jendela menu, pilih Tools >> Option >> Profile Management dan masukkan data settingan seperti gambar berikut ini :

 Gambar Settingan Modem Vodafone pada kartu Telkomsel Unlimited

5. Setelah itu klik Save. Contoh settingan diatas adalah untuk Kartu Telomsel (AS / Simpati) Flash Unlimited dan untuk settingan kartu – kartu operator yang lain anda tinggal merubah data di atas dengan dibawah ini :

      - Setting Modem Vodafone  Untuk Kartu XL Unlimited :

Profile Name : XL (Bisa Yang lain karena hanya nama profile)

APN : Pilih Static dan isikan : xlunlimited

Access Number : *99#

User Name : (Kosongkan Saja)

Password :  (Kosongkan Saja)

      - Setting Modem Vodafone Untuk Kartu 3 (three) :

Profile Name : 3data (Terserah anda)

APN : Pilih Dynamic

Access Number : *99#

User Name : 3data

Password : 3data

- Setting Modem Vodafone Untuk Kartu AXIS :

Profile Name : Axis

APN : Pilih Static dan isikan : axis

Access Number : *99#

User Name : (Kosongkan Saja)

Password : (Kosongkan Saja)

- Setting Modem Vodafone Untuk Kartu IM3 :

Profile Name : IM3

APN : Pilih Static dan isikan : www.indosat-m3.net

Access Number : *99#

User Name : (Kosongkan Saja)

Password : (Kosongkan Saja)

6. Kemudian kita setting 3G pada modem Vodafone / mobile partner tapi dengan sedikit catatan sinyal 3G sudah ada ditempat anda dan kartu yang anda gunakan sudah support 3G.

Baik dengan cara klik Network kemudian ubah Network Tipe menjadi WCDMA only lalu Apply seperti gambar di bawah ini : (tapi jika sinyal 3G tidak stabil ditempat anda sebaiknya pilih WCDMA Preferred)

 Gambar Setting 3G pada Modem Vodafone Mobile Partner

Setelah itu pilih Registration Mode >> Manual Search and Register >> Refresh lalu pilih kartu yang anda pakai dan klik Register berikut tampilannya :

 Gambar Setting Register 3G pada Modem Vodafone Mobile Partner

7. Setelah sukses Ok. Dan sekarang anda bisa mengkoneksikan modem anda dengan klik Connect pada jendela Connection
8. Good Luck !!! semoga tips Cara Setting 3G Modem Vodafone dengan Kartu Telkomsel, XL, 3, AXIS, IM3 diatas  bisa sedikit membantu anda.

Read More