Blogger Gadget Alanı Nasıl Eklenir?

eklentiler-için-yeni-gadget-alanı-oluşturma

  Blogger gadget alanı tema seçerken ilk odaklandığımız noktadır. Hangi alanı nasıl kullanacağımız kafamızda şekillendiğinde tema arayışına geçeriz. Kullandığımız Blogger platformunun tema konusunda istediğimiz gibi seçenekler sunmadığı ortada. Kendi çabanızla bazen çok güzel tema buluyorsunuz ama istediğiniz gibi gadget alanları bulunmadığından vazgeçiyorsunuz. Böyle olunca da istemediğiniz temada yolunuza devam etmek zorunda kalabiliyorsunuz. Aşağıda vereceğim kod sayesinde istediğiniz bölüme istediğiniz boyutta gadget alanı ekleyebilirsiniz. Sadece iki farklı kod ekleyerek bu işlemi tamamlamak mümkün.

Gadget Alanı Kurulum

  Kumanda paneline kodların bulunduğu Tema/ HTML'yi Düzenle yolunu takip ederek Ctrl+F yardımıyla ]]></b:skin> kodunu aratın ve hemen üzerine aşağıdaki kodu yapıştırın.

#gadget {float:left;width:900px;height:200px;background: #fff;}

Kod içinde boyutları istediğiniz gibi değiştirebilirsiniz. Genişlik ve yükseklik ayarlarını ekleyeceğiniz alana göre uyumlu hale getirebilirsiniz. Boyut ayarlama kısmı bittiğine göre şimdi gadget alanını nereye ekleyeceğimizi seçmemiz gerekiyor. Sidebar (sağ veya sol taraf), Footer (Temanın alt tarafında uygun yer), Header (Temanın üst tarafında uygun yer) veya Blog Kayıtları bölümünün hemen üstünde gadget gösterebilirsiniz. Bulmakta zorluk çekerseniz daha önce eklediğiniz eklentileri aratarak gadget alanının nerede olacağına karar verebilirsiniz. Yer konusunda emin olduktan sonra aşağıdaki kodu ekleyerek temanızı kaydedebilirsiniz.

<b:section class='gadget' id='gadget'></b:section>

 Eklenti eklemek için Yerleşim alanına tıkladığınızda yeni bir gadget alanı eklendiğini göreceksiniz. Bunun gibi istediğiniz yerlere gadget alanı oluşturmanız artık mümkün olacak. Eklediğiniz gadget alanının boyutunu ayarlamak için ilk eklediğiniz kodun içindeki 900px ve 200px değerlerini değiştirebilirsiniz.

Bu yazı Seo Teknikleri ve Blog İpuçları | DHY tarafından yazılmıştır. 
✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Blog Sayfanıza Hava Katacak E-Mail Abone Kodu

email-abone-eklentisi

  Blog sayfalarının kaliteli ve faydalı içerik üretme zorunluluğu kalıcı takipçi kazanmaları içindir. Sosyal ağ hesaplarınızla, GFC gibi blog servislerinin sağladığı imkanlarla veya Feedburner aracılığı ile takipçi hedefleyebilirsiniz. Diğer takip yöntemleri sizin yeni içerik girmenizden çok ziyaretçinin sizi ziyaret etmek istemesinden kaynaklanır. Feedburner ile her yani yazı yayınladığınızda otomatik olarak abonenin mail adresine gönderilir. Böylece yeni yazınızı okuması ve geri dönüş yapması daha muhtemel olur.

  Feedburner aboneliği istenildiği takdirde çıkabileceğiniz bir yöntemdir. Bu nedenle başkalarını takip etmek için mail adresinizi eklemeyi dert etmeyin. Özellikle yazılarını başarılı bulduğunuz ve size faydasını olacağını düşündüğünüz bloglar için abone olmanız sizin yararınızadır. Ürettiğiniz içerikleri daha çok kitleye ulaştırmak içi her yol mübahtır. Blog sayfanıza eklediğiniz abonelik formlarını kendi sayfanıza göre düzenleyip ilgi çekici hale getirerek bazı bilgiler ekleyebilirsiniz.

  Formlarda bilgi olarak kaç takipçiniz olduğunu veya ilgili olduğunuz kategorileri vererek abone olmaları için ziyaretçileri yönlendirebilirsiniz. Aşağıda görselini gördüğünüz eklenti üzerine gelindiğinde hareket eden şık bir formdur. Renkleri ve boyutlarıyla dilediğiniz gibi oynayabilirsiniz.

Nasıl Eklerim?
hareketli-eposta-eklentisi

 Hemen aşağıdaki kodu "Gadget Ekle" yöntemiyle JavaScript olarak ekleyin. Kırmızı ile belirttiğim dogushakayilmaz kısmını kendinize göre düzenlemeyi unutmayın.

<div id='subscribe-css'>
<p class='subscribe-note'><span>ABONE OLUN</span> <span class='itatu'>ve</span> Yeni Yazıları Yakından Takip Edin</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz' class='subscribe-form' method='post' onsubmit='window.open (&apos;https://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='dogushakanyilmaz'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='E-mail Adresinizi Giriniz'/><input class='subscribe-css-email-button' title='' type='submit' value='Gönder'/></form>
</div>
</div>
</div>

  Aşağıdaki kodu da tema kodlarının içindeki ]]></b:skin> kodunun hemen üstüne ekleyerek kaydedin. Abone formunun renkleriyle ilgili değişiklikleri buradan yapacaksınız. Kırmızı ile belirttiğim #374760 kodu arka plan rengini, #3cc091 ise "Gönder" butonu rengini temsil eder. Dilediğiniz renk kodu ile değiştirebilirsiniz.

/* Subscribe Box */
#subscribe-css{position:relative;padding:20px 0;background:#374760;overflow:hidden;border-top:4px solid #eee;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field{background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:52%;border:0}
.subscribe-css-email-button{background:#3cc091;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s}
.subscribe-css-email-button:hover{background:#37b185;}
#subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
#subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
#subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
#subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
#subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
#subscribe-css:hover p.subscribe-note span:before{width:100%;}

Bu yazı Seo Teknikleri ve Blog İpuçları | DHY tarafından yazılmıştır.
✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Blogger Renkli Etiketler Eklentisi

blogger-renkli-kategoriler-kodu

 Blogger renkli etiketler eklentisi - Blog sayfamda kullandığım ve bir kaç kişinin sorduğu bir eklentiydi. Etiketler liste halinde sıralandığında her etiket için ayrı bir renk vererek şık bir görünüm katar. Etiketlerin üzerinde mause ile gezince renklerin harekete geçtiğini göreceksiniz. Eğer her etiketteki kayıt sayısını göster derseniz kayıt sayısı verilen renge bürünür. Blog sayfanızda etiketleri kullanıyorsanız bu eklenti hoşunuza gidecektir. Sadece etiketlerin hepsini seçmek yerine belli başlı en fazla 10 etiket seçerek kategorilemek daha iyi görünecektir.

renkli-kategoriler-görünüşü

 Renkli etiketler eklentisini blog sayfanıza uyarlamak için Tema> HTML'yi Düzenle alanında ctrl+f yardımıyla </head> kodunu aratarak hemen üstüne aşağıdaki kodu ekleyin ve kaydedin. Daha sonra Gadget Ekle üzerinden etiketler eklentisini gerekli ayarları yaparak ekleyin.

<style type="text/css">

/* Renkli Kategori CSS */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:0;}
.label-count {white-space:nowrap;display:inline-block;}
#sidebar-wrapper .Label li{position:relative;background:#fff;color:#444;padding:0;margin:0;text-align:left;width:100%;transition:all .3s}
#sidebar-wrapper .Label li:hover {background:#fff;color:#cf4d35;}
#sidebar-wrapper .Label li:before {content:"";position:absolute;width:2px;height:100%;background:#4fafe9;transition:all .2s ease-in-out;}
#sidebar-wrapper .Label li:hover:before {width:100%;}
#sidebar-wrapper .Label li a{padding:0 0 0 20px;display:block;position:relative;line-height:42px;color:#787878;text-decoration:none;transition:all .3s}
#sidebar-wrapper .Label li a:hover {color:#fff;}
#sidebar-wrapper .Label li span{float:right;height:42px;line-height:42px;width:42px;text-align:center;display:inline-block;background:#4fafe9;color:#FFF;position:absolute;top:0;right:0;z-index:2}
#sidebar-wrapper .Label li:nth-child(1) span,#sidebar-wrapper .Label li:nth-child(1):before,#sidebar-wrapper .Label li:nth-child(7) span,#sidebar-wrapper .Label li:nth-child(7):before {background:#ca85ca;}
#sidebar-wrapper .Label li:nth-child(2) span,#sidebar-wrapper .Label li:nth-child(2):before,#sidebar-wrapper .Label li:nth-child(8) span,#sidebar-wrapper .Label li:nth-child(8):before {background:#e54e7e;}
#sidebar-wrapper .Label li:nth-child(3) span,#sidebar-wrapper .Label li:nth-child(3):before,#sidebar-wrapper .Label li:nth-child(9) span,#sidebar-wrapper .Label li:nth-child(9):before {background:#61c436;}
#sidebar-wrapper .Label li:nth-child(4) span,#sidebar-wrapper .Label li:nth-child(4):before,#sidebar-wrapper .Label li:nth-child(10) span,#sidebar-wrapper .Label li:nth-child(10):before {background:#f4b23f;}
#sidebar-wrapper .Label li:nth-child(5) span,#sidebar-wrapper .Label li:nth-child(5):before,#sidebar-wrapper .Label li:nth-child(11) span,#sidebar-wrapper .Label li:nth-child(11):before {background:#46c49c;}
#sidebar-wrapper .Label li:nth-child(6) span,#sidebar-wrapper .Label li:nth-child(6):before,#sidebar-wrapper .Label li:nth-child(12) span,#sidebar-wrapper .Label li:nth-child(12):before {background:#607ec7;}
#sidebar-wrapper .label-size{background:#45a2db;position:relative;display:block;float:left;margin:0 1px 1px 0;font-size:11px;transition:all .3s}
#sidebar-wrapper .label-size a{display:inline-block;color:#fff;padding:4px 6px;font-weight:400;transition:all .3s}
#sidebar-wrapper .label-count{display:inline-block;background:#3a91c7;color:#fff;padding:5px 8px;text-align:center;transition:all .3s}
#sidebar-wrapper .label-size a:hover{color:#fff;text-decoration:underline}
#footer-wrapper .label-size{background:#2e2e2e;color:#eee;display:block;float:left;margin:0 1px 1px 0;font-size:11px;transition:initial;}
#footer-wrapper .label-size a{display:inline-block;color:#eee;padding:4px 6px;font-weight:400;transition:all .3s}
#footer-wrapper .label-size a:hover {color:#fff;text-decoration:underline}
#footer-wrapper .label-count{white-space:nowrap;background:#2e2e2e;display:inline-block;color:#eee;padding:5px 8px;text-align:center}
#footer-wrapper .Label li{padding:5px 0;margin:0;text-align:left;border-bottom:1px solid #444;transition:all .3s}
#footer-wrapper .Label li a {color:#eee;transition:all .3s;}
#footer-wrapper .Label li span{background:#2e2e2e;float:right;color:#eee;margin:0;padding:4px 6px;text-align:center;font-size:13px;font-weight:400;transition:all .3s;}
#footer-wrapper .Label li a:hover,#footer-wrapper .Label li:hover,#footer-wrapper .Label li span:hover {color:#fff;text-decoration:underline}
</style>

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Roket Efektli Yukarı Çık Eklentisi

blogger-roket-yukarı-çık-düğmesi

 Roket efektli yukarı çık eklentisi - Blog sayfalarında eklenti kullanılacaksa en işe yarayanlardan biri yukarı çık eklentisidir. Çoğu blog sayfasında farklı fikirlerle yukarı çıkma eklentisi kullanıldığını görmüştüm. Bu tür eklentiler hem göze hoş gelir hem de sayfayı ziyaret etmek için kolaylık sağlar. Roket şeklindeki bu eklenti ziyaretçilerin çok hoşuna gidecektir. Eklenti aşağı indikçe ortaya çıkıyor ve siyah beyaz bir görünümde oluyor. Mause ile üzerine geldiğinizde renkleniyor ve tıkladığınızda ateşlenerek yukarı çıkıyor.


 Ziyaretçilerinize sayfanızı kolay gezdirmek adına roket efektli bu eklentiyi nasıl kuracağınıza geçelim. İki yere ekleyeceğiniz kod ile hemen kullanabilirsiniz. Öncelikle ]]></b:skin> kodunun üstüne aşağıdaki kodu ekleyin.

/* Back to Top Roket Efektli */
#scrolltop{display:none}
#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}
#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
#rocketmeluncur:hover{background-position:50% -62px}
#rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1}
#rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}
#rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}

Daha sonra ikinci aşamada </body> kodunun üstüne aşağıdaki kodu ekleyin ve kaydedin.

<a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a>
<script type='text/javascript'>
//<![CDATA[
jQuery(window).scroll(function(){jQuery(window).scrollTop()<50?jQuery("#rocketmeluncur").slideUp(500):jQuery("#rocketmeluncur").slideDown(500);var e=jQuery("#ft")[0]?jQuery("#ft")[0]:jQuery(document.body)[0],t=$("rocketmeluncur"),n=(parseInt(document.documentElement.clientHeight),parseInt(document.body.getBoundingClientRect().top),parseInt(e.clientWidth)),r=t.clientWidth;if(1e3>n){var l=parseInt(fetchOffset(e).left);l=r>l?2*l-r:l,t.style.left=n+l+"px"}else t.style.left="auto",t.style.right="10px"}),jQuery("#rocketmeluncur").click(function(){jQuery("html, body").animate({scrollTop:"0px",display:"none"},{duration:600,easing:"linear"});var e=this;this.className+=" launchrocket",setTimeout(function(){e.className="showrocket"},800)});
//]]>
</script>

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Blogger Statik Sayfasına CSS Sıkıştırma Aracı Kurulumu

blogger-statik-sayfasına-css-kodu

Blogger Statik Sayfasına Css Sıkıştırma Aracı Kurulumu - CSS kodunu sıkıştırmak seo açısından çok kıymetli bir hareket. Sayfanız ne kadar hızlı açılırsa o kadar iyi demektir. Hızlı açılması içinde sade eklentiler kullanmalı ve gereksiz kodlardan kurtulmalıyız. CSS sıkıştırma aracı eklentilerin boyutunu küçülterek kapladığı alandan tasarruf sağlıyor. Blogger sabit sayfalarında HTML bölümüne kolaylıkla ekleyerek kullanabileceğiniz şekilde ayarlanmıştır. Eklentilerle sık sık uğraşıyorsanız ve bolca eklenti kullanıyorsanız css kodlarını sıkıştırmak fayda sağlayacaktır.

 Blog sayfanıza bu aracı eklemeniz için yeni bir sayfa açmanız ve HTML bölümüne aşağıdaki kodu ekleyip kaydetmeniz yeterlidir. Sayfanızı açtığınızda kodları sıkıştırmak üzere aracın hazır olduğunu göreceksiniz. Kod içinde kırmızı ile gösterdiğim yerleri Türkçeleştirebilirsiniz.

<div id="cssminifier">
<style scoped="" type="text/css">
#cssminifier{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)}
#cssminifier textarea{width:100%;height:240px;margin:0 auto;display:block;background-color:#fff;padding:20px;font:normal 13px 'Courier New',Monospace;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);border-radius:5px 5px 0 0;resize:none}
textarea:focus{background-color:#FFF;color:#303030}
#cssminifier .box{margin:10px auto 30px;color:rgba(255,2255,255,.6);}
#cssminifier .box p{margin:0 0 2px}
#cssminifier button{cursor:pointer;}
#cssminifier .col{width:48%;margin:0 auto 30px}
#cssminifier .left{float:left;margin-left:1%}
#cssminifier .right{float:right;margin-right:1%}
#cssminifier .button-group{background:#2980b9;text-align:center;padding:20px 20px 40px 20px;margin:0;border-radius:0 0 5px 5px}
#cssminifier button,#cssminifier button[disabled]:active{background:rgba(255,255,255,0.2);text-align:center;color:#fefefe;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.471;border-radius:4px;margin:0 5px;border:0;transition:all .1s}
#cssminifier button:hover,#cssminifier button:active{background:#fff;color:#2980b9}
#cssminifier button[disabled],#cssminifier button[disabled]:active{background:#fff;}
#cssminifier .opt1,#cssminifier .opt2,#cssminifier .opt3,#cssminifier .opt4,#cssminifier .opt5{display:inline-block;margin:0 0 0 10px;vertical-align:middle;border:none;outline:none}
#cssminifier br{display:none}
</style>
<span class="clear"></span>
<textarea autofocus="" id="cssField" placeholder="Paste your CSS code here..." spellcheck="false"></textarea>
<div class="button-group">
<div class="box">
<input class="opt1" id="stripAllComment" type="checkbox" /> 
<label for="stripAllComment">Strip all comments</label>
<input class="opt2" id="superCompact" type="checkbox" /> 
<label for="superCompact">Super compact</label>
<input class="opt3" id="betterIndentation" type="checkbox" /> 
<label for="betterIndentation">Keep indentation</label>
<input checked="" class="opt4" id="keepLastComma" type="checkbox" /> 
<label for="keepLastComma">Remove the last semicolon</label>
</div>
<button onclick="compressCSS(&quot;cssField&quot;);">Compress CSS</button>
<button onclick="clearField(&quot;cssField&quot;);">Clear Field</button> 
<button onclick="selectAll(&quot;cssField&quot;);">Select All</button>
</div>
<div class="clear">
</div>
<script type="text/javascript">
function get(e){return document.getElementById(e)}function highlightCode(e){if(hc.checked){var a=e.innerHTML;a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/\'(.*?)\'/g,"<span class='st'>'$1'</span>").replace(/\"(.*?)\"/g,"<span class='st'>\"$1\"</span>").replace(/(\{|\n|;)?(.[^\{]*?):(.[^\{]*?)(;|\})/g,"$1<span class='pr'>$2</span>:<span class='vl'>$3</span>$4").replace(/<span class='pr'>\{/g,"{<span class='pr'>")}),a=a.replace(/&lt;(.*?)('|")(.*?)('|")&gt;/g,function(e){return e.replace(/'(.*?)'/g,"<span class='vl'>'$1'</span>").replace(/"(.*?)"/g,"<span class='vl'>\"$1\"</span>")}),a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/([\(\)\{\}\[\]\:\;\,]+)/g,"<span class='pn'>$1</span>").replace(/\!important/gi,"<span class='im'>!important</span>")}),a=a.replace(/\/\*([\w\W]+?)\*\//gm,"<span class='cm'>/*$1*/</span>"),e.innerHTML="<code>"+a+"</code>",hr.style.display="block",rt.style.display="block"}else hr.style.display="none",rt.style.display="none"}function compressCSS(e){var a=get(e),c=/@(media|-w|-m|-o|keyframes|page)(.*?)\{([\s\S]+?)?\}\}/gi,n=a.value,t=n.length;n=sa.checked||sc.checked?n.replace(/\/\*[\w\W]*?\*\//gm,""):n.replace(/(\n+)?(\/\*[\w\W]*?\*\/)(\n+)?/gm,"\n$2\n"),n=n.replace(/([\n\r\t\s ]+)?([\,\:\;\{\}]+?)([\n\r\t\s ]+)?/g,"$2"),n=sc.checked?n:n.replace(/\}(?!\})/g,"}\n"),n=bi.checked?n.replace(c,function(e){return e.replace(/\n+/g,"\n  ")}):n.replace(c,function(e){return e.replace(/\n+/g,"")}),n=bi.checked&&!sc.checked?n.replace(/\}\}/g,"}\n}"):n,n=bi.checked&&!sc.checked?n.replace(/@(media|-w|-m|-o|keyframes)(.*?)\{/g,"@$1$2{\n  "):n,n=cm.checked?n.replace(/;\}/g,"}"):n.replace(/\}/g,";}").replace(/;+\}/g,";}").replace(/\};\}/g,"}}"),n=n.replace(/\:0(px|em|pt)/gi,":0"),n=n.replace(/ 0(px|em|pt)/gi," 0"),n=n.replace(/\s+\!important/gi,"!important"),n=n.replace(/(^\n+|\n+$)/,""),a.value=n,hr.innerHTML="/* "+(t-n.length)+" of "+t+" unused characters has been removed. */\n"+n.replace(/</g,"&lt;").replace(/>/g,"&gt;"),highlightCode(hr)}function clearField(e){var a=get(e);a.value="",a.focus()}function selectAll(e){get(e).focus(),get(e).select()}var hc=get("highlightCode"),sa=get("stripAllComment"),sc=get("superCompact"),cm=get("keepLastComma"),bi=get("betterIndentation"),bs=get("breakSelector"),tt=get("toTab"),to=get("tabOpt").getElementsByTagName("input"),sb=get("spaceBetween"),ip=get("inlineSingleProp"),rs=get("removeLastSemicolon"),il=get("inlineLayout"),si=get("singleBreak"),hr=get("highlightedResult"),rt=document.getElementsByTagName("h2")[1];
</script>
</div>



Kaynak: Arlina Design

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