Tutorial: Como fazer um boa Fan-Fic (Dicas)

A minha amiga Jenni me pediu para ajuda-la a fazer uma Web Série (Ou FanFic), por isso hoje vou postar um tutorial com algumas dicas para fazer uma ótima Fan-Fic!
 Vou dar algumas Dicas faceis!

• Primeiro pense na história, procure algumas coisa em livros ou em até outras Web Série (Mas sem plagear)
• Crie uma aventura, alguma coisa que você ache que os leitores realmente gostem, algumas coisa que você também goste

1. Não adianta você não gostar da sua história, ache algo que você realmente ache interessante (No seu gosto)

• Crie 1º o personagem príncipal que vai se destacar, como o mais forte ou que tenha a história focalizada nele, então faça os outros personagems!

1. Se for um grupo tipo as Winx  faça cada personagem do geito que gostar, não adianta fazer um personagem com uma roupa legal que você não gosta, se tiver que fazer alguma personagem com geito completamente diferente faça ele com o geito que gostar

• Faça o perfil do(s) personagems de acordo com o que você ache interessante e que pelo menos um tenha alguma coisa haver com você.
•    Depois com todos os Personagems criados

1. Os personagem não precisam ser materiais ou feitos na Internet pode ser na sua imaginação mesmo, uma história sem imagems com apenas texto

•   Crie o 1º Capítulo mesmo que não seja no dia da estréia, organize as idérias em etapas e vá criando a história aos poucos, leve o tempo que precisar.  

1. Não crie a história do geito só dos leitores, ponha um toque seu, alguma coisa que já aconteçeu ou que você acha engraçado.

Então é isso fica a dica, Bjs!

Tutorial: Efeito Hover no cursor

Oizinho pessoal, hoje eu trouxe um novo e excluisivo tutorial para o blog, esse é muito interessante, é como colocar efeito Hover no cursor.
Vocês devem ter visto que o nosso novo cursor é um setinha para cima, mas quando passa por imagems ou Links fica uma setinha para o lado, isso se chama efeito Hover!

 


Vamos ao tutorial?

• Entre em Design, Adicionar um Gadget, HTML JV Script
•  Cole o seguinte código:

 

<style>HTML,BODY, form, input {cursor: url("URLdoCursor1"), auto;}</style>
<style>A:hover{cursor:
url("URLdoCursor2"), auto;}</style>

• Pegue o Url dos cursores 1 e 2 e cole no "Urldocursor1" (Que é o normal) e 

  "Urldocursor2" (Quando passa por Links e Imagems)

  Se quiser temos aqui alguns Cursores! (Qlique aqui) 

Tutoriais:

01. Como achar o HTML no novo Blogger
02. Como fazer borda redonda nas imagens do blog
03. Como personalizar os comentários no blog
04.Como colocar vídeos do YouTube no blog
05.Como colocar jogos no blog
06. Como colocar SMC no blog
07. Como colocar efeito Arco Íris nos links do blog
08. Como colocar imagen segindo o cursor do blog
09.Como fazer estrelas caindo do curosr do blog

Tutorial: Como achar o HTML no novo Blogger

Isso nem mereçe ser chamado de tutorial, mas a minha amiga esta com aslguns problemas para achar o HTML do novo Blogger dela, então esse tutorial é para ajuda-la.

(Eu nem preciso de passos) É só ir no mode-lo e do lado de personalizar vai estár escrito HTML, clique la.

Atenção!

Em alguns blogs ao clicar em HTML apareçe uma página que diz que é melhor usar o CSS, mas é só clicar em prosseguir. 

 

Tutorial: Como fazer borda redonda nas imagens do blog

Oi fadinhas brilhantes, hoje resolvi aproveitar que estou com bastante tempo para o blog e postar um tutorial simples que peguei do blog Cherry Copcaskull, é um efeito que bastante gente cobheçe por alguns blogs.

O efeito é passar o mouse pela imagen e ela ficar arredondada, eu só não coloquei no novo Layout do blog porque achei que não ficaria legal no blog (talvez no próximo Layout).

