Efeito Mover/Arrastar nas Imagens do Blog

Fala Galera hoje trago para voces um tutorial bem legal se trantando de conteudo para blog. Um efeito diferente em que coloca imagens(ou ate divs inteiras) com um modo de arrastar , o que pode ser utilizado de uma forma de interação e divertimento pelo usuario do seu site , segue abaixo como deve ser feito para adicionar este efeito:

1. Entre Em Seu Blog e va na pagina Modelo

2. Em seguida na opção Editar HTML

3. E procure pela tag:

</head>

4. Abaixo desta tag voce

devera colar o seguinte codigo:

<script src='http://www.google.com/jsapi'/><script>google.load("prototype","1.6.0.3"); google.load("scriptaculous", "1.8.2"); </script>

5. Para adicionar o efeito nas imagens dentro do post, Basta adicionar o seguinte código na Aba HTML do post: 

<img id="img" style="cursor:move; border:0px;" src="URL_IMAGEM"/> <script type="text/javascript">new Draggable('img');</script>

Altere URL_IMAGEM pelo link da sua imagem

Postado por Ricardo. 
Postador do Mega Sites.

Tutorial - Colocando "SUBIR AO TOPO" no Blogger

Tutorial - Colocando "SUBIR AO TOPO" no Blogger

Olá pessoal, hoje aqui no Mega Sites Oficial, vou ensinar a vocês blogueiros a como colocar aquela seta flutuante de subir ao topo no blogger, espero que gostem do tutorial, vamos lá.

Este recurso é muito interessante quando nos deparamos com uma postagem de conteúdo extenso, seja ele textos ou imagens, criando um longo caminho a ser feito pela barra de rolagem com o scroll do mouse.

Como fazer? 

O procedimento de instalação é extremamente simples, bastando apenas inserir o código através de um gadget HTML/JavaScript:

1- Faça login em sua conta e acesse o Painel do Blogger; 

2- Clique em Layout, no blog desejado; 

3- Clique em Adicionar um Gadget; 

4- Selecione o gadget HTML/JavaScript; 

5- Insira no gadget o seguinte código:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type='text/javascript' language='Javascript'>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 (1=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbE9rWxwBjOZWEZtaRWau7S8PBZH-pMBtCSVBZK7l2_eB1CUS_69DXLhH5pazhtRsYrK_1H6NyZVn8TBVHdtpsRdWirYyZNSGX36T_JB_l6zZg1drPrAxuWIbQVbUCxfROt474_e5HYn0/s50-no/"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center 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:'Subir ao Topo!'}) .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 mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script>

6- Coloque a URL da sua imagem na onde esta escrito LINK DA IMAGEM no codígo.

7- Salve e Visualize.

Alguns Botões que disponibilizei:

OBS: Clique na imagem e copie a URL:

01:

02:

03:

Botões retirado da Internet.

Caso Queira outro é só pegar na internet, ou criar e hospedar em um site.

Espero que tenha gostado.

Tutorial - Bloqueando Copia de Postagem do seu Site/Blog

Tutorial - Bloqueando Copia de Postagem do seu Site/Blog

Olá Seguidores do Mega Sites Oficial, nesse Tutorial vou ensinar vocês a como Bloquear a Copia de suas postagens do seu Blog/Site.. É muito simples e facil, depois desse tutorial mais nenhum ladrão de conteúdo vai poder copiar suas postagens, nem através do CTRL+C e nem através do BOTÃO DIREITO E COPIAR..

Passo 01: 

Copie o código abaixo:

<div oncontextmenu="return false" ondragstart="return false" onselectstart="return false">

Passo 02: 

Cole ele sempre na primeira linha do código HTML da sua postagem e Salve:

CLIQUE PARA VER MELHOR

Passo 03:

Vá até sua postagem e teste.

Passo 04:

Ai sempre quando quiser bloquear uma postagem é só fazer isso.