Aldi Hardianto: Acessories Blog

Tampilkan postingan dengan label Acessories Blog. Tampilkan semua postingan

Rabu, 28 Maret 2012

Cara Memasang Back To Top Pada Blog

hy sobat Blogger kali ini saya mau ngepost cara kembali ke awal , kayanya susah nyebutin judul yang pas
oke langsung aja deh nih caranya :

1) download dulu Gambar Di atas
2) lalu Upload ke photobucket atau yang lainnya...
3) Login blogger
4) add a gadget - HTML/Java Script
5) copas script di bawah ini:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i1157.photobucket.com/albums/p584/halimzipit/BlurMetalLc0.png" /></a>
6) di save dahh

#peringatan: Tulisan yang Berwarna Merah hanya Contoh

selamat Mencoba ........

Cara Memasang Musik Autoplay Di blog

Sebuah blog akan terasa lebih hidup dengan adanya musik dan pengunjungpun akan lebih betah berada pada blog kita karena mereka merasa terhibur dengan adanya musik, tapi bagaimana caranya memasang musik pada sebuah blog? Mungkin bagi bloger masih ada yang belum mengerti cara pasang background lagu diblog kesayangannya hhehe... Sebenarnya memasang musik pada sebuah blog sangatlah mudah dan tidak memerlukan waktu yang lama, cukup beberapa menit sebuah musik dan player-nya akan terpasang.

Apakah anda tertarik pasang musik/lagu diblog anda ? Kalau “YA” berikut beberapa cara yang bisa anda lakukan..
menurut saya sangat ringan untuk loading sebuah Blog :

Musik/Lagu akan autoplay bila blog kita dibuka

Caranya :

Masuk ke http://www.divine-music.info/
Disitu akan ada menu berbagai macam jenis lagu pilih, klik salah satu yang diinginkan.
Setelah itu akan muncul tampilan para penyanyinya pilih sesuai kesukaan anda dan pilih juga lagu yang akan dimainkan.
Disitu akan ada kode EMBED copy kode itu dan masukkan ke kode html blog anda.
Selesai dan dengarkan hasilnya.

2. User memilih mau memainkan lagu atau tidak

Caranya :

Masuk ke http://musik-live.net
Pilihan tampilan menu Skin Mp3 Player, setelah menemukan tampilan yang sesuai dengan keinginan lalu copy dan paste kode yang diberikan dibawah tampilan musik player tersebut pada sidebar.
Selesai dan lihat hasilnya

Jika lebar dan tinggi dari player musik tersebut tidak sesuai dengan sidebar, kita tinggal merubah nilai Width dan Height nya saja.

3. Memasang sendiri lagu sesuai dengan keinginan kita

Caranya :

a. Masuk ke http://4shared.com mestinya kita register dulu ya.

b. Selesai register login dan upload lagu kesayangan kita.

c. Setelah itu centang file lagu kita dan klik kanan mouse pilih "berbagi pakai dan keamanan". Disitu akan muncul tab, pilih tab Pasang. Copy kode yang muncul dan masukkan ke blog kita.

d. Nikmati hasilnya.

Untuk cara ini menurut saya sangat lambat waktu loading buka situs kita, karena kita perlu file hosting 4shared, Tapi kalau mau nyoba ke blog kesayangan akan lebih baik, ilmu kan harus diaplikasikan.

Selamat Mencoba ^_^

Cara Membuat Tombol Suka Facebook Dibawah Setiap Art

Wah, baru saja nih saya pasang widget yang satu ini.Widget yang sangat berguna. Kenapa enggak? Facebook menempati urutan kedua mengenai situs paling populer di dunia setelah Google.Nah, maka dari itu, ada baiknya kalo kita menggantungkan situs kita dengan facebook. Karena dengan begitu, situs kita dapat tetap eksis di kalayak umum tanpa mempublikasikan ke sana sini. Langsung saja ke intinya.

Pertama,

1. Log In dulu ke blogger.
2. Klik Rancangan lalu pilih Edit HTML.
3. Centang Expand Template Widget dan back up dulu template anda.
4. Cari kode seperti ini.

