Showing posts with label blog. Show all posts
Showing posts with label blog. Show all posts
Cara Memasang Radio Online di Blog
.
Monday, November 25, 2013
0
comments
Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Memasang Radio Online pada blogspot.
Cara Memasang Radio Online di Blog :
- Loggin pada Blogger
- Masuk mode Rancangan
- Pada Elemen Laman pilih Tambah Gadget
- Pilih HTML/JavaScript
- Masukan kode berikut
<center><embed style="margin-top: 0px;" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" autostart="true" displaysize="0" showstatusbar="1" type="application/x-mplayer2" src="http://ceriaradio.com:8000/" name="RAOCXplayer" allowscriptaccess="never" height="70" width="160"></embed></center>
<div style="text-align: center;">
<center><span style="font-size: xx-small;">Widget By: <a href="http://blogspot.com/">Radio</a></span></div></center>
<div style="text-align: center;">
<center><span style="font-size: xx-small;">Widget By: <a href="http://blogspot.com/">Radio</a></span></div></center>
- Jika sudah, Simpan
Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^
Cara memasang permalink di blog
.
Saturday, November 9, 2013
0
comments
Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog.
Manfaat dari memasang permalink ini berpengaruh pada nilai rating SEO yang menjadikan keyword dimana biasanya orang-orang di seluruh dunia ketik-kan kata (buat kata / pharse kata lebih familiar) kita selalu harapkan dapat melekat pada judul yang di buat pada Blog.
Berikut cara memasang permalink di blog:
2. Rancangan
3. Edit HTML
4. Expand template widget
5. Cari kode ]]></b:skin>
6. Copy kode di bawah ini dan paste di atas kode ]]></b:skin>
7. Setelah itu cari kode <data:post.body/>
8. Copy kode di bawah ini dan paste di bawah kode <data:post.body/>
Catatan:
- Untuk penempatan permalink bisa disesuaikan dengan tempate masing-masing (untuk contoh diatas saya pasang dibawah kode <data:post.body/> , untuk template yang lain mungkin berbeda.
- Kalimat yang saya tulis diatas hanya sebagai contoh saja, silahkan di modifikasi sesuai selera masing-masing.
Dan hasilnya akan muncul dibawah postingan seperti contoh pada artikel ini.
Cara Membuat Animasi Loading Page Di Blog
.
Friday, November 8, 2013
0
comments
Tutorial Belajar Blog | Tips Blog | Informasi Tentang Blog - Membuat Animasi Loading Page Di Blog, Merupakn Tutorial edit blog tidak beda jauh dari tips sebelum nya Langkah Membuat Animasi Loading Blog Lebih Menarik , Untuk membedakan coba sendiri ataupun liat dari gambar yang sudah ada maaf tidak demo untuk tutorial ini
Script animasi loading page ini saya dapat dari http://www.gayadesign.com yang merupakan versi awal dari script tersebut. Untuk membuat dan memasang animasi loading page pada blog kalian, masuk pada Design - Edir HTML dan cari kode ]]></b:skin> dan letakan kode dibawah ini diatas ]]></b:skin>
kemudian cari kode </head> dan letakan kode dibawah ini diatasnya
selanjutnya cari kode </body> dan letakankode dibawah ini diatasnya
Save template kalian dan coba buka blog kalian untuk mengetestnya
Semoga bermanfaat,
Script animasi loading page ini saya dapat dari http://www.gayadesign.com yang merupakan versi awal dari script tersebut. Untuk membuat dan memasang animasi loading page pada blog kalian, masuk pada Design - Edir HTML dan cari kode ]]></b:skin> dan letakan kode dibawah ini diatas ]]></b:skin>
/* ---------------
jquery animation loading page
---------------------------------- */
.QOverlay {
background-color: #000000; /* background color loading */
z-index: 9999;
}
.QLoader {
background-color: #CCCCCC; /* color bar loading */
height: 10px;
}
.QAmt {
color:#FF530D; /*loading Color number*/
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}
jquery animation loading page
---------------------------------- */
.QOverlay {
background-color: #000000; /* background color loading */
z-index: 9999;
}
.QLoader {
background-color: #CCCCCC; /* color bar loading */
height: 10px;
}
.QAmt {
color:#FF530D; /*loading Color number*/
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}
kemudian cari kode </head> dan letakan kode dibawah ini diatasnya
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/>
<script src=http://oktridarmadi.googlecode.com/files/loadpage.js type=text/javascript/>
<script src=http://oktridarmadi.googlecode.com/files/loadpage.js type=text/javascript/>
untuk kode yang diberi warna merah, jika kode tersebut sudah ada dalam template kalian, kalian tidak perlu menambahkan kode tersebut (cukup 1 saja)
selanjutnya cari kode </body> dan letakankode dibawah ini diatasnya
<script>
QueryLoader.selectorPreload = "body";
QueryLoader.init();
</script>
QueryLoader.selectorPreload = "body";
QueryLoader.init();
</script>
Save template kalian dan coba buka blog kalian untuk mengetestnya
Semoga bermanfaat,
Cara Membuat Efek Getar Pada Gambar Di Postingan Blog
.
Thursday, November 7, 2013
0
comments
DEMO BELAJAR BLOG
1. Login ke akun blogger anda
2. Klik Template » Edit HTML » Lanjutkan » Klik Expand Template Widget
3. Tambahkan kode CSS berikut ini diatas ]]></b:skin>
.gambargetar {
position: relative;
}
Kemudian Save.
Kemudian Add Element -- Add Widget -- Html/Javascript. Copy paste script berikut :
<script src="http://tips-goooogle.googlecode.com/files/gambargetar%20Xtteme.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&attredirects=0" type="text/javascript">Jika sudah ini kode untuk memanggil gambarnya :
<img style="left: 0pt; top: 0pt;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36BDKuLIAkUt3NCo3BWBi2-h3_SUS38l0S1GDrc9yUx4jbdC2AUqnBwzQjXXS-MDweZM_6ZqryDGcuOzJvybwN1lrtAklTog_C6SVPWx2UkF10ioZ7anRrD9AMSHkcjDOcF4TMX1yKYI/s640/nenek+gaul.jpg" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">
ganti yang berwarna merah dengan Url gambar anda yak, kalau pake nenek itu juga boleh.
yak sekian dulu Cara Membuat Efek Getar Pada Gambar Di Postingan Blog semoga bermanfaat.