teknoloji haber Portalı 2013

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 class="date-header" style="-webkit-text-stroke-width: 0px; background-color: white; color: black; font-family: Georgia, 'Times New Roman'; font-size: 1.3em; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<canvas height="17" style="height: 17px; left: -1px; margin: 0px; padding: 0px; position: relative !important; top: -2px; width: 72px;" width="72"></canvas><canvas height="17" style="height: 17px; left: -1px; margin: 0px; padding: 0px; position: relative !important; top: -2px; width: 37px;" width="37"></canvas><canvas height="17" style="height: 17px; left: -1px; margin: 0px; padding: 0px; position: relative !important; top: -2px; width: 42px;" width="42"></canvas></h2>
<div class="date-posts" style="-webkit-text-stroke-width: 0px; background-color: white; color: black; font-family: Tahoma; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17.625px; margin: 0px; orphans: auto; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<div class="post-outer" style="margin: 0px; padding: 0px;">
<div class="post hentry" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" style="background-color: white; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(0, 0, 0); color: #444444; line-height: 21px; margin: 0em 0em 1.5em; padding: 8px; width: 590px;">
<a href="https://www.blogger.com/null" name="8044053545608330755" style="margin: 0px; padding: 0px;"></a><h3 class="post-title entry-title" itemprop="name" style="color: #3c78a7; font-family: Arial; font-size: 1.3em; font-style: normal; font-variant: normal; line-height: normal; margin: 0px 0px 3px; padding: 0px;">
<canvas height="17" style="height: 17px; left: -1px; margin: 0px; padding: 0px; position: relative !important; top: -2px; width: 72px;" width="72"></canvas><canvas height="17" style="height: 17px; left: -1px; margin: 0px; padding: 0px; position: relative !important; top: -2px; width: 84px;" width="84"></canvas><canvas height="17" style="height: 17px; left: -1px; margin: 0px; padding: 0px; position: relative !important; top: -2px; width: 68px;" width="68"></canvas><canvas height="17" style="height: 17px; left: -1px; margin: 0px; padding: 0px; position: relative !important; top: -2px; width: 85px;" width="85"></canvas><canvas height="17" style="height: 17px; left: -1px; margin: 0px; padding: 0px; position: relative !important; top: -2px; width: 46px;" width="46"></canvas><canvas height="17" style="height: 17px; left: -1px; margin: 0px; padding: 0px; position: relative !important; top: -2px; width: 72px;" width="72"></canvas> </h3>
<h3 class="post-title entry-title" itemprop="name" style="color: #3c78a7; font-family: Arial; font-size: 1.3em; font-style: normal; font-variant: normal; line-height: normal; margin: 0px 0px 3px; padding: 0px;">
Bu yayınımda size Blogger Otomatik Resimli '' Devamını Oku '' Eklentisini Göstereceğim,</h3>
<div class="post-body entry-content" id="post-body-8044053545608330755" itemprop="description articleBody" style="margin: 0px 0px 10px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
 Bu eklentiyi bizde kullanıyoruz <a href="http://eklentilerblogger.blogspot.com/" style="color: #022f4e; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Buradan</a> Demoya bakabilirsiniz </div>
<div style="margin: 0px; padding: 0px;">
Amatör biriyseniz şoblonunuzun yedeğini almayı unutmayınız (Şoblon/Yedekle Geri Yükle/Tüm Şablonu İndir)</div>
<div style="margin: 0px; padding: 0px;">
 </div>
<div style="margin: 0px; padding: 0px;">
Öncelikle Blogger hesabınızdan Şablon/HTML’yi Düzenle ardından CTRL + F yardımı ile </head> kodunu buluyoruz ve bu kodun hemen üstüne aşağıdaki kodları ekleyin.</div>
<div style="margin: 0px; padding: 0px;">
 </div>
<pre style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-family: Arial, Helvetica, sans-serif; margin: 20px 0px; max-height: 250px; overflow: auto; padding: 5px;"><script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");

if(img.length<=0) {
imgtag = '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic3Wjyp0HKdC73WqXjIFGx6My4qkIGjvDKHzhr8253VUed_vz3xtBTu5Bj_dpImsV3NaMSrbytwhW1ZZ9LC_O3_z-QujbXYWv39sUgjB_IhpFyL3QOe_x0fAfJY3UUxbND9L97nn9tQKMy/s0/2nrklth.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>
</pre>
<div style="margin: 0px; padding: 0px;">
 </div>
Hemen ardından aşağıdaki kodu CTRL + F yardımı ile bulun bu koddan sitenizde 1'den fazla var ise ilk önce ikinci sıradakinde deneyin olmassa bastan başlayıp 1 sıradakinde deneyin oda olmassa 3 sıradakinde deneyin tabi varsa :) sonunda olacaktır. <pre style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-family: Arial, Helvetica, sans-serif; margin: 20px 0px; max-height: 250px; overflow: auto; padding: 5px;"><code style="background-color: #ececec; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(51, 51, 51); display: block; font-family: 'Courier New', Courier, Fixed; font-size: 1em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin: 0px; padding: 10px 0px 10px 10px;">
<data:post.body/></code></pre>
Yukarıdaki kodu aşağıdaki kod ile değiştirin <pre style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-family: Arial, Helvetica, sans-serif; margin: 20px 0px; max-height: 250px; overflow: auto; padding: 5px;"><code style="background-color: #ececec; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(51, 51, 51); display: block; font-family: 'Courier New', Courier, Fixed; font-size: 1em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin: 0px; padding: 10px 0px 10px 10px;">
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'><img src='http://oi30.tinypic.com/w8kyvp.jpg'/></a>
</b:if>
</b:if></code></pre>
1) Eğer benim örnek verdiğim resmi beğenmediyseniz http://oi30.tinypic.com/w8kyvp.jpg burayı silim istediğiniz resmin linkini koyun. 2) Resim istemiyorsanız <img src='http://oi30.tinypic.com/w8kyvp.jpgp.jpg'/> silin ve '' Devamını oku... '' yazabilirsiniz. 3)Aşağıdaki kodlar Yazıların ne kadar olacağını belirler.  <pre style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-family: Arial, Helvetica, sans-serif; margin: 20px 0px; max-height: 250px; overflow: auto; padding: 5px;">summary_noimg = 400;
summary_img = 400;</pre>
4)Aşağıdaki kodlar konuya eklenen resmin hangi boyutlarda görüntüleneceğini belirler. <pre style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-family: Arial, Helvetica, sans-serif; margin: 20px 0px; max-height: 250px; overflow: auto; padding: 5px;">img_thumb_height = 120;
img_thumb_width = 120;</pre>
 5)Aşağıdaki resimde konuya resim eklemediğinizde görülecek resim var.<pre style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-family: Arial, Helvetica, sans-serif; margin: 20px 0px; max-height: 250px; overflow: auto; padding: 5px;"><code style="background-color: #ececec; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(51, 51, 51); display: block; font-family: 'Courier New', Courier, Fixed; font-size: 1em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin: 0px; padding: 10px 0px 10px 10px;">
</code>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic3Wjyp0HKdC73WqXjIFGx6My4qkIGjvDKHzhr8253VUed_vz3xtBTu5Bj_dpImsV3NaMSrbytwhW1ZZ9LC_O3_z-QujbXYWv39sUgjB_IhpFyL3QOe_x0fAfJY3UUxbND9L97nn9tQKMy/s0/2nrklth.jpg</pre>
6) İşlemleri hatasız bir şekilde yaptıysanız herhangi bir sorun çıkmaz. <div class="separator" style="clear: both; margin: 0px; padding: 0px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOz-VJzB_wWk2nuzJsNIG6mezYFoqvMqY5noe1oKeITh3ouInJwh4S0pR844PjP61PW4fhicJ9dxE-dbIpk6cwkVjitFIFbVNlOyovUwnmXZWNdIMxYBKkfo5jeV2R7SD5zDUd7Z0nPspT/s582/Untitledd.png" style="color: #022f4e; margin: 0px 1em; padding: 0px; text-decoration: none;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOz-VJzB_wWk2nuzJsNIG6mezYFoqvMqY5noe1oKeITh3ouInJwh4S0pR844PjP61PW4fhicJ9dxE-dbIpk6cwkVjitFIFbVNlOyovUwnmXZWNdIMxYBKkfo5jeV2R7SD5zDUd7Z0nPspT/s400/Untitledd.png" style="background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(187, 187, 187); margin: 5px 10px 0px 0px; padding: 3px;" width="400" /></a></div>
 Devamını oku resmi için örnekler: <div class="separator" style="clear: both; margin: 0px; padding: 0px; text-align: center;">
 </div>
 <div class="separator" style="clear: both; margin: 0px; padding: 0px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQz9Foos_0b31-vb8V4CnpLLGXPtg7kuYEx3t95a-jG6IwESToqSi26qh_AbTJcS5x1zn5Vi6eP3J_3k24Z5UYDdD83a5XMR7NAghbwqZrN8O4lYMjTZyg3RO6TY4QmMMrMdHKQc2udPzR/s320/devamini-oku.png" style="color: #022f4e; margin: 0px 1em; padding: 0px; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQz9Foos_0b31-vb8V4CnpLLGXPtg7kuYEx3t95a-jG6IwESToqSi26qh_AbTJcS5x1zn5Vi6eP3J_3k24Z5UYDdD83a5XMR7NAghbwqZrN8O4lYMjTZyg3RO6TY4QmMMrMdHKQc2udPzR/s320/devamini-oku.png" style="background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(187, 187, 187); margin: 5px 10px 0px 0px; padding: 3px;" /></a></div>
 <div class="separator" style="clear: both; margin: 0px; padding: 0px; text-align: center;">
                                              <a href="http://3.bp.blogspot.com/-ZSBEuA_cyoI/Tn-G8s93GfI/AAAAAAAABRY/pEC1VPzE87w/s1600/yazi-devam.png" style="color: #022f4e; margin: 0px 1em; padding: 0px; text-decoration: none;"><img border="0" src="http://3.bp.blogspot.com/-ZSBEuA_cyoI/Tn-G8s93GfI/AAAAAAAABRY/pEC1VPzE87w/s1600/yazi-devam.png" style="background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(187, 187, 187); margin: 5px 10px 0px 0px; padding: 3px;" /></a> (Benim örnek olarak verdiğim)</div>
 <div class="separator" style="clear: both; margin: 0px; padding: 0px; text-align: center;">
<a href="http://3.bp.blogspot.com/-kRoQq4Lrh_w/UTzSNrgxZaI/AAAAAAAAFAM/t8QXOFrjoNE/s1600/Blogger+Eklentileri+Buton+1.png" style="color: #2165b2; margin: 0px 1em; padding: 0px; text-decoration: none;"> </a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf82KHBvMEPIV63-YV4FviEBLTELWG9ZhZWXZ5b9hAi5bL5Pn0az4kftLzuRUyHIqFpeol329MfSjoxXGuotkTPKCz3AbxtriDaDovX0-MYLrHETOm3jtTViuCvElsKREWYE61F5izQurP/s320/devam.png" style="color: #022f4e; margin: 0px 1em; padding: 0px; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf82KHBvMEPIV63-YV4FviEBLTELWG9ZhZWXZ5b9hAi5bL5Pn0az4kftLzuRUyHIqFpeol329MfSjoxXGuotkTPKCz3AbxtriDaDovX0-MYLrHETOm3jtTViuCvElsKREWYE61F5izQurP/s320/devam.png" style="background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(187, 187, 187); margin: 5px 10px 0px 0px; padding: 3px;" /></a> <div class="separator" style="clear: both; margin: 0px; padding: 0px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQOKTdVyDNglkY4C_lINkVc-MMnzTYs1tpzLW0edRjLempLkc893gDSBnVbWHbkNIUFqu42V7sBbfuw2ucFCCDa8y4oxMmO8Sp_Oo8iyfvIy0cRh4tmjAWotN3wuvxGB5W6A2UcazwvNS_/s1600/devamn%C4%B1-oku.jpg" style="color: #022f4e; margin: 0px 1em; padding: 0px; text-decoration: none;"><img border="0" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQOKTdVyDNglkY4C_lINkVc-MMnzTYs1tpzLW0edRjLempLkc893gDSBnVbWHbkNIUFqu42V7sBbfuw2ucFCCDa8y4oxMmO8Sp_Oo8iyfvIy0cRh4tmjAWotN3wuvxGB5W6A2UcazwvNS_/s400/devamn%C4%B1-oku.jpg" style="background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(187, 187, 187); margin: 5px 10px 0px 0px; padding: 3px;" width="400" /></a></div>
 </div>
</div>
</div>
</div>
</div>