Tutorial:

• Va em HTML no seu blog (mais tarde vou ensinar a como achar o HTML no novo blogger)
• Clique em  Exapandir modelos de Widgets e clique em Ctrl+3 ou F3
• Na caixa de pesquisa procure por  ]]><b:skin>.
• Depois cole este coódigo Acima dele

 .post img {
-webkit-transition-duration: .50s;
border-radius: 10px 10px 10px 10px;
}
.post img:hover {
-webkit-transition-duration: .50s;
border-radius: 200px 200px 200px 200px;
}

• Clique em Salvar e pronto.

Tutorial:Como personalizar os comentarios no blog

Oi gente!
Hoje vou apresentar um novo tutorial, um pouco mais complicado que os outros, mas nada é ímpossivel...

Hoje o tema do tutorial é personalizar os comentarios do blog, eu procurei varias maneiras na net, e várias meio difíceis, essa foi a que achei mais facil.

 Tutorial:

• Va na pagina "Modelo" do blog e clique em editat HTML
• Aperte F3 ou Ctrl+3 

Procure por ]]></b:skin> e insira esse código acima dela:

Código:
 
 /* Início do código de personalização dos comentários desenvolvido por http://www.spiceupyourblog.com e editado por http://www.comoblogar.com */
.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:right;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-right:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://lh5.googleusercontent.com/-Wmy6bwNKzbo/T0miLZkuJsI/AAAAAAAAChc/orbwMGHyBxA/s51/arrow.png) top right no-repeat;float:left;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-left:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}
@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}}
/* Fim do código de personalização dos comentários desenvolvido por http://www.spiceupyourblog.com e editado por http://www.comoblogar.com */

• Clique em "salvar" e pronto

Bom pessoal, espero que esse tutorial tenha sido útil, porque vou colocar uma série de tutorias que eu achei muito legais no blog, beijinhos com asas....

Tutorial: Como colocar vídeos do YouTube no blog

Esse não é um tutorial muito interessante nem muito importante, mas eu resolvi colocar por uma causa muito simples. eu tinha muita dificuldade nisso.

Claro que existem várias maneiras de incorporar vídeos do Youtube no blog, mas para mim esse é o mais simples e prático.

Tutorial:

• Entre em Nova postagem no seu blog
• clique no botão de adicionar vídeos no blog

•  Você vai entrar na página onde escolhe os vídeos, ao seu lado vai estar:

Fazer Upload:
Do You Tube:
Meus vídeos do YouTube:
From your Iphone:
From your Webcam:

• Clique em "Do You Tube"
• Vai apareçer uma caixa de pesquisa pesquise o que você quer, por exemplo Winx Club O segredo do reino perdido Portugal
• Vai apareçer a lista normal do you tube
• Clique no vídeo que você quer e em baixo o link "seledionar"
• Clique em " Selecionar e o vídeo vai apareçer em seu blog

Exemplo:

   

(Finalmente) Tutorial: Como colocar jogos no Blog

Oi pessoal! Finalmente consegui colocar o Tutorial de como colocar jogos no blog, é MUITO facil fazer isso...




Tutorial:
  
Esse tutorial tem 7 passos faceis de fazer:

• Procure por um site chemado ManiadeJogos.com (link)  
• Depois procure por winx club (procure o que quiser)

• Clique no jogo que você quer: 

Exempro: Winx Flora Believix

• Depois de escolher o jogo você vai ir um pouco mais para baixo e verá o seguinte:

Adicionar aos Favoritos Poste no seu blog ou site 

•  Clique no  "Poste no Seu blog ou site"

•  Em baixo apareçerá um código, copie ele
• Entre no seu Blog e faça uma "Nova Postagem" clique em HTML e cole o código

Espere o jogo carregar e publique a postagem, espero ter ajudado BJS

Tutorial: Como colocar SMC Music Player

Esse Tutorial é como fazer um SCM Music Player no blog....