<data:post.body/>

Catatan: Jika ada dua kode yang sama seperti diatas pilih kode yang kedua.

5. Setelah ketemu tambahkan kode berikut ini di bawah kode tadi.

<b:if cond='data:blog.pageType == "item"'>

</b:if>

Warna biru, bisa diganti dengan kode warna yang lain.

6. Save template

» Jangan lupa dilike yaa :D

Cara Membuat Teks Pada Kursor

Saya mau share tentang cara membuat teks pada kursor. Teks yang mengikuti kursor pada blog, trik ini menggunakan javascript yang relatif ringan. jadi jangan khawatir akan pengaruhnya terhadap loading blog.
Okeh langsung ajah dehh hhehehe..

Cara Membuat Teks Pada Kursor :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #a4336a;
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;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Tulis teks anda disini";
/* 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 =20;
// 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 = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// 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.2;
////////////////////// 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>

4. Save/Simpan dan lihat hasilnya.

5.    Sobat dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna biru.
6.    Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah.
7.    Sekedar mengingatkan saja, trik paling mudah untuk mencoba script seperti ini
copy dan paste script pada notepad. Kemudian klik Save as dan beri nama apa saja diikuti ekstensi .html. Misalnya beri nama file notepad tadi teks-kursor.html dan pada pilihan Save as type pilih All Files. Terakhir double klik file html yang baru disimpan tadi, maka sobat akan langsung dapat melihat hasilnya pada browser.

Selamat Mencoba ^_^

Cara Menghilangkan Tombol Tang Dan Obeng Diblog

Tombol tang dan obeng yang muncul di halaman blog saat kita sedang dalam keadaan login berfungsi untuk melakukan edit pada bagian tertentu secara cepat. Fungsi ini memang penting bagi kita yang sering melakukan editing dan ingin melakukannya dengan cepat. Karena dengan hanya mengklik ikon tombol tang dan obeng tersebut kita akan langsung diarahkan menuju ke bagian elemen laman yang dituju untuk diedit atau dimodifikasi.

Meskipun demikian, ada juga blogger di antara kita yang tidak suka dan merasa kurang nyaman dengan tampilan tang dan obeng ini. Jika kita termasuk dalam salah satu blogger yang tidak begitu suka dengan tampilan tang dan obeng saat kita berada dalam keadaan login, kita dapat menghilangkannya dari tampilan blog milik kita. Caranya cukup mudah karena kita hanya perlu menambahkan kode yang fungsinya untuk menghilangkan tampilan tang dan obeng tersebut.

Adapun cara untuk menghilangkan tang dan obeng di blog ini antara lain sebagai berikut:

Masuk/Login ke akun blogger.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Masukan kode berikut tepat di atasnya ]]></b:skin>

.quickedit{
display:none;
}

Klik simpan template dan selesai.

Semoga Bermanfaat dan Selamat Mencoba ^_^

Cara Membuat Burung Twitter Pada Blog

Sebuah Artikel yang saya kutip dari berbagai sumber, Artikel ini berisi tentang bagai mana cara Membuat BURUNG TWITTER berterbangan di blog kita...

ini sangat berdampak positif buat blog kita, karena kalo kita klik burung nya ia akan langsung masuk ke alamat Twitt kamu, dan yang baik nya, ia akan follow twitt kamu hasil nya twitt kamu banyak yang follow dan makin tambah eksis di twitt,, Selain itu, burung-burung/ICON BURUNG twitter nya juga bagus,lucu,imut,,

itu akan menghiasi blog kita supaya lebih menarik dan lebih bagus untuk di lihat..

Bagaimana seandainya twitter kita terbang? Eh, bukan twitter tapi icon nya yang berupa burung tadi berterbangan di blog kita? Kelihatannya akan menarik dan lucu, Hhehe,, burungku berterbangan di blog. Burung yang menjadi icon twitter ini yang akan ada link yang menuju profil twitter ini akan berterbangan di blog kita, sehingga akan menarik pengunjung blog.

Cara Membuat Icon Burung Twitter Berterbangan di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript

4. Masukan kode HTML berikut ini: