tag:blogger.com,1999:blog-91229536971844483432024-03-09T02:13:53.675-08:00Diversas y Variadas (Ayuda Blogger)Ayuda para tu blog de Blogger y Photoshop. Diseño, recursos, tutoriales, herramientas, diversas utilidades y las más variadas novedades para tu blog y para photoshop.Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.comBlogger596125tag:blogger.com,1999:blog-9122953697184448343.post-79902834339388011692018-02-01T07:57:00.000-08:002018-02-01T07:57:51.652-08:00Tutorial efecto lápiz en Photoshop<div style="text-align: justify;">Espero que se encuentren muy bien y hayan pasado una excelente semana. Este post será algo cortito, pero estoy segura que va a ser de mucha utilidad para todas aquellas personas a quienes les gusta añadir efectos a sus fotografías o imágenes.</div><center><script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<!-- Movil --><br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6246761006797557" data-ad-slot="8020202930" style="display: inline-block; height: 250px; width: 300px;"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></center><br />
<div style="text-align: justify;">Les traigo un tutorial en video para que puedan añadir el efecto lápiz o efecto dibujo. Es bastante sencillo conseguir este efecto y en muy pocos pasos. Bueno, sin más que decir, les dejo con el video. Si tienen alguna duda o quieren que haga algún tutorial en particular, déjenme un comentario.</div><br />
<center><iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/ZONGkxxZaHA" width="480"></iframe></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com8tag:blogger.com,1999:blog-9122953697184448343.post-74940765134892632312018-01-18T13:32:00.001-08:002018-01-18T13:32:47.939-08:00Fuentes Script enero 2018<div style="text-align: justify;">!Qué tal! Espero que se encuentren muy bien. Hoy quiero compartir con ustedes un pack de fuentes bonitas y gratuitas. Son fuentes script y estoy segura que las van a utilizar en más de una ocasión.<br />
<br />
En este <b>pack</b> encontrarán las siguientes fuentes: Arizonia, Bready, Channel, Deftone stylus, Ecolier, Lavanderia, Marcelle, Odstemplik, Pacifico y Sofia .<br />
<center><script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<!-- Movil --><br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6246761006797557" data-ad-slot="8020202930" style="display: inline-block; height: 250px; width: 300px;"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></center><br />
Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:<br />
<br />
» Si tienes <b>Windows 7 o superior</b>, simplemente da clic derecho sobre una fuente y buscas la opción <i>Instalar</i> del menú contextual.<br />
» Si tienes <b>Windows XP</b>, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img alt="beauty, fonts, script, fuentes, 2018, free, download, gratis" border="0" class="img3" title="January fonts 2017" src="https://4.bp.blogspot.com/-UIDKmQC27Qo/WmEQh5vD6hI/AAAAAAAACjs/SjfHGIJSqeIEJycz0zVdGjljdLVlBIMMwCLcBGAs/s1600/jessica_diyva_fuentes_script_enero_januaryfonts_2018.png" /></div><center><span style="font-weight: bold;">DESCARGAR FUENTES</span> <a href="https://goo.gl/DoM6bx"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin: 0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com1tag:blogger.com,1999:blog-9122953697184448343.post-19714388052473137552017-12-14T07:56:00.000-08:002017-12-14T07:58:15.809-08:00Agregar el botón Pinterest para compartir imágenes<div style="text-align: justify;">Espero que se encuentren muy bien y hayan pasado una bonita semana.Ya estamos entrando a un nuevo fin de semana más y antes que termine la semana les dejo este video tutorial para que puedan agregar el botón de Pinterest sobre las imágenes del blog y que así sus lectores, al pasar el cursor sobre las imágenes, puedan compartir fácilmente las mismas.<br />
<br />
Recuerden que: <br />
<br />
<b>1.§</b> El código lo deben pegar justo arriba de </body><br />
<br />
<b>2.§</b> Les dejo el link de la <a target="_blank" href="https://developers.pinterest.com/tools/widget-builder/?buttonType=imageHover">página de desarrolladores</a> de Pinterest.</div><br />
<center><script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<!-- Movil --><br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6246761006797557" data-ad-slot="8020202930" style="display: inline-block; height: 250px; width: 300px;"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></center><br />
<div style="text-align: justify;">Ahora les dejo el video. Si quieren algún tutorial en especial, déjenme sus sugerencias en los comentarios.</div><br />
<center><iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/afdtZIWJc54" width="480"></iframe></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-38749568204392245162017-11-22T14:18:00.000-08:002017-11-22T14:31:18.066-08:00Efecto lluvia que cae por el blog con JavaScript<div style="text-align: justify;">¿Cómo estuvo el día? Espero que muy bien. Sean bienvenidos a un nuevo post. Hoy les traigo un tutorial que seguro a más de uno le va a gustar. Se trata del efecto de lluvia que cae por nuestro blog o web. Es un efecto muy vistoso y lo agregaremos fácilmente con código JavaScript.<br />
<br />
<center>( <span style="font-size: 100%;"><b>↪</b></span> Ver <a href="https://ejemplos2018.blogspot.pe/" target="_blank">DEMO</a>)</center><div class="separator" style="clear: both; text-align: center;"><img alt="rain, effect, lluvia, javascript blogger, web" border="0" class="img3" src="https://4.bp.blogspot.com/-DDz-6HFnyek/WhXxaiL-1sI/AAAAAAAACjQ/NFeDtFjxYi0jOIQ2gUADxlKJy3scAUzlgCLcBGAs/s1600/diyva_jessica_rain_fall_lluvia_blogger.png" title="Efecto lluvia que cae por el blog" /></div><br />
<blockquote class="cita2"><b>Post recomendado:</b><br />
<a href="http://diyva.blogspot.pe/2015/08/6-efectos-para-el-cursor-de-tu-web-o.html">6 efectos para el cursor de tu web o blog</a></blockquote>Empecemos con el tutorial.<br />
<br />
<b>1.§</b> Vamos a Diseño - Añadir un gadget.<br />
<br />
<b>2.§</b> De la ventana emergente, elegimos <b>HTML/Javascript</b> pegaremos el siguiente script:</div><center><script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<!-- Movil --><br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6246761006797557" data-ad-slot="8020202930" style="display: inline-block; height: 250px; width: 300px;"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></center><br />
<blockquote><span style="font-size: x-small;"><script type='text/javascript'>var hpnm092_prj_no = "92";</span><br />
<span style="font-size: x-small;">var hpnm092_prj_nm = "hpnm092";</span><br />
<span style="font-size: x-small;">var hpnm092_ball_num = 30;</span><br />
<span style="font-size: x-small;">var hpnm092_ball_sbt_num =1;</span><br />
<span style="font-size: x-small;">var hpnm092_subball_num = 5;</span><br />
<span style="font-size: x-small;">var hpnm092_subball_sbt_num = 3;</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">var hpnm092_i, hpnm092_n;</span><br />
<span style="font-size: x-small;">var hpnm092_obj;</span><br />
<span style="font-size: x-small;">var hpnm092_img;</span><br />
<span style="font-size: x-small;">var hpnm092_obj_sub;</span><br />
<span style="font-size: x-small;">var hpnm092_img_sub;</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">var hpnm092_preimg = new Array();</span><br />
<span style="font-size: x-small;">hpnm092_preimg[0] = new Image();</span><br />
<span style="font-size: x-small;">hpnm092_preimg[0].src = "http://www.hapinemu.net/fobp/bp092/ball1.gif";</span><br />
<span style="font-size: x-small;">hpnm092_preimg[1] = new Image();</span><br />
<span style="font-size: x-small;">hpnm092_preimg[1].src = "http://www.hapinemu.net/fobp/bp092/ball2.gif";</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">var hpnm092_preimg_sub = new Array();</span><br />
<span style="font-size: x-small;">hpnm092_preimg_sub[0] = new Image();</span><br />
<span style="font-size: x-small;">hpnm092_preimg_sub[0].src = "http://www.hapinemu.net/fobp/bp092/subball1.gif";</span><br />
<span style="font-size: x-small;">hpnm092_preimg_sub[1] = new Image();</span><br />
<span style="font-size: x-small;">hpnm092_preimg_sub[1].src = "http://www.hapinemu.net/fobp/bp092/subball1.gif";</span><br />
<span style="font-size: x-small;">hpnm092_preimg_sub[2] = new Image();</span><br />
<span style="font-size: x-small;">hpnm092_preimg_sub[2].src = "http://www.hapinemu.net/fobp/bp092/subball1.gif";</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">var hpnm092_objBody = document.getElementsByTagName("body").item(0);</span><br />
<span style="font-size: x-small;">var hpnm092_elem;</span><br />
<span style="font-size: x-small;">for(hpnm092_i = 1; hpnm092_i <= hpnm092_ball_num; hpnm092_i++) {</span><br />
<span style="font-size: x-small;">hpnm092_elem = document.createElement('div'); </span><br />
<span style="font-size: x-small;">hpnm092_elem.id = hpnm092_prj_nm + '_ball' + hpnm092_i; </span><br />
<span style="font-size: x-small;">hpnm092_elem.innerHTML = '<img id="' + hpnm092_prj_nm + '_ball_img' + hpnm092_i + '" style="border:0;">'; </span><br />
<span style="font-size: x-small;">hpnm092_elem.style.position = 'absolute'; </span><br />
<span style="font-size: x-small;">hpnm092_elem.style.visibility = 'hidden';</span><br />
<span style="font-size: x-small;">hpnm092_elem.style.margin = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_elem.style.padding = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_objBody.appendChild(hpnm092_elem); </span><br />
<span style="font-size: x-small;">for(hpnm092_n = 1; hpnm092_n <= hpnm092_subball_num; hpnm092_n++) {</span><br />
<span style="font-size: x-small;">hpnm092_elem = document.createElement('div'); </span><br />
<span style="font-size: x-small;">hpnm092_elem.id = hpnm092_prj_nm + '_subball' + hpnm092_i + hpnm092_n; </span><br />
<span style="font-size: x-small;">hpnm092_elem.innerHTML = '<img id="' + hpnm092_prj_nm + '_subball_img' + hpnm092_i + hpnm092_n + '" style="border:0;">'; </span><br />
<span style="font-size: x-small;">hpnm092_elem.style.position = 'absolute'; </span><br />
<span style="font-size: x-small;">hpnm092_elem.style.visibility = 'hidden';</span><br />
<span style="font-size: x-small;">hpnm092_elem.style.margin = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_elem.style.padding = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_objBody.appendChild(hpnm092_elem); </span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">function hpnm092_getViewTop() {</span><br />
<span style="font-size: x-small;">if( window.scrollY ) return window.scrollY;</span><br />
<span style="font-size: x-small;">if( window.pageYOffset ) return window.pageYOffset;</span><br />
<span style="font-size: x-small;">if( document.documentElement && document.documentElement.scrollTop ) {</span><br />
<span style="font-size: x-small;">return document.documentElement.scrollTop;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else if( document.body && document.body.scrollTop ) {</span><br />
<span style="font-size: x-small;">return document.body.scrollTop;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">return 0;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">function hpnm092_getViewLeft() {</span><br />
<span style="font-size: x-small;">if( window.scrollX ) return window.scrollX;</span><br />
<span style="font-size: x-small;">if( window.pageXOffset ) return window.pageXOffset;</span><br />
<span style="font-size: x-small;">if( document.documentElement && document.documentElement.scrollLeft ) {</span><br />
<span style="font-size: x-small;">return document.documentElement.scrollLeft;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else if( document.body && document.body.scrollLeft ) {</span><br />
<span style="font-size: x-small;">return document.body.scrollLeft;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">return 0;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">function hpnm092_getViewHeight() {</span><br />
<span style="font-size: x-small;">if( window.innerHeight ) return window.innerHeight; </span><br />
<span style="font-size: x-small;">if( document.documentElement && document.documentElement.clientHeight ) {</span><br />
<span style="font-size: x-small;">return document.documentElement.clientHeight;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else if( document.body && document.body.clientHeight ) {</span><br />
<span style="font-size: x-small;">return document.body.clientHeight;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">return 0;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">function hpnm092_getViewWidth() {</span><br />
<span style="font-size: x-small;">if( window.innerWidth ) return window.innerWidth; </span><br />
<span style="font-size: x-small;">if( document.documentElement && document.documentElement.clientWidth ) {</span><br />
<span style="font-size: x-small;">return document.documentElement.clientWidth;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else if( document.body && document.body.clientWidth ) {</span><br />
<span style="font-size: x-small;">return document.body.clientWidth;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">return 0;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">function hpnm092_getViewBottom() {</span><br />
<span style="font-size: x-small;">return hpnm092_getViewTop() + hpnm092_getViewHeight();</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">function hpnm092_getViewRight() {</span><br />
<span style="font-size: x-small;">return hpnm092_getViewLeft() + hpnm092_getViewWidth();</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">function hpnm092_getRandomNum(num) {</span><br />
<span style="font-size: x-small;">return Math.floor( Math.random() * num );</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">function hpnm092_setOpacity(elem, op){ </span><br />
<span style="font-size: x-small;">elem.style.filter = 'alpha(opacity=' + (op * 100) + ')'; </span><br />
<span style="font-size: x-small;">elem.style.MozOpacity = op; </span><br />
<span style="font-size: x-small;">elem.style.opacity = op; </span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">var hpnm092_action = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_actioncnt = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_balltop = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_balltop_to = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_ballleft = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_ballspeed = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_ballopacity = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_balltype = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_subballtop = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_subballleft = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_subballmovelr = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_subballspeedv = new Array();</span><br />
<span style="font-size: x-small;">var hpnm092_subballspeedh = new Array();</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">for(hpnm092_i = 1; hpnm092_i <= hpnm092_ball_num; hpnm092_i++) {</span><br />
<span style="font-size: x-small;">hpnm092_action[hpnm092_i] = 0;</span><br />
<span style="font-size: x-small;">hpnm092_subballtop[hpnm092_i] = new Array();</span><br />
<span style="font-size: x-small;">hpnm092_subballleft[hpnm092_i] = new Array();</span><br />
<span style="font-size: x-small;">hpnm092_subballmovelr[hpnm092_i] = new Array();</span><br />
<span style="font-size: x-small;">hpnm092_subballspeedv[hpnm092_i] = new Array();</span><br />
<span style="font-size: x-small;">hpnm092_subballspeedh[hpnm092_i] = new Array();</span><br />
<span style="font-size: x-small;">hpnm092_ballopacity[hpnm092_i] = new Array();</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">function hpnm092_fire() {</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">var hpnm092_viewbottom = hpnm092_getViewBottom();</span><br />
<span style="font-size: x-small;">var hpnm092_viewright = hpnm092_getViewRight() - 40;</span><br />
<span style="font-size: x-small;">var hpnm092_viewtop = hpnm092_getViewTop();</span><br />
<span style="font-size: x-small;">var hpnm092_viewleft = hpnm092_getViewLeft();</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">for(hpnm092_i = 1; hpnm092_i <= hpnm092_ball_num; hpnm092_i++) {</span><br />
<span style="font-size: x-small;">hpnm092_obj = document.getElementById(hpnm092_prj_nm + '_ball'+hpnm092_i);</span><br />
<span style="font-size: x-small;">hpnm092_img = document.getElementById(hpnm092_prj_nm + '_ball_img'+hpnm092_i);</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">switch(hpnm092_action[hpnm092_i]) {</span><br />
<span style="font-size: x-small;">case 0:</span><br />
<span style="font-size: x-small;">if( hpnm092_getRandomNum( 100 ) == 0 ) {</span><br />
<span style="font-size: x-small;">hpnm092_balltype[hpnm092_i] = hpnm092_getRandomNum( hpnm092_ball_sbt_num ) + 1;</span><br />
<span style="font-size: x-small;">hpnm092_img.src = hpnm092_preimg[ 0 ].src;</span><br />
<span style="font-size: x-small;">hpnm092_balltop[hpnm092_i] = hpnm092_viewtop - hpnm092_img.height;</span><br />
<span style="font-size: x-small;">hpnm092_ballleft[hpnm092_i] = ( hpnm092_viewleft + hpnm092_getRandomNum( hpnm092_viewright - hpnm092_viewleft - 20 ) );</span><br />
<span style="font-size: x-small;">hpnm092_ballspeed[hpnm092_i] = 30;</span><br />
<span style="font-size: x-small;">hpnm092_balltop_to[hpnm092_i] = ( hpnm092_viewtop + hpnm092_getRandomNum( hpnm092_viewbottom - hpnm092_viewtop - 250 ) ) + 150;</span><br />
<span style="font-size: x-small;">hpnm092_obj.style.top = hpnm092_balltop[hpnm092_i] + 'px';</span><br />
<span style="font-size: x-small;">hpnm092_obj.style.left = hpnm092_ballleft[hpnm092_i] + 'px';</span><br />
<span style="font-size: x-small;">hpnm092_obj.style.visibility = 'visible';</span><br />
<span style="font-size: x-small;">hpnm092_action[hpnm092_i] = 1;</span><br />
<span style="font-size: x-small;">hpnm092_actioncnt[hpnm092_i] = 0;</span><br />
<span style="font-size: x-small;">hpnm092_ballopacity[hpnm092_i] = 0.5;</span><br />
<span style="font-size: x-small;">hpnm092_setOpacity(hpnm092_obj,hpnm092_ballopacity[hpnm092_i]);</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">break;</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">case 1:</span><br />
<span style="font-size: x-small;">hpnm092_balltop[hpnm092_i] += hpnm092_ballspeed[hpnm092_i];</span><br />
<span style="font-size: x-small;">if( hpnm092_balltop[hpnm092_i] < hpnm092_balltop_to[hpnm092_i] - 50 ) {</span><br />
<span style="font-size: x-small;">hpnm092_obj.style.top = hpnm092_balltop[hpnm092_i] + 'px';</span><br />
<span style="font-size: x-small;">hpnm092_actioncnt[hpnm092_i]++;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else {</span><br />
<span style="font-size: x-small;">hpnm092_balltop[hpnm092_i] = hpnm092_balltop_to[hpnm092_i];</span><br />
<span style="font-size: x-small;">hpnm092_obj.style.top = hpnm092_balltop[hpnm092_i] + 'px';</span><br />
<span style="font-size: x-small;">hpnm092_img.src = hpnm092_preimg[ hpnm092_balltype[hpnm092_i] ].src;</span><br />
<span style="font-size: x-small;">hpnm092_ballopacity[hpnm092_i] = 0.3;</span><br />
<span style="font-size: x-small;">hpnm092_setOpacity(hpnm092_obj,hpnm092_ballopacity[hpnm092_i]);</span><br />
<span style="font-size: x-small;">hpnm092_obj.style.left = (hpnm092_ballleft[hpnm092_i]-15) + 'px';</span><br />
<span style="font-size: x-small;">for(hpnm092_n = 1; hpnm092_n <= hpnm092_subball_num; hpnm092_n++) {</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub = document.getElementById(hpnm092_prj_nm + '_subball'+hpnm092_i+hpnm092_n);</span><br />
<span style="font-size: x-small;">hpnm092_img_sub = document.getElementById(hpnm092_prj_nm + '_subball_img'+hpnm092_i+hpnm092_n);</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">hpnm092_img_sub.src = hpnm092_preimg_sub[ hpnm092_getRandomNum( hpnm092_subball_sbt_num ) ].src;</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">hpnm092_subballtop[hpnm092_i][hpnm092_n] = hpnm092_balltop_to[hpnm092_i] + 15;</span><br />
<span style="font-size: x-small;">hpnm092_subballleft[hpnm092_i][hpnm092_n] = hpnm092_ballleft[hpnm092_i];</span><br />
<span style="font-size: x-small;">hpnm092_subballmovelr[hpnm092_i][hpnm092_n] = hpnm092_getRandomNum( 2 );</span><br />
<span style="font-size: x-small;">hpnm092_subballspeedv[hpnm092_i][hpnm092_n] = hpnm092_getRandomNum( 3 ) + 1;</span><br />
<span style="font-size: x-small;">hpnm092_subballspeedh[hpnm092_i][hpnm092_n] = hpnm092_getRandomNum( 3 ) + 1;</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">hpnm092_obj_sub.style.top = hpnm092_subballtop[hpnm092_i][hpnm092_n] + 'px';</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.left = hpnm092_subballleft[hpnm092_i][hpnm092_n] + 'px';</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.visibility = 'visible';</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">hpnm092_action[hpnm092_i] = 2;</span><br />
<span style="font-size: x-small;">hpnm092_actioncnt[hpnm092_i] = 0;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">break;</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">case 2:</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">for(hpnm092_n = 1; hpnm092_n <= hpnm092_subball_num; hpnm092_n++) {</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub = document.getElementById(hpnm092_prj_nm + '_subball'+hpnm092_i+hpnm092_n);</span><br />
<span style="font-size: x-small;">hpnm092_img_sub = document.getElementById(hpnm092_prj_nm + '_subball_img'+hpnm092_i+hpnm092_n);</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">hpnm092_subballtop[hpnm092_i][hpnm092_n] -= ( 20 - hpnm092_actioncnt[hpnm092_i] ) * hpnm092_subballspeedv[hpnm092_i][hpnm092_n] / 8;</span><br />
<span style="font-size: x-small;">hpnm092_subballleft[hpnm092_i][hpnm092_n] -= ( hpnm092_subballmovelr[hpnm092_i][hpnm092_n] == 0 ? 1 : -1 ) * hpnm092_subballspeedh[hpnm092_i][hpnm092_n] / 2;</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">if( hpnm092_subballleft[hpnm092_i][hpnm092_n] < hpnm092_viewright ) {</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.top = hpnm092_subballtop[hpnm092_i][hpnm092_n] + 'px';</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.left = hpnm092_subballleft[hpnm092_i][hpnm092_n] + 'px';</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else {</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.top = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.left = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.visibility = 'hidden';</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">if( hpnm092_actioncnt[hpnm092_i] < 20 ) {</span><br />
<span style="font-size: x-small;">hpnm092_actioncnt[hpnm092_i]++;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else {</span><br />
<span style="font-size: x-small;">hpnm092_action[hpnm092_i] = 3;</span><br />
<span style="font-size: x-small;">hpnm092_actioncnt[hpnm092_i] = 0;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">break;</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">case 3:</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">for(hpnm092_n = 1; hpnm092_n <= hpnm092_subball_num; hpnm092_n++) {</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub = document.getElementById(hpnm092_prj_nm + '_subball'+hpnm092_i+hpnm092_n);</span><br />
<span style="font-size: x-small;">hpnm092_img_sub = document.getElementById(hpnm092_prj_nm + '_subball_img'+hpnm092_i+hpnm092_n);</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">hpnm092_subballtop[hpnm092_i][hpnm092_n] += hpnm092_actioncnt[hpnm092_i] * hpnm092_subballspeedv[hpnm092_i][hpnm092_n] / 8;</span><br />
<span style="font-size: x-small;">hpnm092_subballleft[hpnm092_i][hpnm092_n] -= ( hpnm092_subballmovelr[hpnm092_i][hpnm092_n] == 0 ? 1 : -1 ) * hpnm092_subballspeedh[hpnm092_i][hpnm092_n] / 2;</span><br />
<span style="font-size: x-small;">if( hpnm092_subballleft[hpnm092_i][hpnm092_n] < hpnm092_viewright ) {</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.top = hpnm092_subballtop[hpnm092_i][hpnm092_n] + 'px';</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.left = hpnm092_subballleft[hpnm092_i][hpnm092_n] + 'px';</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else {</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.top = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.left = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.visibility = 'hidden';</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">if( hpnm092_actioncnt[hpnm092_i] < 10 ) {</span><br />
<span style="font-size: x-small;">hpnm092_actioncnt[hpnm092_i]++;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else {</span><br />
<span style="font-size: x-small;">hpnm092_action[hpnm092_i] = 4;</span><br />
<span style="font-size: x-small;">hpnm092_actioncnt[hpnm092_i] = 0;</span><br />
<span style="font-size: x-small;">for(hpnm092_n = 1; hpnm092_n <= hpnm092_subball_num; hpnm092_n++) {</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub = document.getElementById(hpnm092_prj_nm + '_subball'+hpnm092_i+hpnm092_n);</span><br />
<span style="font-size: x-small;">hpnm092_img_sub = document.getElementById(hpnm092_prj_nm + '_subball_img'+hpnm092_i+hpnm092_n);</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">hpnm092_obj_sub.style.top = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.left = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_obj_sub.style.visibility = 'hidden';</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">break;</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">case 4:</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">if( hpnm092_actioncnt[hpnm092_i] < 10 ) {</span><br />
<span style="font-size: x-small;">hpnm092_actioncnt[hpnm092_i]++;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else if( hpnm092_actioncnt[hpnm092_i] < 16 ) {</span><br />
<span style="font-size: x-small;">hpnm092_ballopacity[hpnm092_i] -= 0.05;</span><br />
<span style="font-size: x-small;">hpnm092_setOpacity(hpnm092_obj,hpnm092_ballopacity[hpnm092_i]);</span><br />
<span style="font-size: x-small;">hpnm092_actioncnt[hpnm092_i]++;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">else {</span><br />
<span style="font-size: x-small;">hpnm092_obj.style.top = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_obj.style.left = '0px';</span><br />
<span style="font-size: x-small;">hpnm092_obj.style.visibility = 'hidden';</span><br />
<span style="font-size: x-small;">hpnm092_action[hpnm092_i] = 0;</span><br />
<span style="font-size: x-small;">hpnm092_actioncnt[hpnm092_i] = 0;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">break;</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">setTimeout("hpnm092_fire()",30);</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">hpnm092_fire();</span><br />
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;">var hpnm092_rsurl = "http://www.hapinemu.net/researchbp2.php?kbn="+hpnm092_prj_no+"&ref="+encodeURI(document.URL)+"&name="+encodeURI(hpnm092_prj_nm);</span><br />
<span style="font-size: x-small;">document.write('<iframe src="'+hpnm092_rsurl+'" height=0 width=0 frameborder=0 scrolling=no></iframe>');</script></span></blockquote><br />
<div style="text-align: justify;"><b>3.§</b> Damos clic a <b>Guardar</b> y listo. Para <b>cambiar el</b> <b>color</b> de la lluvia, deberemos de guardar las imágenes .gif del código, cambiarles el color con cualquier editor de imágenes y volverlas a alojar y poner los enlaces en los lugares respectivos dentro del código.<br />
<br />
Espero que les haya gustado el tutorial. Pueden dejar sus comentarios, alguna duda que tengan o sugerencia para algún tutorial</div><br />
<span style="background: url("https://3.bp.blogspot.com/_yVKhLCZjGOI/SffCESRQjQI/AAAAAAAAAu0/qQ1gQReoGxI/s400/contacto.png") no-repeat left; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 18px;">Visto en : <a href="http://www.hapinemu.net/" target="_blank">Hapinemu</a></span>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com5tag:blogger.com,1999:blog-9122953697184448343.post-58789211601891977872017-10-24T14:06:00.000-07:002017-10-24T14:06:11.737-07:00Fuentes tipográficas Halloween 2017<div style="text-align: justify;">Espero que se encuentren muy bien. Como ya estamos próximos a Halloween decidí hacer un pack de fuentes ideales para esta festividad y que espero puedan serles de mucha ayuda.<br />
<br />
En este <b>pack</b> encontrarán las siguientes fuentes: October crow, Anywhere but home, Lakeshore drive, 1942 report, Simon script, Foglihten N04 regular, SF Gothican, Miserable, Graveyard BRK regular y Straight to hell BB.<br />
<br />
Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:<br />
<br />
» Si tienes <b>Windows 7 o superior</b>, simplemente da clic derecho sobre una fuente y buscas la opción <i>Instalar</i> del menú contextual.<br />
» Si tienes <b>Windows XP</b>, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img alt="halloween, fonts, october, fuentes, 2017, free, download, gratis" border="0" class="img3" title="Halloween fonts 2017" src="https://2.bp.blogspot.com/-gTiOryJR8Qk/We-p9Ayi12I/AAAAAAAACi8/sgA5QPWLy4Avt3RkjhjWO6LaJGepnV_wgCLcBGAs/s1600/jessica_diyva_fuentes_octubre_2017_halloweenfonts.png" /></div><center><span style="font-weight: bold;">DESCARGAR FUENTES</span> <a href="https://goo.gl/vqr815"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin: 0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-32448451957807256932017-09-12T14:04:00.000-07:002017-09-12T14:04:21.217-07:00Fuentes tipográficas septiembre 2017<div style="text-align: justify;">!Qué tal! Espero que se encuentren muy bien. Hoy quiero compartir con ustedes un pack de fuentes bonitas y gratuitas, que seguramente les va a ser de mucha ayuda al momento de realizar alguna tarjeta, cartel, postal, etc.<br />
<br />
En este <b>pack</b> encontrarán las siguientes fuentes: Mocking bird, Affectionately yours, Give you what you like, Watermelon script, Dandeleon, Adreena script, Magnolia sky, Raph Lanok, Autumn in November y Bestovers .<br />
<br />
Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:<br />
<br />
» Si tienes <b>Windows 7 o superior</b>, simplemente da clic derecho sobre una fuente y buscas la opción <i>Instalar</i> del menú contextual.<br />
» Si tienes <b>Windows XP</b>, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img alt="beauty, fonts, handlettering, fuentes, 2017, free, download, gratis" border="0" class="img3" title="September fonts 2017" src="https://4.bp.blogspot.com/-KoXcVKqW034/WbhLKwOpZQI/AAAAAAAACiI/fGUz95BCNyM-Q6hTK915oQmTCCzPstCxQCLcBGAs/s1600/jessica_diyva_fuentes_septiembre_2017_septemberfonts.png" /></div><center><span style="font-weight: bold;">DESCARGAR FUENTES</span> <a href="https://goo.gl/DHw6ep"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin: 0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-62257599181742130842017-08-23T16:18:00.000-07:002017-09-18T15:41:30.354-07:00 Tutorial efecto mate en Photoshop + acción globo metálico<div style="text-align: justify;">Qué tal! Espero que se encuentren muy bien. El día de hoy les traigo un tutorial cortito, pero de gran utilidad. Se trata de agregar el <b>efecto mate</b> a nuestras fotografías o imágenes usando <b>Photoshop</b>. El tutorial tiene muy pocos pasos y es bastante sencillo así que no tendrán ningún problema para agregar este efecto a sus imágenes.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="effect, matte, photoshop, efecto, mate, tutorial" border="0" class="img3" data-original-width="580" data-original-height="341" src="https://2.bp.blogspot.com/-KHcOuqZeO_g/WZ39-xdlI2I/AAAAAAAACh0/Voup1Sk7j-IBupTWqIk7gqhCIen8GjIMgCLcBGAs/s1600/diyva_jessica_matte_effect_photoshop.png" title="Matte effect Photoshop" /></div><br />
También junto a este tutorial estoy dejando una <b>acción de Photoshop</b> para que se la puedan descargar. El efecto de la acción es de <b>globo metálico</b>, como pueden ver en la imagen. Se puede agregar tanto a texto como a elementos. <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="foil, balloon, text, effect, photoshop, efecto, globo, metálico" border="0" class="img3" data-original-width="522" data-original-height="373" src="https://3.bp.blogspot.com/-tprIAkDF6D4/WZ3-Dy-qy-I/AAAAAAAACh4/GvoLuqKq21MOr1IQhYlqp5voUENrN8gBACLcBGAs/s1600/diyva_jessica_foil_balloon_photoshop.png" title="Efeto globo metálico Photoshop" /></div><br />
Y sin más que escribir me despido por el día de hoy dejándoles el tutorial y la acción para descargar.</div><br />
<center><iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/dXicTL0fBuc" width="480"></iframe></center><center><span style="font-weight: bold;">DESCARGAR</span> <a href="https://goo.gl/vY2ccA"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin: 0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-73413313704406357942017-07-31T08:45:00.000-07:002017-07-31T08:45:02.041-07:00Consejos para tener un blog exitoso<div style="text-align: justify;">!Qué tal! ¿Cómo les fue el fin de semana? Espero que todo bien y que hayan podido renovar energías para esta nueva semana. Hoy traigo un post con algunos consejos que pueden ser de utilidad para quienes recién están empezando, aunque también son válidos para quienes ya llevan algún tiempo con su blog. Los consejos pueden parecer muy obvios, pero no está de más recordarlos y además son los que básicamente nos llevarán a tener un blog exitoso. Hay que aplicar cada consejo con constancia, revisando si en nuestros blogs estamos aplicando estos tips y con el tiempo veremos los resultados.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img alt="success, tips, blog, blogger, wordpress, free, gratis, tips, hacks, followers" border="0" class="img3" title="Consejos para tener un blog exitoso" src="https://1.bp.blogspot.com/-bszkYk3frYs/WX9PYNI09_I/AAAAAAAAChg/HfIWA7Bcc8Uyu4E5q4IrmdZpKOFcjjKnACLcBGAs/s1600/diyva_jessi_success_blog_b.png" /></div><br />
<blockquote class="cita2"><b>Post recomendado:</b><br />
<a href="http://diyva.blogspot.pe/2017/06/5-consejos-triunfar-en-instagram.html">5 consejos para triunfar en Instagram</a></blockquote><div style="text-align: justify;"><b>Consejo #1: NO TRATES DE SER ALGUIEN QUE NO ERES</b><br />
<br />
Escribe con tu propia voz y sé auténtico. Podemos llegar a pensar que si imitamos la forma de escribir de algún bloggero exitoso eso hará que nuestro blog sea más visitado, pero no será así. Tarde o temprano se darán cuenta que estamos tratando de imitar, que no somos auténticos. Debemos ser nosotros al momento de escribir. Cada persona es única y eso único en nuestros escritos es lo que hará que nos distingamos del resto y que valoren nuestros blogs.<br />
<br />
<b>Consejo #2: SER COHERENTE CON NUESTROS ESFUERZOS</b><br />
<br />
No podemos pretender tener miles de comentarios o visitantes si escribimos de vez en cuando. Al empezar un blog debemos esforzarnos más. Debemos tener una frecuencia de escritura y cumplirla, ya que nuestros lectores merecen respeto. Si escribiremos los martes y jueves hay que hacerlo, ya que nuestros lectores estarán esperando leer nuestro nuevo post. Y si en algún momento sabemos que nos va a ser imposible publicar una entrada el día que solemos hacerlo, anunciarlo también a nuestros lectores, mediante las redes sociales o en las últimas líneas del post anterior. <br />
<br />
<b>Consejo #3: TENER FOTOS VISUALMENTE ATRACTIVAS</b><br />
<br />
Cada post que escribamos debe estar acompañada por imágenes o fotos que capturen la atención del lector, que sean relevantes y originales. Si escribimos texto sobre las imágenes con ayuda de un editor, que la fuente sea atractiva y que pueda leerse. Por otro lado, de nada servirá que nuestro post tenga imágenes espectaculares si es que el contenido está lleno de faltas ortográficas. Hay que tener cuidado al momento de escribir y leer todo el post nuevamente antes de publicarlo. <br />
<br />
<b>Consejo #4: CONSTRUIR EL ÉXITO TOMA TIEMPO</b><br />
<br />
No todo viene de la noche a la mañana. Es triste ver a bloggers que al principio inician con muchas ganas y que luego por la falta de lectores, de comentarios, se van desanimando y publican cada vez con menos frecuencia y al final el blog queda abandonado. No debemos olvidar que si publicamos frecuentemente estamos yendo por buen camino. Y aunque al principio parezca que vamos mal por la falta de comentarios, en realidad no es así. Los comentarios, los lectores, llegarán con el tiempo, pero debemos seguir siendo constantes y no desanimarnos en el camino.</DIV>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com1tag:blogger.com,1999:blog-9122953697184448343.post-88740673316793102702017-07-13T16:51:00.000-07:002017-07-13T16:51:47.595-07:00Tarjetas de matrimonio gratuitas y editables PSD<div style="text-align: justify;">¿Cómo están? Espero que muy bien. Esta semana una prima mía muy querida me pidió que le diseñara la invitación para su matrimonio. Yo me puse muy contenta por el pedido, me puse inmediatamente a diseñar y el día martes fuimos con ella a la imprenta para que puedan imprimir las tarjetas . <br />
Y como para el diseño hice algunos ornamentos que al final no utilicé, decidí crear algunas tarjetas adicionales pensando en que tal vez le puedan servir a alguien que esté pronto a casarse. Y aquí están las tarjetas para ustedes con mucho cariño.<br />
<br />
<span style="font-weight:bold;">CARACTERÍSTICAS</span> <br />
<br />
Pack de <b>4</b> tarjetas editables en Photoshop para bodas.<br />
<b>Autora :</b> <a href="https://diyva.blogspot.com/" target="_blank">Diversas y Variadas</a><br />
<b>Formato:</b> PSD.<br />
<br />
Las tarjetas pueden editarlas a su gusto, cambiar los colores de las letras, quitar algún ornamento, cambiar el tipo de fuente, etc. Solamente les pido que si comparten este pack en sus páginas, que puedan poner un enlace a mi blog.<br />
Y si quieren que les diseñe alguna tarjeta personalizada, o si quieren que suba más tarjetas para otro tipo de fiestas pueden decírmelo en los comentarios.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" class="img3" alt="free, download, wedding, cards, psd, photoshop, gratis, gratuita, tarjetas, boda" title="Tarjetas de matrimonio gratuitas y editables PSD" src="https://3.bp.blogspot.com/-URgLMfFB7wY/WWgFsakW33I/AAAAAAAAChQ/LVxuyzgnAXYlvP3KeU-oVP6XE3u3nLXCQCLcBGAs/s1600/diyva_jessi_wedding_cards_psd_free.png"></div><center><span style="font-weight:bold;">Descargar</span> <a href="https://goo.gl/xczZjp" target="_blank"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;"></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-31943223929638351152017-07-06T07:53:00.001-07:002017-07-06T07:53:58.979-07:00Watercolour Social Icons<div style="text-align: justify;"><i>Watercolour Social Icons</i> es una colección de íconos de redes sociales en pintura acuarela. <br />
<br />
<span style="font-weight:bold;">CARACTERÍSTICAS</span> <br />
<br />
Pack de <b>25</b> íconos de redes sociales en cinco colores diferentes: RSS, Facebook, e-mail, Instagram y Twitter.<br />
<b>Autor :</b> <a href="https://www.blogger.com/blogin.g?blogspotURL=http://yuniquelysweet.blogspot.pe/2014/03/watercolour-social-icons.html" target="_blank">Yuniquely Sweet</a><br />
<b>Formato:</b> PNG.<br />
<b>Tamaños:</b> 80x80 px.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" class="img3" alt="happy, icons, free, download, social, gratis, watercolour, acuarela, facebook, twitter, instagram" title="Watercolour Social Icons" src="https://2.bp.blogspot.com/-9uVPSVkh2_U/WV5OUs89zKI/AAAAAAAAChA/8V1yV8e7bNYutHfAjKYrP6LGqlDD9QgRACLcBGAs/s1600/diyva_jessi_watercolour_social_icons.png"></div><center><span style="font-weight:bold;">Descargar</span> <a href="https://www.dropbox.com/s/xt08nm0ssihpdf3/watercolour-social-icons.zip" target="_blank"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;"></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-20011381388992900872017-06-29T08:09:00.000-07:002017-06-29T08:32:58.366-07:00Gadget de post populares con imagen circular<div style="text-align: justify;">Hola, ¿cómo se encuentran? Espero que bien. Ya casi estamos a puertas de un nuevo fin de semana (¡qué rápido pasan los días!) y antes que termine esta semana, les traigo un pequeño tutorial, muy sencillo de implementar y que me han pedido en varios comentarios.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img alt="popular, post, widget, gadget, circle, entradas, populares, tutorial, CSS, blogger" border="0" class="img3" title="Widget de entradas populares con miniatura circular" src="https://3.bp.blogspot.com/-tuWOzAAJvAw/WVUUMCk8vpI/AAAAAAAACgw/HNYhBCZCPFU7zrs6jCbvScU-8oTdv5t6ACLcBGAs/s1600/diyva_jessi_popular_post_circle.png" /></div><br />
<div style="text-align: justify;">Para el tutorial emplearemos CSS para darle algo de estilo a la miniatura del widget de entradas populares que ya debemos tener Entonces, empecemos con el mini-tutorial.</div><br />
<blockquote class="cita2"><b>Post recomendado:</b><br />
<a href="http://diyva.blogspot.pe/2012/10/gadget-de-posts-entradas-recientes-con.html">Gadget de últimas entradas con imagen en miniatura</a></blockquote><div style="text-align: justify;"><b>1.§</b> Entramos a nuestro panel de Blogger y vamos a <b>Tema</b> - <b>Editar HTML</b>.<br />
<br />
<b>2.§</b> Damos un clic dentro del código de la plantilla y presionamos las teclas <i>CTRL+F</i>. Dentro de la caja de búsqueda escribiremos <b>]]></b:skin></b><br />
<br />
<b>3.§</b> Encima de ]]></b:skin>, pegaremos los siguientes estilos CSS:<br />
<blockquote>.PopularPosts ul li img{<br />
padding: 0;<br />
width: 80px;<br />
height: 80px;<br />
border-radius: 50%;<br />
}</blockquote><b>4.§</b> Damos en <b>Guardar tema</b> y listo.<br />
<br />
<i>¿Tienes alguna duda sobre el tutorial? ¿Te gustaría algún tutorial en especial sobre el gadget de entradas populares? Déjame tu respuesta en los comentarios </i></div>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com1tag:blogger.com,1999:blog-9122953697184448343.post-55727878839117322332017-06-22T16:35:00.001-07:002017-06-26T13:27:30.501-07:005 consejos para triunfar en Instagram<div style="text-align: justify;">!Qué tal! ¿Cómo va la semana? Espero que todo bien. Hoy traigo un post que me han pedido en facebook y también en los comentarios de otros post y en el formulario de contacto. Se trata de algunos tips para que nos vaya mejor en Instagram y estos consejos sirven tanto para los que quieren usar Instagram como una forma de promocionar su blog o para los que usan la red social para promover su negocio.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img alt="free, gratis, instagram, tips, hacks, followers" border="0" class="img3" title="5 consejos triunfar en Instagram" src="https://2.bp.blogspot.com/-IPZqsbmostc/WUxRU7JUjFI/AAAAAAAACfo/anlS0xh59SkMjCrKs1GDbbJFRfK3s5JVACLcBGAs/s1600/diyva_jessi_instagram_tips.PNG" /></div><br />
<blockquote class="cita2"><b>Post recomendado:</b><br />
<a href="http://diyva.blogspot.pe/2009/05/consejos-para-tener-mas-lectores.html">Consejos para tener más lectores</a></blockquote><div style="text-align: justify;"><b>Consejo #1: USA IMÁGENES DE BUENA CALIDAD</b><br />
<br />
Instagram es una red social de imágenes por lo que la calidad es una de las cosas más importantes de trabajar. Hay que encontrar un estilo propio para nuestras imágenes de Instagram y así conseguiremos ser auténticos. Tampoco es que sea necesario ser fotógrafo profesional para tener imágenes de alta calidad, ya que la mayoría de imágenes que se comparten en Instagram se toman con celulares. Pero hay que tomarse tiempo para tomar las fotografias y configurar adecuadamente el celular o cámara que utilicemos. Luego de tomada la foto, podemos editarla con algún programa como Photoshop, con alguna aplicación de edición de fotos o directamente en Instagram. <br />
<br />
<b>Consejo #2: ENCUENTRA EL MOMENTO ÓPTIMO PARA PUBLICAR</b><br />
<br />
Esto es diferente para todos, por lo que tendrás que usar un poco de ensayo y error para determinar qué horario funciona mejor para tus seguidores. No hay fórmula mágica, así que sólo tienes que probar. Trata de publicar en varios momentos diferentes durante el día durante una semana y ver cuándo obtienes la mayor interacción de tus seguidores. También tienes que ver tu propio horario y saber cuándo serás capaz de publicar e interactuar con tus seguidores. <br />
<br />
<b>Consejo #3: PUBLICA FRECUENTEMENTE</b><br />
<br />
Cuando publicas a menudo, tienes más interacción con tus seguidores y también es bueno para ganar nuevos seguidores. Puedes estar días sin compartir y luego publicar la imagen más increíble ... y no conseguir nada. Pero si te apegas a un calendario de publicación bastante consistente de 3 a 4 veces al día en tus momentos óptimos, entonces conseguirás buena interacción con likes, comentarios y nuevos seguidores. Pero también hay que tener en cuenta que hay una línea delgada entre publicar a menudo y publicar demasiado. Publicar a menudo, no significa publicar por publicar. Tenemos que centrarnos en que cada publicación en Instagram tenga calidad y que sea de interés y valor para nuestros seguidores.<br />
<br />
<b>Consejo #4: USA HASHTAGS</b><br />
<br />
Los hashtags ayudarán a que tus imágenes puedan ser encontradas. Usa hashtags de acuerdo a la imagen que estás publicando. Y también puedes usar alguno que ya esté siendo compartido con frecuencia, que sea tendencia, para ayudar a que tus imágenes sean vistas por un público diferente. <br />
<br />
<b>Consejo #5: CONSTRUYE UNA COMUNIDAD</b><br />
<br />
Recuerda, Instagram es una red social por lo que tienes que ser social. Simplemente publicar tus fotos y nunca volver a ellas no te llevará muy lejos. Si quieres hacer crecer una audiencia leal y construir una comunidad con tu cuenta de Instagram, debes interactuar con tus seguidores. Si comentan una foto, contesta y comienza una conversación. Sé amable para que se sientan como si te conocieran y así volverán a tu Instagram o es posible que ganes un seguidor. También puedes conectarte con otros usuarios de Instagram que publiquen contenido similar al tuyo y formar asociaciones, colaboraciones y amistades.<br />
<br />
Pon estos sencillos consejos en práctica para que puedas llevar tu cuenta de Instagram al siguiente nivel.<br />
<br />
<i>¿Utilizas Instagram para promocionar tu blog o para tu negocio? ¿Tienes algún tip o consejo que te haya servido? </i></DIV>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com4tag:blogger.com,1999:blog-9122953697184448343.post-70644661752254160522017-06-13T09:29:00.000-07:002017-06-13T09:33:02.930-07:005 fuentes elegantes, ultra delgadas y gratuitas<div style="text-align: justify;">!Qué tal! Espero que se encuentren muy bien. Hoy quiero compartir con ustedes unas fuentes tipográficas, que seguramente va a ser de mucha ayuda al momento de diseñar alguna tarjeta, cartel, postal, imagen para el post, etc.<br />
Estas fuentes tienen en común tres cualidades: son elegantes, son ultra delgadas y son de descarga gratuita.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="slim, fonts, fuentes, 2017, free, download, gratis" border="0" class="img3" title="5 fuentes elegantes, ultra delgadas y gratuitas" src="https://2.bp.blogspot.com/-xPI5eV51dGY/WUAIY_y540I/AAAAAAAACfE/SNpPwFFXJ2oKh-M6g7TgwyGSG_as-F_hwCLcB/s1600/diyva_jessi_slim_fonts.PNG" /></div><br />
Para descargar cada fuente, solamente da clic al nombre de la misma. Puedes descargar las fuentes que necesites o todas ya que están muy bonitas. Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:<br />
<br />
» Si tienes <b>Windows 7 o superior</b>, simplemente da clic derecho sobre una fuente y buscas la opción <i>Instalar</i> del menú contextual.<br />
» Si tienes <b>Windows XP</b>, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.</div><br />
<blockquote class="cita2"><b>Post recomendado:</b><br />
<a href="http://diyva.blogspot.com/2017/05/wallpapers-florales-para-pc-y-celular.html">Wallpapers florales para PC y celular</a></blockquote><b>1.§</b> <a href="http://www.fontsquirrel.com/fonts/Aaargh" target='_blank'><b>FUENTE AAARGH</b></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Aaargh, font, gratis" border="0" class="img3" title="FUENTE AAARGH" src="https://1.bp.blogspot.com/-MbUckv5Ie9k/WUAIskkolxI/AAAAAAAACfI/mz24qsLDNBQWPmFMTgFCGElzf-Ojgo0uwCLcB/s1600/1.jpg" /></div><br />
<b>2.§</b> <a href="http://www.behance.net/gallery/Sequi-FREE-Typeface/7987725" target='_blank'><b>FUENTE SEQUI</b></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="sequi, font, gratis" border="0" class="img3" title="FUENTE SEQUI" src="https://2.bp.blogspot.com/-HJbGf6WLb0I/WUAIuhlHd0I/AAAAAAAACfM/3q7PoC1d66ApS4Q4i5tEmwsG_QF7YIaEACLcB/s1600/2.jpg" /></div><br />
<b>3.§</b> <a href="https://www.fontsquirrel.com/fonts/lovers-quarrel" target='_blank'><b>FUENTE LOVERS QUARREL</b></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="lovers, quarrel, font, gratis" border="0" class="img3" title="FUENTE LOVERS QUARREL" src="https://2.bp.blogspot.com/-opF_QttraQc/WUAIv3Uf-cI/AAAAAAAACfQ/5u4Ecp1yTowwpG1BoHKiRvx6g_E8ZOcMQCLcB/s1600/3.jpg" /></div><br />
<b>4.§</b> <a href="http://www.dafont.com/caviar-dreams.font" target='_blank'><b>FUENTE CAVIAR DREAMS</b></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="caviar dreams, font, gratis" border="0" class="img3" title="FUENTE CAVIAR DREAMS" src="https://3.bp.blogspot.com/-W6A12LRh_Iw/WUAIz-hvwdI/AAAAAAAACfY/cnhVxa_q6aMWhPva90UT-9gWXGKOy3yTwCLcB/s1600/4.jpg" /></div><br />
<b>5.§</b> <a href="https://www.fontsquirrel.com/fonts/Print-Clearly" target='_blank'><b>FUENTE PRINT CLEARLY</b></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="print, clearly, font, gratis" border="0" class="img3" title="FUENTE PRINT CLEARLY" src="https://2.bp.blogspot.com/-joTIsUWKOH0/WUAIx4lp58I/AAAAAAAACfU/-Iyz3ZlAUF89sItnZducFvDQqr8wU6aXwCLcB/s1600/5.jpg" /></div>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-10200686352915379052017-05-29T15:37:00.000-07:002017-05-29T15:37:50.183-07:00Wallpapers florales para PC y celular<div style="text-align: justify;">Hola, ¿cómo están?, espero que bien. Y para empezar esta semana, hoy quería compartir con ustedes un <b>pack de wallpapers florales</b> para su computadora y su celular .<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="wallpaper, flores, flower, free, download, gratis, pc, iphone, android, celular" border="0" class="img3" height="341" src="https://2.bp.blogspot.com/-SBOSQ5UbYR8/WSyiGn-VSXI/AAAAAAAACew/4S1TQCP9I-gfE-Ho3t2sbUvLwoDxaD5MACLcB/s1600/diyva_jessi_flower_wallpaper.PNG" title="Handwritten Fonts 2016" width="580" /></div><br />
El pack está compuesto por <b>40 wallpapers</b>, la mitad son para celular y la otra mitad, para PC. Si quieren ver todo el contenido del pack, les dejo el <b>video</b> para que puedan chequear todos los wallpapers que seguro les van a encantar como a mí.<br />
<br />
Si les gustó el pack o quieren algún tutorial o pedido en especial, pueden dejarlo en los comentarios.</div><br />
<div class="img3"><center><object height="315" width="560"><param name="movie" value="https://www.youtube.com/v/4S1h4MRVRk4?version=3&hl=es_ES&rel=0&showinfo=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="https://www.youtube.com/v/4S1h4MRVRk4?version=3&hl=es_ES&rel=0&showinfo=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"></embed></object></center></div><center><span style="font-weight: bold;">DESCARGAR WALLPAPERS</span> <a target="_blank" href="https://mega.nz/#!YUVESYoT!Ybue20Tuv9ukFZaDQRGNpOsBG8uXRMBntpAmAbFyDRU"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin: 0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-24537953646437102592017-05-24T09:14:00.000-07:002017-05-24T09:14:14.029-07:00Real Vista Food Icons<div style="text-align: justify;"><i>Real Vista Food Icons</i> es una colección muy apetitosa de íconos de comida, que serán de gran ayuda para blogs o webs de recetas de cocina o restaurantes. <br />
<br />
<span style="font-weight:bold;">CARACTERÍSTICAS</span> <br />
<br />
Pack de <b>6</b> íconos de comida: cubos de azúcar, helado de fresa, miel, papas fritas, café expreso y una cafetera.<br />
<b>Autor :</b> <a href="http://www.iconshock.com/" target="_blank">Iconshock</a><br />
<b>Formato:</b> PNG.<br />
<b>Tamaños:</b> 16x16, 24x24, 32x32, 48×48, 64x64, 72x72, 128x128, 256x256 y 400x400px.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" class="img3" alt="happy, icons, free, download, food, gratis, iconshock, facebook, twitter" title="Real Vista Food Icons" src="https://3.bp.blogspot.com/-fWQFitf_sVU/WSWw1Oy3bVI/AAAAAAAACeg/HWoyKEp2zmo8_dPhqQMTpTFl0r9fW8XqQCLcB/s1600/diyva_jessi_real_vista_food_icons.png"></div><center><span style="font-weight:bold;">Descargar</span> <a href="http://all-free-download.com/free-icon/download/real-vista-food-icons-icons-pack_120788.html" target="_blank"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;"></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-4452804341047670532017-05-15T14:59:00.000-07:002017-05-15T14:59:06.213-07:00Insertar emoji en tus post en Blogger<div style="text-align: justify;">Qué tal! Espero que hayan pasado un gran fin de semana, para reponer energías y empezar una nueva semana con más ánimo. Hoy les traigo un tutorial pequeño que me han pedido de cómo insertar los caracteres emoji en las entradas de Blogger.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img class="img3" alt="emoji, post, Blogger, facebook" title="Emoji en tus textos en Blogger" border="0" src="https://2.bp.blogspot.com/-n9b10UNHOWk/WRoigX683BI/AAAAAAAACeE/xGmoSgQlqbcEHHwtNGavlwW0BUhJvbYjACLcB/s1600/diyva_jessica_emoji_blogger_facebook.png" /></div><br />
Ahora, vamos con el tutorial:<br />
<br />
<b>1.§</b> Escribimos nuestra entrada como solemos hacerlo, insertando texto, imágenes, videos, etc.<br />
<br />
<b>2.§</b> En el momento en que necesitemos agregar un emoji al texto, damos clic al botón <i>Insertar caracteres especiales</i>, que tiene la forma de una carita.<br />
<br />
<b>3.§</b> En la ventana que aparecerá, damos clic a la lista desplegable <i>Símbolo</i> y elegimos <b><i>Emoji</i></b>. <br />
<div class="separator" style="clear: both; text-align: center;"><img class="img3" alt="emoji, post, Blogger, facebook" title="Emoji en tus textos en Blogger" border="0" src="https://2.bp.blogspot.com/-khF94ZLlmbU/WRoiglOJN0I/AAAAAAAACeI/nnAPqQ-p0ysXBmNwRMwGsQrb6boRaIcrgCLcB/s1600/diyva_jessica_emoji_blogger_facebook1.png" /></div><br />
<b>»</b> Al dar clic al lado de Emoji, desplegaremos las distintas categorías disponibles de emoji: personas y emociones; animales, plantas y comida; objetos; deportes, celebraciones y actividades; transporte, mapas y señales; meteorología, escenas y signos del zodiaco; adjunto; marcas; símbolos. <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img class="img3" alt="emoji, post, Blogger, facebook" title="Emoji en tus textos en Blogger" border="0" src="https://4.bp.blogspot.com/-rvhONGQZS9Y/WRoih0LBgkI/AAAAAAAACeM/Ys8SHa4rdJU7hao8FNwuDc4pMGrn4_3KACLcB/s1600/diyva_jessica_emoji_blogger_facebook2.png" /></div><b>»</b> Al pasar el cursor por cada emoji lo veremos más grande. Para insertarlo en el texto, solamente damos un clic en el emoji elegido y listo.</div>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com1tag:blogger.com,1999:blog-9122953697184448343.post-55111812298011570312017-05-10T15:22:00.002-07:002017-05-10T15:22:28.335-07:00 Tarjeta efecto bolsillo Día de la Madre (Tutorial Photoshop)<div style="text-align: justify;">Qué tal! Espero que se encuentren muy bien. Ya estamos a pocos días del Día de la Madre y seguramente estaremos pensando en cómo sorprender a mamá y retribuirle de alguna forma todo su cariño, abnegación y sacrificio.<br />
Y bueno, el post de hoy está relacionado con esta fecha tan significativa. Quiero compartir con ustedes un <b>tutorial</b> para realizar una tarjeta del día de la madre, que puede ser un complemento al regalo que le demos a mamá. La tarjeta se puede personalizar, ya que podemos colocar una foto bonita de nosotros con mamá.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="card, mother, day, free, download, gratis, 2017, tarjeta, postal" border="0" class="img3" height="300" src="https://3.bp.blogspot.com/-tsXS9_oL_Dw/WRORu7xHZoI/AAAAAAAACd0/kEtVG3tp5d0PkLnZU7taUBu7FdCjJ7ADgCLcB/s1600/diyva_jessica_motherdaycard.png" title="Mother's day card" width="583" /></div><br />
El tutorial está muy detallado, pueden pausarlo o retroceder para realizar cada paso y también pueden personalizarlo, elegir otros colores, elegir otro tamaño para su postal, etc. También les dejo el link con todos los materiales que necesitarán para la tarjeta.<br />
<br />
Espero que les guste y si hacen sus postales, pueden subirlas a Instagram o a mi Facebook y etiquetarme para verlas.</div><br />
<div class="img3"><center><object height="315" width="560"><param name="movie" value="https://www.youtube.com/v/IQIJz8mHxDg?version=3&hl=es_ES&rel=0&showinfo=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="https://www.youtube.com/v/IQIJz8mHxDg?version=3&hl=es_ES&rel=0&showinfo=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"></embed></object></center></div><center><span style="font-weight: bold;">DESCARGAR MATERIALES</span> <a href="https://goo.gl/AAznrn"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin: 0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-51395926991919976362017-02-09T13:21:00.001-08:002017-02-09T13:21:27.693-08:00Pack fuentes del mes de febrero - San Valentín<div style="text-align: justify;">!Qué tal! Espero que se encuentren muy bien. Antes de terminar esta semana, quiero compartir con ustedes un pack de fuentes de San Valentín, que seguramente les va a ser de mucha ayuda al momento de realizar alguna tarjeta, cartel, postal, etc.<br />
<br />
En este <b>pack</b> encontrarán las siguientes fuentes: I love what you do, Young Love ES, Fiolex Girls, Jellika - Love and Passion, Sophia, Victorian Tarlor, Brushgyo, Bolina, Landliebe y Just kidding.<br />
<br />
Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:<br />
<br />
» Si tienes <b>Windows 7 o superior</b>, simplemente da clic derecho sobre una fuente y buscas la opción <i>Instalar</i> del menú contextual.<br />
» Si tienes <b>Windows XP</b>, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Valentine, fonts, fuentes, 2017, free, download, gratis" border="0" class="img3" title="Valentine fonts 2017" src="https://3.bp.blogspot.com/-ze6ATuUUWhM/WJzaasH6gbI/AAAAAAAACdc/k9KJKDRpREUHIz5IwGsT1cd4t6wF7A42ACLcB/s1600/jessica_diyva_fuentes_febrero_valentinefonts_2017.png" /></div><center><span style="font-weight: bold;">DESCARGAR FUENTES</span> <a href="https://goo.gl/EFRQ7g"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin: 0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-37596177025976767402017-01-26T13:34:00.000-08:002017-01-26T13:34:08.134-08:00Happy Social Media Icons<div style="text-align: justify;"><i>Happy Social Media Icons</i> es una colección muy colorida y alegre de íconos de redes sociales, que sin duda, pondrán un toque de color en nuestro blog o web. Los íconos están en distintos colores y podemos usarlos de una sola tonalidad o usarlos combinados.<br />
<br />
<span style="font-weight:bold;">CARACTERÍSTICAS</span> <br />
<br />
Pack de <b>40</b> íconos de redes sociales, en varios colores: Twitter, Pinterest, Google plus, Facebook, RSS, Mail, Etsy y Deviantart<br />
<b>Autor :</b> <a href="http://maytel.deviantart.com/art/Happy-Social-Media-Icons-330268815" target="_blank">Maytel</a><br />
<b>Formato:</b> PNG.<br />
<b>Tamaños:</b> 50×50.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" class="img3" alt="happy, icons, free, download, gratis, colors, maytel, facebook, twitter" title="Happy Social Media Icons" src="https://4.bp.blogspot.com/--Q0JxG8J1t0/WIpqUxqBYKI/AAAAAAAACdM/jVlysnuREcUTzcgodkSpr5sYLuZVen1qACLcB/s1600/diyva_jessica_happy_social_icons.png"></div><center><span style="font-weight:bold;">Descargar</span> <a href="http://maytel.deviantart.com/art/Happy-Social-Media-Icons-330268815" target="_blank"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;"></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-52025501850008975872017-01-18T15:13:00.000-08:002017-01-18T15:13:37.816-08:00Títulos con subrayado animado deslizante con CSS<div style="text-align: justify;">Espero que su semana esté transcurriendo de lo mejor. Hoy les traigo un tutorial que seguro les va a gustar porque se trata de agregar un vistoso subrayado al título de nuestras entradas. El tutorial no es nada complicado y el resultado es muy bueno.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img class="img3" alt="animated, sliding, underline, tutorial, subrayado, animado, deslizante, CSS" title="Títulos con subrayado animado deslizante con CSS" border="0" src="https://3.bp.blogspot.com/-r96tUTpT3y8/WH_ypGDVt4I/AAAAAAAACc4/kSNyQCGX3DcWmElFbKMHB1HsU0DnjF0fACLcB/s1600/diyva_jessica_animated_sliding_underline_subrayado_animadopng.png" /></div><br />
El efecto consiste en un subrayado animado deslizante que funciona al pasar el cursor sobre el título del post, como pueden ver en este ejemplo y también en mi blog de pruebas.<br />
<br />
<center>( <span style="font-size:100%;"><b>↪</b></span> Ver <a href="http://blogpruebadyv.blogspot.com/" target="_blank">DEMO</a>)</center><div class="separator" style="clear: both; text-align: center;"><img alt="animated, sliding, underline, tutorial, subrayado, animado, deslizante, CSS" title="Títulos con subrayado animado deslizante con CSS" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTQUz496P640NX623OU4XaWkJoUo5gkAUQxRcbMkajMug0C4H01hOnevYz6PMONurSfuWKx9ju8js0RbGwr0hPq83FBxiesgaLVklz7fyCWj7i6fRsXThxGgUqB7kGmNMwBVzun3XVjP4/s1600/diyva_jessica_subrayado.gif" /></div>Ahora sí, vamos con el tutorial <br />
<br />
<b>1.§</b> Vamos a Plantilla - Editar HTML.<br />
<br />
<b>2.§</b> Damos un clic dentro del código de la plantilla y presionamos la combinación de teclas <b>CTRL+F</b>. Dentro de la casilla de búsqueda escribemos la etiqueta <b>]]></b:skin></b> y damos <i>Enter</i> para la búsqueda. <br />
<br />
<b>3.§</b> Encima de <b>]]></b:skin></b> pegaremos el siguiente código CSS:<br />
<blockquote>/* Subrayado título */<br />
h3.post-title {<br />
display: inline-block;<br />
}<br />
h3.post-title:after {<br />
content: '';<br />
display: block;<br />
height: <b>3px</b>;<br />
width: 0;<br />
background: transparent;<br />
transition: width .5s ease, background-color .5s ease;<br />
}<br />
h3.post-title:hover:after {<br />
width: 100%;<br />
background: <b>#1198cc</b>;<br />
}</blockquote>Para cambiar el <b>ancho del subrayado</b>, cambiamos el valor de <i>height: 3px</i> por el ancho que queramos; para cambiar el <b>color del subrayado</b>, cambiamos el código hexadecimal de <i>background: #1198cc</i> por otro color. Aquí les dejo una <a href="http://diyva.blogspot.pe/2009/10/cartilla-de-colores-hexadecimales.html">cartilla de colores</a> para que puedan elegir un color.<br />
<br />
<b>4.§</b> Finalmente, damos clic en <i>Guardar plantilla</i> y eso sería todo. Como ven, agregar este efecto es muy sencillo, pero si tienen alguna duda o si desean que haga un video de este tutorial, escríban en los comentarios. Que pasen una bonita semana.</div>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com1tag:blogger.com,1999:blog-9122953697184448343.post-64071858739509684132016-12-30T06:35:00.001-08:002016-12-30T06:35:23.504-08:00Tarjeta de Año Nuevo » Tutorial Photoshop<div style="text-align: justify;">Qué tal! Espero que se encuentren muy bien. Estamos ya a dos días de acabar el año. Si no nos fue muy bien este año, hay que animarnos, ya que el próximo será mejor. Siendo sincera, este año no me fue tan bien, no pude concretar algunas metas que tenía en mente, pero estoy segura que el 2017 lo podré hacer.<br />
Y bueno, volviendo al tema del post, hoy quiero compartir con ustedes un <b>tutorial</b> para realizar una postal o tarjeta navideña.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="card, new, year, free, download, gratis, 2017, tarjeta, postal" border="0" class="img3" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWhEnEq995OLbzIJXNtttiZ_u210Rb7q1RJYgfs9EP0EzBDmGMNr2IHOletQdnVaVavQnhkqRqXeIj2dajnlPcHTMog8i0QZW_hqO7v-avkaXXxianmggq8bndKjiOfBlzWiWz1xeL77s/s400/newyearcard2016jessi.jpg" title="Handwritten Fonts 2016" width="583" /></div><br />
El tutorial está muy detallado, pueden pausarlo o retroceder para realizar cada paso y también pueden personalizarlo, elegir otros colores, elegir otro tamaño para su postal, etc. También les dejo el link con todos los materiales que necesitarán para la tarjeta.<br />
<br />
Espero que les guste y si hacen sus postales, pueden subirlas a instagram o a mi facebook y etiquetarme para verlas. Nos vemos el próximo año con más tutoriales.</div><br />
<div class="img3"><center><object height="315" width="560"><param name="movie" value="https://www.youtube.com/v/XFgD0Qa1jGk?version=3&hl=es_ES&rel=0&showinfo=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="https://www.youtube.com/v/XFgD0Qa1jGk?version=3&hl=es_ES&rel=0&showinfo=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"></embed></object></center></div><center><span style="font-weight: bold;">DESCARGAR MATERIALES</span> <a href="https://goo.gl/4UeEKI"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin: 0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com1tag:blogger.com,1999:blog-9122953697184448343.post-83349628759728819042016-12-09T12:37:00.001-08:002016-12-09T12:42:07.392-08:00Wallpapers navideños para PC y celular<div style="text-align: justify;">Hola, ¿cómo están?, espero que bien y si no es así, pues ánimo, no dejemos que lo negativo nos arruine el día. Bueno, ya estamos fin de semana, otra semana más que pasó y ya queda muy poco para que el año se nos vaya. Y antes que termine la semana, quería compartir con ustedes un <b>pack navideño de wallpapers</b> para que su computadora y su celular estén navideños.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="wallpaper, christmas, navida, free, download, gratis, pc, iphone, android, celular" border="0" class="img3" height="300" src="https://1.bp.blogspot.com/-sSmpuQvkp1E/WEsR0b2T7rI/AAAAAAAACcU/KHJHX4qvKBsvTFMIXAvxwmwaEvOScWDVwCLcB/s640/diyva_jessica_christmas_wallpapers.png" title="Handwritten Fonts 2016" width="583" /></div><br />
El pack está compuesto por <b>40 wallpapers</b>, la mitad son para celular y la otra mitad, para PC. Son de lo más variados, algunos con frases, con cupcakes navideños, árboles de navidad, etc. Pero si quieren ver todo el contenido del pack, les dejo el <b>video</b> para que puedan chequear todos los wallpapers que seguro les van a encantar como a mí. <br />
Y ya que empezamos con este post navideños, los sucesivos post serán también dedicados a tutoriales y packs de esta bonita época del año. Y si les gustó el pack o quieren algún tutorial o pedido en especial, pueden dejarlo en los comentarios.</div><br />
<div class="img3"><center><object height="315" width="560"><param name="movie" value="https://www.youtube.com/v/yctneya1r4c?version=3&hl=es_ES&rel=0&showinfo=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="https://www.youtube.com/v/yctneya1r4c?version=3&hl=es_ES&rel=0&showinfo=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"></embed></object></center></div><center><span style="font-weight: bold;">DESCARGAR WALLPAPERS</span> <a target="_blank" href="https://mega.nz/#!wBt0gRIQ!2IbwynY7txRfLlT6e3TjiX-RCzi9Kj9afJnE2a6EvVk"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin: 0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com1tag:blogger.com,1999:blog-9122953697184448343.post-79727472870732447312016-11-30T13:35:00.000-08:002016-11-30T13:35:56.856-08:00Pack fuentes bonitas Handwritten - fuentes hechas a mano <div style="text-align: justify;">!Qué tal! Espero que se encuentren muy bien. Hoy es el último día del mes de Noviembre. ¡Qué rápido pasaron los días! Mañana empezamos un nuevos mes, el último mes del año. Y antes que termine el día, quiero compartir con ustedes una recopilación, un pack de fuentes hechas a mano que a mí me han gustado muchísimo. Y estoy segura que les van a ser muy útiles como a mí.<br />
<br />
En este <b>pack</b> encontrarán las siguientes fuentes: Stonestick, Mina, Aidan, Gypsy brush, Justin Road, Paunchy, Arnetalian, Markfreer, Harlott, The skinny, Bakery, Sunbreath, Garden Bed, Worthwhile, Asphalts, Godfeem, Night a more, Bromello, Paper Daisy y Brushgyo.<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Handwritten, fonts, fuentes, 2016, free, download, gratis" border="0" class="img3" height="400" src="https://3.bp.blogspot.com/-z40oUCp5SKk/WD9De-vxxRI/AAAAAAAACb8/uKyd1oRV2ngmM26cxe1xYe4wy16Qo45mACLcB/s400/jessica_diyva_fuentes_mano_handwrittenfonts.png" title="Handwritten Fonts 2016" width="340" /></div><br />
Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:<br />
<br />
» Si tienes <b>Windows 7 o superior</b>, simplemente da clic derecho sobre una fuente y buscas la opción <i>Instalar</i> del menú contextual.<br />
» Si tienes <b>Windows XP</b>, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.</div><br />
<div class="img3"><center><object height="315" width="560"><param name="movie" value="http://www.youtube.com/v/iechvrIzKJ8?version=3&hl=es_ES&rel=0&showinfo=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/iechvrIzKJ8?version=3&hl=es_ES&rel=0&showinfo=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"></embed></object></center></div><center><span style="font-weight: bold;">DESCARGAR FUENTES</span> <a href="https://goo.gl/Ngrrwz"><img src="https://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin: 0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com3tag:blogger.com,1999:blog-9122953697184448343.post-81896779875927324132016-11-03T08:39:00.000-07:002016-11-03T08:39:37.281-07:00Fuentes tipográficas noviembre 2016<div style="text-align: justify;">Espero que se encuentren muy bien. Hace ya unos días empezamos un nuevo mes con energías renovadas. Y en la entrada de hoy, quiero compartir con ustedes un pack de fuentes tipográficas gratuitas. Pueden utilizarlas en sus blogs, en alguna edición, postal, cartel, etc.<br />
<br />
En este pack encontrarán las siguientes fuentes: Theodista Decally, Bolina, Landliebe, Jonny Quest Classic, Market Deco, Lilly Belle, Biloxi Script, Nova Stamp, Hello Script y White Elephant .<br />
<br />
Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:<br />
<br />
» Si tienes <b>Windows 7 o superior</b>, simplemente da clic derecho sobre una fuente y buscas la opción <i>Instalar</i> del menú contextual.<br />
» Si tienes <b>Windows XP</b>, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img class="img3" title="November Fonts 2016" alt="november, noviembre, fonts, fuentes, 2016, free, download" border="0" src="https://2.bp.blogspot.com/-NrhCqTc33zc/WBtZcrIIxSI/AAAAAAAACbo/RCKvJUVjdtUfSwjETdKXO5MDu-8IkQ6LwCLcB/s1600/jessica_diyva_fuentes_noviembre_2016_novemberfonts.png" /></div><center><span style="font-weight:bold;">Descargar</span> <a href="http://goo.gl/vI4krf" ><img src="http://2.bp.blogspot.com/_yVKhLCZjGOI/StJXkjvfWmI/AAAAAAAAA9o/KMuFcrHcI7c/s400/Box+Full.png" style="margin:0px 0px -22px 0px;" /></a></center>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0tag:blogger.com,1999:blog-9122953697184448343.post-3360284603917426132016-10-20T09:55:00.000-07:002016-10-20T09:55:14.043-07:00Crea impresionantes collages, posters, tarjetas de forma online<div style="text-align: justify;">Ya es jueves y falta muy poquito para entrar a un nuevo fin de semana más. Y hoy quiero compartir con ustedes una herramienta online que me ha parecido sumamente útil y que además es fácil de utilizar. Y por si fuera poco, con esta herramienta podremos crear ediciones muy bonitas y con acabado profesional.<br />
Si quieres saber más, sigue leyendo este post.<br />
<div class="separator" style="clear: both; text-align: center;"><img title="Crea collages, posters, tarjetas online" alt="collage, online, plantilla, gratis, free" border="0" src="https://2.bp.blogspot.com/-hvxBh7HRep8/WAj0I4hNe_I/AAAAAAAACbU/ccN3sIq-vCMw7E3yxNNYG2yt1n1R3Js_QCLcB/s1600/diyva_jessica_collage_fotojet.png" /></div><a href="https://www.fotojet.com" target="_blank"><b>FOTOJET</b></a> es una herramienta online gratuita que nos será muy útil en dos campos: edición y creación. <br />
<br />
<b>§. EDICIÓN</b><br />
FotoJet posee herramientas excelentes para la edición de fotos o imágenes. Podremos recortar, rotar, redimensionar; añadir textos o imágenes prediseñadas; cambiar la exposición y nitidez; cambiar la inclinación de la imagen; aplicar efectos fotgráficos como el vintage, efecto blanco y negro, efecto lomo, etc., hay muchas posibilidades de edición y, lo más importante, de una forma sencilla e intuitiva.<br />
<br />
<b>§. CREACIÓN</b><br />
Además de ayudarnos en la edición de fotos, FotoJet nos permite crear piezas gráficas. Gracias a sus distintas plantillas, podemos crear collages, mosaicos, portadas para revistas, tarjetas, afiches, invitaciones, etc. Y adicionalmente, nos ayuda con nuestras redes sociales, ya que también podemos crear post para instagram o facebook, o banners para nuestro canal de youtube.<br />
<br />
Las posibilidades de edición y creación con FotoJet son infinitas y ahora depende de nuestra imaginación el uso que podamos darle.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://www.fotojet.com/" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img class="img3" alt="collage, card, facebook, template, free, online, FotoJet" title="FotoJet" border="0" src="https://2.bp.blogspot.com/-WC2HD_e1s0k/WAj0P8BkCXI/AAAAAAAACbY/iVn6mcw4A0EcMltsNZTknpiG6uXn6VnHgCLcB/s1600/diyva_jessica_collage_fotojet_photo.png" /></a></div><span style="background:url('http://3.bp.blogspot.com/_yVKhLCZjGOI/SffCESRQjQI/AAAAAAAAAu0/qQ1gQReoGxI/s400/contacto.png') no-repeat left;padding: 3px 0px 3px 18px;margin:0px 0px 0px 0px;"><a href="https://www.fotojet.com/" target="_blank">FotoJet</a> </span>Jéssica YKhttp://www.blogger.com/profile/00602541361816948827noreply@blogger.com0