• Entre nesse Link 
• Entre no HTML

• Diretamente no Link você vai entrar na página inicial de um site, a pagina vai mostrar uma série de SCM de cores diferentes

• Escolha a cor que você quiser e aperte em Next

•  Vai apareçer a página abaixo com uma série de links.
• Va no You Tube ou em outro site com musicas e entre em alguns vídeo que você quer....Pegue o Link do vídeos e cole no Song URL e ponha o Título no Song Title, e assim faça até acabar, se tiver mais musicas clique em Add More Songs e você poderá adionar mais musicas...

 

• Depois de preencher os espaços clique em Next e entrará uma pagina...

Nessa página você vai encontrar alguma perguntas:

Autostart:Se quer ligar diretamente, você entra no blog e a música também

Shuffle Playback: Reprodução aleátoria
 
Default volume: Volume

•  Clique em Done e aparecerá um código

• Pegue esse código e cole no HTML

Tutorial: Como fazer efeito Arco íris nos Links do blog

Esse é um efeito que acabei de colocar no blog...em todos os links se passar o Mouse por cima o link fica brilhando em diversas cores, é um efeito que eu gosto muito! E também é muito simples.

Entre no HTML e colo esse código:

 <script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/>

E pronto o efeito esta colocado, não precisa alterar absolutamente nada...

Tutorial: Como colocar imagem seguindo o cursor do blog

Essse tutorial é bem fácil, não precisa de código...Para conseguir esses curssores é preciso entrar em um Site especializado que quando você clica no curssor que quer e apareçe um código,eu uso um curssor da Stella, que eu achei procurando...Mas achei vários cursores das Winx (ou mais ou menos)

Vou mostrar alguns curssores e seus códigos...

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too869.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-bloom.html" target="_blank" title="Winx Club -  Bloom"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Bloom" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too868.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-layla.html" target="_blank" title="Winx Club -  Layla"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Layla" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too872.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-stella.html" target="_blank" title="Winx Club -  Stella"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Stella" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too870.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-musa.html" target="_blank" title="Winx Club -  Musa"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Musa" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too871.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-flora.html" target="_blank" title="Winx Club -  Flora"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Flora" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too867.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-tecna.html" target="_blank" title="Winx Club -  Tecna"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Tecna" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too860.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-lockette.html" target="_blank" title="Winx Club -  Pixie Lockette"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Lockette" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too861.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-ammore.html" target="_blank" title="Winx Club -  Pixie Ammore"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Ammore" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too862.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-tune.html" target="_blank" title="Winx Club -  Pixie Tune"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Tune" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too863.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-digit.html" target="_blank" title="Winx Club -  Pixie Digit"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Digit" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too864.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-chatta.html" target="_blank" title="Winx Club -  Pixie Chatta"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Chatta" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too866.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-rabbit-kiko.html" target="_blank" title="Winx Club -  Rabbit Kiko"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Rabbit Kiko" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too865.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-piff.html" target="_blank" title="Winx Club -  Pixie Piff"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Piff" style="position:absolute; top: 0px; right: 0px;" /></a>


<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free I Love Aisha Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/aisha.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/aisha.gif"), auto;}</style>

 Se você tiver Estrelinhas no cursor  não ´precisa alterar nada, as estrelinhas continuam caindo normalmente. 

Tutorial: Como fazer estrelas caindo do curssor no blog

Oi pessoal! Como eu tinha prometido vou fazer alguns Tutoriais para o Blog, vou começar com um efeito que eu gosto bastante...As estrelas caindo do ponteiro do Mouse, esse tutorial é bem facil.

1. Entre em adiocinar um Gadjet em seu blog, entre em HTML
2. Coloque esse código:

 <script type='text/javascript'>
// <![CDATA[
var colour="#FFD700";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

As estrelinhas ja vão entrar em cor amarela mas você pode mudar as cores em  var colour="#FFD700";

E para a quantidade de estrelinhas va em sparkles=50, eu por exemplo uso 900, mas se pode colocar qualquer um.