Showing posts with label mengikuti. Show all posts
Showing posts with label mengikuti. Show all posts
Wednesday, December 28, 2016
Cara Membuat Tombol Like Facebook Mengikuti Kursor
Cara Membuat Tombol Like Facebook Mengikuti Kursor
Cara Membuat Tombol Like Facebook Mengikuti Kursor ini adalah postingan Jona Rendra yang berjenis sama dengan Like Box Facebook di Blog, Like Box Melayang di Blog danTombol Like Diatas Postingan Blog karena mempunyai fungsi untuk menyarankan pengunjung untuk mengklik Suka atau Like. Mengapa kita memasang tombol like di blog? Sebab, seperti pemikiran banyak orang, semakin banyak pengguna facebook yang meng-like facebook page kita, semakin terlihat populer pula halaman tersebut.
Nah, pada trik yang satu ini, saya akan membuat pengunjung mau tidak mau akan mengklik Suka pada halaman facebook page anda. Mengapa demikian? Karena tombol like ini mengikuti kursor. Jadi, apabila si pengunjung telah login di facebook sebelumnya pada komputernya, jika ia mengklik bagian pada laman blog kita, ia akan memberi satu like ke FP kita. Bermanfaat bukan?
Tetapi, perlu diingat bahwa orang orang tidak menyukai widget yang menghalangi niatnya untuk membaca konten blog anda. Apabila ada kotak like yang mengitari blog anda, alih alih ingin mendapat puluhan like, blog anda malah ditinggal pengunjung. Kalau anda tetap ingin memasang widget ini di blog, silahkan ikuti tutorial dibawah ini.
Cara Membuat Tombol Like Facebook Mengikuti Kursor
1. Tentukan facebook page anda yang akan dibuat tombol like
2. Login ke blogger, pada dashboard pilih blog, masuk ke Template
3. Sisipkan script dibawah ini tepat di atas kode
</body><script language=javascript src=https://sites.google.com/site/blogjona/files/likejona.js/>5. Masuk ke Tata Letak blog lalu klik Tambah Gadget pada kolom yang tersedia
6. Pilih HTML/Javascript lalu masukkan rangkaian script dibawah ini di kolom konten
<script language=javascript>var fan_page_url = https://www.facebook.com/JonaRendra
var opacity = 0.5;
var time = 30000;</script>
Keterangan:
- Jangan lupa ganti URL diatas dengan alamat fans page facebook anda. Kalau tidak diganti juga tidak masalah :D
- Pada var opacity, 0.5 berarti transparan. Kalau 0 berarti bening (tak terlihat)
Silahkan pratinjau blog anda dan coba mainkan kursor anda disekeliling laman blog. Pasti ada tombol like yang mengikuti.
Itulah artikel dari Jona Rendra yang berjudul Cara Membuat Tombol Like Facebook Mengikuti Kursor, semoga dapat bermanfaat untuk anda. Perlu saya ingatkan sekali lagi, jika anda tidak ingin mengecewakan pengunjung blog anda, jangan pasang script ini. Karena akan membuat blog lambat. Apabila ada pertanyaan mengenai langkah langkah diatas, silahkan poskan melalui komentar
Go to link Download
Cara Membuat Form2 Selalu Mengikuti Form1 di Delphi 7
Cara Membuat Form2 Selalu Mengikuti Form1 di Delphi 7
Senin, O5 September 2016 - www.indoblog.me Ok guys Selamat malam dan selamat jumpa kembali dengan admin "capsa" Pada kesempatan ini masih membahas seputar tentang basis basis delphi dan langsung saja disimak Tips Cara Membuat Form2 Selalu Mengikuti Form1 di Delphi 7 atau istilahnya adalah move form2 to form1 atau ketika kita menggeserkan form1 maka secara otomatis form2 ini akan mengikuti form 1 yang dimana contoh ini juga yang bisa anda temukan pada program virtual header edition pada bagian log trafficnya dan ketika tools dipindahkan maka form2 juga akan mengikuti.
Lihat Juga: Cara Bikin Tool Tembak Paket XL dan Axis Terbaru 2016
Dan selain itu juga tutorial ini juga sekaligus memberikan gambaran tentang show hide form2 dan yang dimana konsep visible show hide ini bisa anda lakukan dengan beberapa cara bisa dengan function, procedure, bisa dengan berbagai cara dan disini admin akan berikan gambaran move form2 sekaligus show hide form2 di delphi dan silahkan langsung disimak yah.
1. Pada tahap dan langkah pertama silahkan buka delphi anda lalu untuk menambahkan form2 silahkan klik icon panah seperti pada gambar dibawah ini, kemudian tambahkan 1 buah timer dan tambahkan juga 1 buah button untuk show hide form 2,nya tersebut.
2. Kemudian selanjutnya silahkan set atau atur timernya Enabled:=true; dan atur intervalnya interval:=100; lihat contoh gambar kemudian silahkan onclick timernya dan masukan coding dibawah ini:
Form2.top := Form1.top;
Form2.left := Form1.left + Form1.width;
3. Kemudian untuk selanjutnya silahkan onclick button1 dan silahkan masukan coding dibawah ini:
if Button1.Caption = Show then begin
Form2.Show;
Button1.Caption := Hide;
end else begin
Form2.hide;
Button1.Caption := Show;
end;
4. Kemudian setelah beres silahkan RUN atau F9 dan silahkan dicoba di show hide dan coba geser geser saja form1 tersebut maka secara otomatis form2 akan selalu mengikuti form1 tersebut dan silahkan dipraktekan.
Dan itulah tutorial dasar pascal/delphi kali ini semoga bisa menjadi panduan dasar dasar bagi anda untuk menjadi programer handal dikemudian hari dan bagi yang kesulitan membuatnya bisa anda unduh contoh source code nya DISINI untuk passrarnya silahkan copy saja URL lengkap dari postingan ini saja, Thanks.
Lihat Juga: Kumpulan Koleksi Daftar Payload Inject Indy 9 dan Indy 10 Terbaru 2016
Itulah dia tutorial dasar Delphi kali ini seputar dengan Cara Membuat Form2 Selalu Mengikuti Form1 di Delphi 7 Terbaru 2016 semoga bermanfaat dan membantu dan atas kunjungan dari saudara admin mengucapkan terima kasih, Wassalam.
Go to link Download
Saturday, November 26, 2016
Cara membuat tulisan mengikuti kursor di blog
Cara membuat tulisan mengikuti kursor di blog
Cara membuat tulisan mengikuti kursor di blog
By :http://www.seowaps.com/
Postingan kali ini mengenai cara mengatur/mengedit tulisan agar mengikuti kursor di blog. Setelah sebelumnya saya juga membahas tutorial mengenai modifikasi blog dan Panduan blogger yaitu cara membuat dan memasang Shoutcamp di blog dan kumpulan efek blogger berikut ini langkah-langkah trik membuat teks/tulisan mengikuti gerakan cursor di blog:
1. Masuk ke dashbor blog sobat.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Copy code berikut ke dalam box HTML/Java Script tadi
1. Masuk ke dashbor blog sobat.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Copy code berikut ke dalam box HTML/Java Script tadi
<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 fonts 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>
#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 fonts 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.
NB: Sobat dapat mengganti jenis dan warna font. Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah. Sekedar mengingatkan lagi saja, trik paling mudah untuk mencoba script seperti ini adalah 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.
Go to link Download
Monday, October 24, 2016
Cara membuat tulisan mengikuti arah cursor
Cara membuat tulisan mengikuti arah cursor
1.login blogger
2.Tata letak/layout
3.Tambah Gadget
4.HTML/Java Script
5.Copy Paste kode di bawah ini
<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: comic sans ms, verdana, arial;
color: #000;
/* End Optional */
/* Start Required - Do Not Edit */
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;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "WELCOME TO MY BLOG";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set fonts style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// 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 = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// 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.3;
////////////////////// 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>
6.Selesai
catatan: tulisan yang berwarna merah ganti tulisa yang anda inginkan
Go to link Download
Subscribe to:
Posts (Atom)