Headlines News :

Cara Membuat Tulisan Bergerak Mengelilingi Cursor



Pada Postingan sebelumnya, saya telah membahas mengenai Cara Membuat Cursor Bertabur Bintang, kali ini masih berhubungan dengan cursor juga yaitu Cara Membuat Tulisan Bergerak Mengelilingi Cursor yang dapat mempercantik blog anda tentunya.

Cara kerja Widget ini adalah dimana ketika Cursor (Pionter) kita geser baik ke kiri kanan bawah atas kemana saja maka tulisan itupun akan ikut bergerak mengikuti arah cursor tersebut dan mengelilingi cursor sobat pada saat berhenti. Oke, langsung saja ikuti langkah - langkah berikut :

Cara membuat tulisan bergerak mengelilingi Cursor:

1. Masuk ke blogger / dasboard anda.

2. Klik > Tata Letak, klik > Tambah Gadget

3. Pilih > HTML/JavaScript

4. Masukkan script / kode berikut. 



<style type="text/css">
/* Circle Text Styles */
#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: #999999;
/* 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 font's 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>



5. Klik Simpand dan Lihat hasilnya.

Keterangan :
Kode yang berwarna biru adalah warna tulisannya sedangkan tulisan yang berwarna merah adalah tulisan yang nanti muncul, Anda bisa menggantinya sesuai keinginan anda.


Widget Back To Top Smooth Effect



Widget Back To Top Smooth EffectKali ini saya akan share membuat widget back to top, yaitu sebuah tombol yang berfungsi untuk kembali ke awal atau atas halaman blog / web dengan nyaman. 

Cara kerjanya --> ketika sampai di bawah halaman akan muncul sebuah tanda panah keatas.

Cara membuatnya silahkan ikuti langkah-langkah berikut :


Pertama -->

  • Masuk ke Template -> Edit HTML -> Cari terlebih dahulu kode dibawah ini di atas <head> (jika belum ada silahkan di copast di atas tag <head>)

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

Kedua --> 

  • Masuk ke -> Tata Letak -> Add Gadget -> Add HTML/Javascript -> Copast kode berikut:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.MyBloggerTricks.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWBnb_YQi37Lv3Zndu2s5F6casKEafrii6QFLvN14U7T8bsz5SHlB_F7ToQn62xDCDhyphenhyphenZlvq-qgrr5qw5Ld_8TkRZOIEZo1WPWxjP6RJD5_rDS0j6UPvB6KUgnLrYXdBhjkTn_i2lGpWk/s1600/Back-to-top.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
inobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

  • Terakhir Save dan Lihat hasilnya



Cara Mudah Menghapus Tanggal Posting Pada Blog




Cara Mudah Menghapus Tanggal Posting Pada Blog - Tanggal postingan merupakan salah satu tampilan default dari blogspot yang digunakan untuk menunjukkan tanggal publikasi suatu postingan. Namun bagi beberapa orang yang tidak ingin diketahui kapan suatu tulisan dipublikasikan, dapat menghilangkan tanggal setiap postingan yang ada di blog nya. 



Bagi anda yang ingin menghilangkan tanggal postingan pada blog anda, langsung saja ikuti langkah - langkah berikut :

1. Masuk ke Edit HTML, kemudian centang Expand Template Widget. 

2. Cari kode berikut h2.date-header { maka akan tampil kira-kira seperti dibawah ini :
  
.main-inner .widget h2.date-header {  border-bottom: 1px solid $(widget.title.border.bevel.color);visibility: hidden;}
  
3. Simpan dan lihat hasilnya.


Jika anda juga ingin menghilangkan tanggal postingan di Serp Google, caranya mudah:


  • Masuk Blog lalu Klik Layout / Rancangan kemudian klik Edit pada "Posting Blog" lalu hilangkan tanda centang pada tanggalnya dan simpan, tinggal nunggu google bot crawl blog anda. Selesai . . .

Cara Mudah Membuat Tag Cloud Comulus Berputar (Tanpa Edit HTML)




Cara Mudah Membuat Tag Cloud Comulus Berputar - Widget ini dikatakan sangat menarik, cara kerjanya ketika pointer mouse diarahkan ke tag atau label tersebut maka tag akan berputar, jika mengklik salah satu tag akan membuka sebuah halaman sesuai tag tersebut. Aturannya, Widget ini biasanya diletakkan pada side bar blog.

Kali ini saya akan share Cara Mudah Membuat Tag Cloud Comulus Berputar. Perhatikan car-cara berikut ini:

1. Login

2. Klik Layout / Rancangan 

3. Lalu Tinggal Klik Add Gadget / Tambah Gadget pada sidebar blog anda

4. Lalu Copy dan Paste kode di bawah ini, kemudian tinggal Edit sesuai keinginan anda.

<embed quality= "high" allowscriptaccess= "always" flashvars= "tcolor= 0x00aadc&amp;mode= tags&amp;distr= true&amp;tspeed= 100&amp;tagcloud= &lt;tags&gt;
&lt;a href = 'http://ingin-baca.blogspot.com/'target ='new'style= '14'color= '0x00cc00'hicolor= '0x11111ff'&gt; Tutorial blog&lt;/a&gt;
&lt;a href = 'http://ingin-baca.blogspot.com/'target= 'new'style= '14'color= '0xff0000'hicolor= '0x6600cc'&gt; Contents&lt;/a&gt;
&lt;a href = 'http://ingin-baca.blogspot.com/'target= 'new'style= '14'color= '0xff0000'hicolor= '0x6600cc'&gt; Widget &lt;/a&gt;
&lt;/tags&gt;" type= "application/x-shockwave-flash" src= "http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf" id= "tagcloud" name="tagcloud" wmode= "transparent" height= "250" width= "180"></embed>

Keterangan : Untuk yang berwarna MERAH silahkan ganti dengan URL anda, sedangkan yang berwarna BIRU silahkan ganti dengan label sesuai yang diinginkan. Anda juga bisa mengatur ukuran Tag Cloud Comulus tersebut beserta kecepatan berputarnya dengan menganti angka pada Height, Width dan Tspeed nya.

Demonstran cantik, rela setengah bugil demi aspirasi


Demonstran cantik, rela setengah bugil demi aspirasi


Siang hari itu mungkin tidak pernah terpikir di benak para suporter Ukraina, yang sedang merayakan kegembiraan perhelatan akbar sepakbola EURO 2012. Tiga perempuan muda sudah bersiap melakukan aksi nekat. Tidak ada yang menyadari lantaran mereka mengenakan kostum kesebelasan Ukraina.

Diam-diam mereka menyusup ke tengah-tengah barisan para suporter, yang tidak menyadari lantaran kebanyakan sedang mabuk berat, di sebuah taman. Suasana saat itu sangat ramai. Perlahan tapi pasti, ketiga perempuan itu mendekat.

Tiba-tiba, ketiga perempuan itu naik ke atas meja yang masih dipenuhi para suporter Ukraina, dengan segelas bir di tangan kanan. Mereka langsung membuka baju, tanpa ada benang sehelai pun menutupi dada mereka. Mereka pun teriak-teriak menyuarakan aspirasi.

Para suporter itu langsung terhenyak. Mereka kaget bukan main. Di dada para pengunjuk rasa itu tertulis kata 'Stop Prostitusi'. Melihat aksi itu, sebagian suporter memilih menghindar. Lainnya malah nampak asyik memelototi para perempuan yang nekat bertelanjang dada itu. Tidak lama kemudian, polisi datang dan menangkap ketiga perempuan itu.

Padahal, sehari sebelumnya, tiga perempuan lain juga melakukan aksi serupa. Mereka nekat melepas baju dan berteriak-teriak menentang prostitusi di Ukraina. Mereka melakukan hal itu di tengah-tengah pameran piala EURO 2012. Malah salah satu di antaranya hendak membanting trofi itu. Beruntung, aksinya digagalkan polisi setempat. Celakanya, saat pameran banyak anak-anak yang melihat kejadian itu. Tentu ulah mereka langsung diabadikan oleh para jurnalis.

Para perempuan itu kemudian mengaku sebagai aktivis kelompok pengunjuk rasa feminis FEMEN. Sejak didirikan lima tahun lalu di Ibu kota Kiev, Ukraina, oleh aktivis perempuan Anna Hutsol, aksi setengah bugil mereka memang membetot perhatian masyarakat, terutama media massa.

Menurut Anna, tujuan didirikannya FEMEN adalah buat membangun kepemimpinan, pemikiran, dan meningkatkan kualitas moral perempuan Ukraina. Mereka juga ingin menjadi salah satu motor pergerakan perempuan ekstrim di Eropa, dan bercita-cita melakukan Revolusi Perempuan pada 2017. Sekilas memang alasan yang ditawarkan terlihat manis dan heroik. Tetapi, aksi mereka kerap bertelanjang dada buat menyuarakan aspirasi, dan meningkatkan moral, malah seakan bertentangan dengan cita-cita itu.

Atas nama kebebasan berekspresi dan perjuangan kesetaraan gender, mereka pun kerap menyasar simbol-simbol religi. Bahkan dalam aksi terbaru, beberapa aktivis FEMEN nekat buka baju di Vatikan.

FEMEN pun mengklaim banyak pihak simpati dengan perjuangan mereka. Menurut mereka, hal itu dibuktikan dengan banyaknya perempuan yang mau bergabung. Mereka menyatakan sepihak sudah merekrut ratusan anggota, serta ribuan simpatisan, lewat jejaring sosial Vkontakte. Untuk itu, mereka kini mengembangkan sayap pergerakan, dengan membangun beberapa markas di negara lain. Yakni Italia, Prancis, Israel, dan lainnya.

Soal dana, FEMEN tidak pernah mengakui dari mana mereka mendapatkan biaya operasional. Mereka menyatakan duit kas diambil dari sumbangan masing-masing anggota. Tetapi, beberapa pihak curiga mereka disokong oleh pihak-pihak yang menjalankan operasi klandestin.

Motif perjuangan FEMEN dengan sengaja bertelanjang dada dalam setiap aksinya banyak dicibir. Mereka dituding cuma memanfaatkan momen dan menumpang tenar. Beberapa akademisi bahkan mengatakan aksi mereka tidak mempengaruhi apapun. Mereka dianggap berbuat demi kesenangan, tanpa menghiraukan arti perbaikan sesungguhnya. Bahkan, menurut mereka, kegiatan itu adalah perwujudan rasa frustasi. Pendapat itu nampaknya klop jika menilik alasan mendasar FEMEN melakukan aksi setengah bugil itu.

Buat para aktivis FEMEN di Ukraina, cara protes dengan bertelanjang dada adalah satu-satunya cara aspirasi mereka didengar penguasa. Bagi mereka, penguasa tidak bakal melirik tujuan mereka, kalau cuma berunjuk rasa dengan cara membentangkan spanduk protes, mengibarkan bendera, dan berjalan berbondong-bondong di jalanan.

Namun, sebagian aktivis FEMEN mengakui, keterlibatan mereka dalam kelompok itu justru menjauhkan mereka dari keluarga. Mereka pun merasa terasing di tengah keluarga. Hal itu adalah harga yang harus mereka bayar dari keikutsertaan dan aksi mereka di dalam FEMEN.

Beberapa aksi mereka pun mulai dipermasalahkan. Beberapa bahkan diajukan ke ke meja hijau, atas tuduhan membuat resah masyarakat dan menghina simbol negara. Tetapi, FEMEN berjanji rintangan itu tidak bakal menghalangi mereka. Dan nampaknya mereka bakal terus protes dengan memanfaatkan daya tarik seksual perempuan. Entah apa jadinya jika pengaruh FEMEN sampai ke Indonesia.


 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. ingin baca - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger