Visualização do link de exibição do Codegena ao pairar com JavaScript

Pagina (imagem) que carrega ao passar o mouse sobre os link, mostrando o site que está linkado. Creditos: codegena.com/image-link-preview-on-hover (Codegena Display Link Preview on Hovering with JavaScript - Codegena)

MiniPreview Demo

  <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet" />

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

  <link href="https://rawgit.com/shaneapen/Image-Preview-for-Links/master/image_preview_for_links.css" rel="stylesheet" /> 

  <!-- MiniPreview stuff here -->

  <link href="./jquery.minipreview.css" rel="stylesheet" />

  <script src="./jquery.minipreview.js"></script>

  <script type="text/javascript">

    $(function() {

                $('#p1 a').miniPreview({ prefetch: 'pageload' });

                $('#p2 a').miniPreview({ prefetch: 'parenthover' });

                $('#p3 a').miniPreview({ prefetch: 'none' });

            });

  </script> <script src="https://rawgit.com/shaneapen/Image-Preview-for-Links/master/image_preview_for_links.js"></script>

  <p id="p1">

    This demo shows how to add live mini-previews to links on hover. Check out this link to

    <a href="https://folkindie.blogspot.com/2018/06/tessa-violet-discografia.html">Codegena</a>. Hover over it to see a small preview of what it points to.

  </p>

  <p id="p2">

    Those previews were fetched as soon as this page loaded. This is great for having the previews ready ahead of time, but can eat up extra bandwidth. As an alternative, check out these links to

    <a href="https://codegena.com/generator/Youtube-Embed-Code-Generator">Youtube Embed Code Generator</a> and

    <a href="https://codegena.com/generator/iframe-code-generator">iFrame Generator</a>. These previews aren't fetched until you hover over this paragraph.

  </p>

  <p id="p3">Finally, check out these links to <a href="https://wikipedia.org/">Wikipedia</a> and <a href="https://codepen.io">Codepen</a>. These previews are only fetched when needed. This saves the most bandwidth, but there will be a delay before the previews can be shown.

  </p>

Read More...

Menu que desliza a letra

<style>

body.cda-noimg #cdawrap {

--cda-width: 15vw;

max-width: 280px;

--cda-left: 2rem;

--cda-right: auto;

--cda-top: auto;

--cda-bottom: 2rem;

--cda-background: transparent;

padding: 0;

--cda-border-width: 0;

--cda-text-color: #fff;

z-index: 0;

font-family: inherit;

font-size: 0.85rem;

--cda-text-weight: 400;

--cda-sp-color: #8d919f;

}

          

          .post-body   {

background: transparent;

}

</style>

<div class="content">

<div class="block" data-fx="1">

<a class="block__title" data-img="https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2018/11/HoverImageReveal_featured.jpg">Effect 1</a>

<a class="block__link" data-img="https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2018/11/HoverImageReveal_featured.jpg">chloride</a>

<a class="block__link" data-img="img/3.jpg">magnesium</a>

<a class="block__link" data-img="img/4.jpg">zinc</a>

<a class="block__link" data-img="img/5.jpg">iodine</a>

</div>

<div class="block" data-fx="2">

<a class="block__title" data-img="img/6.jpg">Effect 2</a>

<a class="block__link" data-img="img/7.jpg">Asli</a>

<a class="block__link" data-img="img/8.jpg">D24</a>

<a class="block__link" data-img="img/9.jpg">Jantung</a>

<a class="block__link" data-img="img/10.jpg">Tracka</a>

</div>

<div class="block" data-fx="3">

<a class="block__title" data-img="img/11.jpg">Effect 3</a>

<a class="block__link" data-img="img/12.jpg">mimas</a>

<a class="block__link" data-img="img/13.jpg">phobos</a>

<a class="block__link" data-img="img/14.jpg">lapetus</a>

<a class="block__link" data-img="img/15.jpg">titania</a>

</div>

<div class="block" data-fx="4">

<a class="block__title" data-img="img/16.jpg">Effect 4</a>

<a class="block__link" data-img="img/17.jpg">Capitate</a>

<a class="block__link" data-img="img/18.jpg">Triquetral</a>

<a class="block__link" data-img="img/19.jpg">scaphoid</a>

<a class="block__link" data-img="img/20.jpg">Hamate</a>

</div>

<div class="block" data-fx="5">

<a class="block__title" data-img="img/21.jpg">Effect 5</a>

<a class="block__link" data-img="img/22.jpg">stratus</a>

<a class="block__link" data-img="img/23.jpg">cirrus</a>

<a class="block__link" data-img="img/24.jpg">nimbus</a>

<a class="block__link" data-img="img/25.jpg">cumulus</a>

</div>

<div class="block" data-fx="6">

<a class="block__title" data-img="img/26.jpg">Effect 6</a>

<a class="block__link" data-img="img/27.jpg">king's quest</a>

<a class="block__link" data-img="img/28.jpg">asteroids</a>

<a class="block__link" data-img="img/29.jpg">centipede</a>

<a class="block__link" data-img="img/30.jpg">defender</a>

</div>

<div class="block" data-fx="7">

<a class="block__title" data-img="img/31.jpg">Effect 7</a>

<a class="block__link" data-img="img/32.jpg">Jerry</a>

<a class="block__link" data-img="img/33.jpg">Michael</a>

<a class="block__link" data-img="img/34.jpg">Jason</a>

<a class="block__link" data-img="img/35.jpg">Julia</a>

</div>

<div class="block" data-fx="8">

<a class="block__title" data-img="img/36.jpg">Effect 8</a>

<a class="block__link" data-img="img/14.jpg">Mistral</a>

<a class="block__link" data-img="img/38.jpg">Sirocco</a>

<a class="block__link" data-img="img/39.jpg">Khamseen</a>

<a class="block__link" data-img="img/40.jpg">Brickfielder</a>

</div>

<div class="block" data-fx="9">

<a class="block__title" data-img="img/41.jpg">Effect 9</a>

<a class="block__link" data-img="img/42.jpg">Quechan</a>

<a class="block__link" data-img="img/1.jpg">Chemehuevi</a>

<a class="block__link" data-img="img/2.jpg">Meskwaki</a>

<a class="block__link" data-img="img/3.jpg">Ponca</a>

</div>

<div class="block" data-fx="10">

<a class="block__title" data-img="img/4.jpg">Effect 10</a>

<a class="block__link" data-img="img/5.jpg">Dugbe</a>

<a class="block__link" data-img="img/6.jpg">Lordsdale</a>

<a class="block__link" data-img="img/7.jpg">Sindbis</a>

<a class="block__link" data-img="img/8.jpg">Cowpox</a>

</div>

<div class="block" data-fx="11">

<a class="block__title" data-img="img/9.jpg">Effect 11</a>

<a class="block__link" data-img="img/10.jpg">Celuk</a>

<a class="block__link" data-img="img/11.jpg">Batuan</a>

<a class="block__link" data-img="img/12.jpg">Trunyan</a>

<a class="block__link" data-img="img/13.jpg">Mas</a>

</div>

</div>

<script src="https://sites.google.com/site/wchantemplates/hghggghg/charming.min.js"></script>

<script src="https://sites.google.com/site/wchantemplates/hghggghg/imagesloaded.pkgd.min.js"></script>

<script src="https://sites.google.com/site/wchantemplates/hghggghg/TweenMax.min.js"></script>

<script src="https://sites.google.com/site/wchantemplates/hghggghg/demo.js"></script>

 

Read More...

Modelo para biografia

 Modelo pronto de biografia perfeito para inicio de site.

<div class='homemestre2'>

<div class='cxhome'>

<div class='iam'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4RnXvYEEPbDMdNa0BfiElv98AqFp20yOZny1orCw22tycORN1U-66W4jAFVCscmhf5ObHjXHZhy8BscZVTF6YXGcWoCcOc0ByN23G0IkqjvINewg849kUA3kM733DbU1vbMlx52MD4YRJ/s1600/cover.jpg'/>

</div>

<div class='resumo2'>

<div class='heart'>Desing: Andréa Alark</div>

<div class='heart'>Ativa desde: 2010</div>

<div class='heart'>Blog: A Peculiar</div>

<div class='heart'>Blog CSS: Bunny Crazy</div>

<div class='heart'>Intragram: @Andrea.Alark</div>

<div class='heart'>Contato: dricea@gmail.com</div>

</div>

<div class='resumo'>

description. link. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non condimentum eros. Donec hendrerit finibus porttitor.Cras <b>sit amet lectus sit ame</b>t leo sodales dictum eget non libero. Nulla feugiat elementum <i>sem at suscipit</i>. Vivamus a metus id <u>felis cursus viverra pretium </u>non est. Suspendisse potenti. Sed efficitur vulputate libero eu luctus. Suspendisse vel.justo.

</div>

</div>

</div>

<!-- CAIXA DE BIO -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType!= &quot;item&quot;'>

<style>

/* Pagina do Home Bio

----------------------------------------------- */

.homemestre2{

width: 98.5%;

height: 600px;

padding: 10px;

background:#f6f6f6; 

border-bottom: solid 7px #FF4500;

margin-top:-2px;

margin-bottom:-350px;

}

.cxhome{

margin-top:120px;

margin-left: 440px;

width: 490px;

height: 310px;

padding: 10px;

background:; 

border:none;

}

.resumo{

width:472px;

max-height:500px;

margin-top:20px;

padding:5px;

background:#fff; /*description background color*/

border:solid 1px #dbdbdb; /*description border color*/

box-shadow:7px 7px #eee; /*description shadow color*/

text-align:justify;

position:relative;

font-size: 12px;

font-family: &#39;Poppins&#39;, sans-serif;

font-weight: Light; 

}

.resumo2{

width:290px;

height:150px;

margin-top:-165px; 

margin-left:180px; 

padding:5px;

background:#fff; /*info box background color*/

border:solid 1px #dbdbdb; /*info box border color*/

box-shadow:7px 7px #eee; /*info box shadow color*/

position:relative;

}

.iam img {

width:150px;

height:150px;

padding:5px;

object-fit:cover;

background:#fff; /*icon box background color*/

border:solid 1px #dbdbdb; /*icon box border color*/

box-shadow:7px 7px #eee; /*icon box shadow color*/

}

.heart {

display : block;

font-size: 11px;

font-family: &#39;Poppins&#39;, sans-serif;

letter-spacing : 0;

border-bottom : 1px solid #eee;

background-repeat : no-repeat;  

text-indent : 5px;

vertical-align : middle;

text-decoration : none;

line-height : 20px;

margin-bottom : 1px;

padding-left : 3px;

padding-top : 3px;

 -webkit-transition: all 0.9s ease-out;

-moz-transition: all 0.9s ease-out;

border-left: solid #8EDBE5;

background: #F7F7F7;

color: #666 !important;

}

.heart:hover {

display : block;

text-decoration: none;

vertical-align: middle;

line-height : 20px;

background: #C7F9FF;

border-left: solid #C7F9FF;

padding-left: 15px;}

</style>

</b:if>

</b:if>

Read More...

Largura x altura total da pagina do blog

 padding:11px;

width: 1327px;

height: 598px;

E isso ai!

Read More...

Criar uma pagina falsa no inicio do blog, pelo HTML (Colocar qualquer objeto acima do body do site)

 

Primeiro procure por:

  <div class='content'>

  <div class='content-fauxcolumns'>

    <div class='fauxcolumn-outer content-fauxcolumn-outer'>

    <div class='cap-top'>

      <div class='cap-left'/>

      <div class='cap-right'/>

    </div>

    <div class='fauxborder-left'>

    <div class='fauxborder-right'/>

    <div class='fauxcolumn-inner'>

    </div>

    </div>

    <div class='cap-bottom'>

      <div class='cap-left'/>

      <div class='cap-right'/>

    </div>

    </div>

  </div>

[aqui..]

 <div class='content-outer'>

  <div class='content-cap-top cap-top'>

    <div class='cap-left'/>

    <div class='cap-right'/>

  </div>

  <div class='fauxborder-left content-fauxborder-left'>

  <div class='fauxborder-right content-fauxborder-right'/>

  <div class='content-inner'>

Cole o código personalizado no [...]

Read More...

Menu Hex

 

Menu hex perfeito para inicio de site ou menus bem elaborados

Menu Hex colorido:

<div class='hex'> 

<div style='position: absolute; margin-top: -10px;'>  

<div class='hexagon-wrapper' id='hex1'>

<div class='hexagon' id='color1'/></div></div> 

  

  

<div style='position: absolute; margin-top: 210px; margin-left:;'>    

<div class='hexagon-wrapper' id='hex2'>

<div class='hexagon' id='color2'/></div></div> 

  

  

<div style='position: absolute; margin-top: 100px; margin-left:190px;'>  

<div class='hexagon-wrapper' id='hex3'>

<div class='hexagon' id='color3'/></div></div>

  

   

<div style='position: absolute; margin-top: -120px; margin-left:190px;'>  

<div class='hexagon-wrapper' id='hex1'>

<div class='hexagon' id='color4'/></div></div>   

 

  

<div style='position: absolute; margin-top: -10px; margin-left:381px;'>  

<div class='hexagon-wrapper' id='hex1'>

<div class='hexagon' id='color5'/></div></div>    

</div>  

<script src='//cdn.jsdelivr.net/prefixfree/1.0.7/prefixfree.min.js'/>  

</div>

/* Formas

------------------------ */

#hex1 {

  width: 220px;

  height: 220px;

}

#hex2 {

  width: 220px;

  height: 220px;

}

#hex3 {

  width: 220px;

  height: 220px;

}

 

#color1 {

  background-color: #39D; 

}

#color2 {

  background-color: #93D;

}

#color3 {

  background-color: #D93;

}

  

#color4 {

  background-color: #FFD700;

}

 #color5 {

  background-color: #DA70D6;

}

 #color6 {

  background-color: #DA70D6;

}   

  

.hexagon-wrapper {

  text-align: center;

  margin: 20px;

  position: relative;

  display: inline-block;

}

.hexagon {

  height: 100%;

  width: calc(100% * 0.57735);

  display: inline-block;

}

.hexagon:before {

  position: absolute;

  top: 0;

  right: calc((100% / 2) - ((100% * 0.57735) / 2));

  background-color: inherit;

  height: inherit;

  width: inherit;

  content: &#39;&#39;;

  transform: rotateZ(60deg);

}

.hexagon:after {

  position: absolute;

  top: 0;

  right: calc((100% / 2) - ((100% * 0.57735) / 2));

  background-color: inherit;

  height: inherit;

  width: inherit;

  content: &#39;&#39;;

  transform: rotateZ(-60deg);

} 

  

.hex {

background:#ccc;

margin-left:300px;

width: 700px;

height: 520px;

} 

.hexa1 {

background:#fff;

width: 240px;

height: 260px;

-webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

-moz-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

-ms-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

-o-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

} 

Menu de imagem Hex:

<div class='barrap'> 

<div class='autoravatar'><img alt='Andréa Alark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4RnXvYEEPbDMdNa0BfiElv98AqFp20yOZny1orCw22tycORN1U-66W4jAFVCscmhf5ObHjXHZhy8BscZVTF6YXGcWoCcOc0ByN23G0IkqjvINewg849kUA3kM733DbU1vbMlx52MD4YRJ/s320/cover.jpg'/></div>

<div class='autotexto'> </div>  

/* Barra do perfil

------------------------ */ 

.barrap {

background:#fff;c

margin-left:-7px;

width: 420px;

height: 600px;

}

/* Icone

------------------------ */  

  .autoravatar img {

object-fit:cover;

height: 153px;

width: 145px;

filter: invert(8%);

margin-left:125px;

margin-top: 60px;

-webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

-moz-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

-ms-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

-o-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

} 

fffff

Read More...

Menu com efeito ao clicar

 

<script src="https://sites.google.com/site/webunnycrazy/by/CopyClipboard.js"></script>

<script src="https://sites.google.com/site/webunnycrazy/by/CopyClipboard.min.js"></script>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>CopyClipboard.js: Fast Text Copy JavaScript Library Demo</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.1.1/materia/bootstrap.min.css">

<script type="text/javascript" src="CopyClipboard.min.js"></script>

<link href="https://www.cssscript.com/wp-includes/css/sticky.css" rel="stylesheet" type="text/css">

<style>

body { background-color: #f7f7f7; }

.container { margin: 150px auto; }

</style>

</head>

<body>

<div id="css-script-menu">

  <div class="css-script-center">

    <ul>

      <li><a href="https://www.cssscript.com/text-copy-library-copyclipboard/">Download</a></li>

      <li><a href="https://www.cssscript.com/">Back To CSS Script</a></li>

    </ul>

    <div class="css-script-ads">

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- CSSScript Demo Page -->

<ins class="adsbygoogle"

     style="display:inline-block;width:728px;height:90px"

     data-ad-client="ca-pub-2783044520727903"

     data-ad-slot="3025259193"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script></div>

    <div class="css-script-clear"></div>

  </div>

</div>

<div class="container">

<h1>CopyClipboard.js: Fast Text Copy JavaScript Library Demo</h1>

<br><br>

<button data-copy-text="Hello!" class="btn btn-primary">

Click , Copy text

</button>

<br><br>

<label id="label_text" style="display: none;">This is a sample!</label>

<button data-copy-from="#label_text" class="btn btn-default">

Click , Copy from #id

</button>

<br><br>

<button data-copy-text="5+5" onclick="copy.text(this);" class="btn btn-danger">

Click , Copy text with onclick

</button>

<br><br>

<button data-copy-from="#label_text" onclick="copy.from(this);"  class="btn btn-info">

Click , Copy from #id with onclick

</button>

<br><br>

<button onclick="copy.copy_text('Hello my friend!');"  class="btn btn-error">

Click , Copy text with onclick

</button>

</div>

<script>

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-46156385-1', 'cssscript.com');

  ga('send', 'pageview');

</script>

</body>

</html>

Read More...

Caixa de copiar texto

Caixas para copiar texto. Aquela que esconde um pouco o texto...

www.mediafire.com/ file/ yocz/ Cantando_50_Cosas_Sobre_sin.rar/file

Caixa de copiar texto com barra de rolagem:

<div class="caixa1">

<li1>www.arquivo.com/</li1>

<li2>file/</li2>

<li3>yocz/</li3>

<li4>Cantando_50_Cosas_Sobre_sin.rar/file</li4>  

</div>

<style>

.caixa1{

overflow-x: scroll;

overflow-y: hidden;

white-space:nowrap;   

width: 255px;

height:26px;

padding:6px;

color:#8B6969;  

background:#EEB4B4;

margin-left: 30px;

margin-bottom: 12px;

border: 1px solid #e5e4e4;

}

  

li1{

margin-right:-4px;    

background: #E3E4E8 ;

border-top: 1px solid #D0D5E0;

border-bottom: 1px solid #D0D5E0;  

border-left: 1px solid #D0D5E0;  

padding: 1px 1px 1px 1px;

font-family: Muli;

font-size: 13px;

color: #344985;

width: 125px;

}

li2{

margin-right:-3px;

background: #D8BFD8;

border-top: 1px solid #D0D5E0;

border-bottom: 1px solid #D0D5E0;  

border-right: 1px solid #D0D5E0; 

padding: 1px 0px 1px 0px;

font-family: Muli;

font-size: 13px;

color: #344985;

width:22px;

}   

li3{

margin-right:-3px;  

background:#FA8072;

border-top: 1px solid #D0D5E0;

border-bottom: 1px solid #D0D5E0;  

border-right: 1px solid #D0D5E0; 

padding: 1px 0px 1px 0px;

font-family: Muli;

font-size: 13px;

color: #344985;

width: 100%; 

}  

li4{

background:#FF8247;

border-top: 1px solid #D0D5E0;

border-bottom: 1px solid #D0D5E0;  

border-right: 1px solid #D0D5E0; 

padding: 1px 0px 1px 0px;

font-family: Muli;

font-size: 13px;

color: #344985;

width: 100%; 

}    

  

/* Barra de rolagem

----------------------------------------------- */

::-webkit-scrollbar {

width: 13px;

height:6px;

}

::-webkit-scrollbar-button {

width: 0px;

height: 0px;

}

::-webkit-scrollbar-thumb {

background-color: rgba(227,145,0,.5);

border:4px solid #f7f7f7;

border-top:2px solid #f7f7f7;

border-bottom:2px solid #f7f7f7;

cursor:pointer;

border-radius: 1px;

}

::-webkit-scrollbar-track {

background: #014fa2;

border: 6px solid #f7f7f7;

border-top:px 5solid #f7f7f7;

border-bottom:5px solid #F8F8F8;

}  

</style>

_______________________

Barra sem barra de rolagem:

<input class="input form-control mt-5 mb-5" value="Press Copy to copy this text"></input>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.5.2/solar/bootstrap.min.css">

Read More...

Modelo area de postagem grade // Grid Style 3

 1) Procure por </head>, e  acima dele adicione:

<!-- Auto Auto Image Thumbnail & ReadMore Link By MyBloggerBuzz Start -->

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<style type='text/css'>

.post-outer{

width:24%;

float:left;

margin: -5px 50px 35px 16px;

height:255px;

background: #fff;

}

.post {

font-size:1px; 

background:; 

border: none; 

padding: none;}

.post-outer img {

width:220px;

height:200px;

object-fit:cover;

margin-bottom:4px;

background:#cb9d8e;

padding: 6px;

border: 3px solid #cd8a7a;

}

.post-outer h2 {

width:222px;

margin-top:-1px;

font-size:15px;

font-family:Quicksand;

font-weight:normal;

background:#cb9d8e;

padding: 5px;

border: 3px solid #cd8a7a;

color: #f7f7f7;

letter-spacing: 1px

}

.post-title, .post-author, .post-timestamp, .post-icons, .post-labels, .post-location, .author-profile, .date-header, .jump-link,#mbb_readmore, .post-footer-line-1, .post-footer-line-2 {display:none;}

/* Cor dos links do titulo da postagem

----------------------------------------------- */

.post-outer h2 a:link {

color: #f7f7f7; /* Cor do link*/

text-decoration: none;

-webkit-transition: color 0.7s ease-out;-moz-transition:

color 0.7s ease-out;transition: color 0.7s ease-out;

}

.post-outer h2 a:visited {

color: #f7f7f7; /*Cor dos links visitados*/

text-decoration:none;

filter:alpha(opacity=100);

-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;

}

.post-outer h2 a:hover {

color: #f7f7f7; /*Cor do link quando passa o mouse*/

text-decoration:none;

filter:alpha(opacity=100);

-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;

}

</style>

<script type='text/javascript'>

//<![CDATA[

var noImgSum = 800;

var imgSum =180;

var _0xa07b=["\x3C","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x3E","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","","\x6A\x6F\x69\x6E","\x63\x68\x61\x72\x41\x74","\x20","\x2E\x2E\x2E","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x69\x6D\x67","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x65\x78\x65\x5F\x70\x6F\x73\x74\x5F\x44\x49\x56\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x65\x78\x65\x5F\x70\x6F\x73\x74\x5F\x49\x4D\x47\x22\x20\x73\x72\x63\x3D\x22","\x73\x72\x63","\x22\x20\x2F\x3E","\x3C\x68\x32\x20\x63\x6C\x61\x73\x73\x3D\x22\x65\x78\x65\x5F\x70\x6F\x73\x74\x5F\x54\x49\x54\x4C\x45\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x32\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x65\x78\x65\x5F\x70\x6F\x73\x74\x5F\x44\x65\x73\x63\x22\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x64\x69\x76\x3E"];function removeHtmlTag(_0xe2dax2,_0xe2dax3){if(_0xe2dax2[_0xa07b[1]](_0xa07b[0])!=-1){var _0xe2dax4=_0xe2dax2[_0xa07b[2]](_0xa07b[0]);for(var _0xe2dax5=0;_0xe2dax5<_0xe2dax4[_0xa07b[3]];_0xe2dax5++){if(_0xe2dax4[_0xe2dax5][_0xa07b[1]](_0xa07b[4])!=-1){_0xe2dax4[_0xe2dax5]=_0xe2dax4[_0xe2dax5][_0xa07b[5]](_0xe2dax4[_0xe2dax5][_0xa07b[1]](_0xa07b[4])+1,_0xe2dax4[_0xe2dax5][_0xa07b[3]]);} ;} ;_0xe2dax2=_0xe2dax4[_0xa07b[7]](_0xa07b[6]);} ;_0xe2dax3=(_0xe2dax3<_0xe2dax2[_0xa07b[3]]-1)?_0xe2dax3:_0xe2dax2[_0xa07b[3]]-2;while(_0xe2dax2[_0xa07b[8]](_0xe2dax3-1)!=_0xa07b[9]&&_0xe2dax2[_0xa07b[1]](_0xa07b[9],_0xe2dax3)!=-1){_0xe2dax3++;} ;_0xe2dax2=_0xe2dax2[_0xa07b[5]](0,_0xe2dax3-1);return _0xe2dax2+_0xa07b[10];} ;function MBBautoReadMore(_0xe2dax7,_0xe2dax8,_0xe2dax9){var _0xe2daxa=document[_0xa07b[11]](_0xe2dax7);var _0xe2daxb=_0xa07b[6];var _0xe2daxc=_0xe2daxa[_0xa07b[13]](_0xa07b[12]);var _0xe2daxd=noImgSum;if(_0xe2daxc[_0xa07b[3]]>=1){_0xe2daxb=_0xa07b[14]+_0xe2daxc[0][_0xa07b[15]]+_0xa07b[16];_0xe2daxd=imgSum;} ;var _0xe2daxe=_0xe2daxb+_0xa07b[17]+_0xe2dax9+_0xa07b[18]+_0xe2dax8+_0xa07b[19]+removeHtmlTag(_0xe2daxa[_0xa07b[20]],_0xe2daxd)+_0xa07b[21];_0xe2daxa[_0xa07b[20]]=_0xe2daxe;} ;

//]]&gt;

</script>

</b:if>

</b:if>

<!-- Auto Auto Image Thumbnail & ReadMore Link By MyBloggerBuzz Script End -->

2) Agora procure por <data:post.body/>, você pode encontrar até três ocorrências, você substitui a segunda e a terceira:

<!-- Auto Auto Image Thumbnail & ReadMore Link By MyBloggerBuzz Script Start -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'> MBBautoReadMore(&quot;summary<data:post.id/>&quot;, &quot;<data:post.title/>&quot;, &quot;<data:post.url/>&quot; );

</script>

<a expr:href='data:post.url' id='mbb_readmore'>Read More...</a>

</b:if>

</b:if>

<!-- Auto Auto Image Thumbnail & ReadMore Link By MyBloggerBuzz Script End -->

3) Procure por <b:includable id='nextprev'> e abaixo dele cole:

<div style='clear:both;'/>

Read More...