{"id":149,"date":"2009-02-26T10:53:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/www.yazilimmutfagi.com\/?p=149"},"modified":"2009-02-26T10:53:00","modified_gmt":"1970-01-01T00:00:00","slug":"web-sayfalariniz-icin-arac-cubuguna-resim-eklemek","status":"publish","type":"post","link":"https:\/\/www.yazilimmutfagi.com\/index.php\/2009\/02\/26\/web-sayfalariniz-icin-arac-cubuguna-resim-eklemek\/","title":{"rendered":"Web Sayfalariniz i\u00e7in Ara\u00e7 \u00c7ubuguna Resim Eklemek"},"content":{"rendered":"<p style=\"margin: 0cm 0cm 10pt; text-indent: 35.4pt;\" class=\"MsoNormal\"><strong style=\"\"><span style=\"font-size: small;\"><span style=\"font-family: Calibri;\">Ara&ccedil; &Ccedil;ubuguna Resim Eklemek<\/span><\/span><\/strong><\/p>\n<p style=\"margin: 0cm 0cm 10pt; text-indent: 35.4pt;\" class=\"MsoNormal\"><span style=\"font-size: small; font-family: Calibri;\">Bazi sitelere girdiginizde adres &ccedil;ubugunda site adinin hemen solunda bir icon oldugunu g&ouml;r&uuml;rs&uuml;n&uuml;z. Sizde ziyaret&ccedil;ileriniz sitenize geldiklerinde asagidaki resimdeki gibi bir icon g&ouml;rmelerini isterseniz o zaman okumaya devam. <\/span><\/p>\n<p><span style=\"font-size: small;\"><span style=\"font-family: Calibri;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span>Adres &ccedil;ubuguna bir icon eklemek aslinda olduk&ccedil;a basit. Bu islemi iki yolla yapabiliriz. Birincisi sadece HTML etiketi ekleyerek ikincisi ise iki satir C# kodu yazarak. Dikkat etmeniz gereken tek nokta g&ouml;stermek istediginiz resmin ico uzantili yani bir icon olmasi gerekiyor.<\/span><\/span><\/p>\n<p style=\"margin: 0cm 0cm 10pt;\" class=\"MsoNormal\"><img decoding=\"async\" loading=\"lazy\" height=\"79\" width=\"299\" alt=\"\" src=\"http:\/\/www.yazilimmutfagi.com\/Makale\/Img\/Sabri\/1_17_resim1.jpg\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"margin: 0cm 0cm 10pt;\" class=\"MsoNormal\">&nbsp;<a href='www.yazilimmutfagi.com'>.<\/a><\/p>\n<p>&nbsp;<\/p>\n<p style=\"margin: 0cm 0cm 10pt; text-indent: 35.4pt;\" class=\"MsoNormal\"><strong style=\"\"><span style=\"font-size: small;\"><span style=\"font-family: Calibri;\">Html Taglari ile Eklemek:<\/span><\/span><\/strong><\/p>\n<p style=\"margin: 0cm 0cm 10pt; text-indent: 35.4pt;\" class=\"MsoNormal\"><span style=\"font-size: small; font-family: Calibri;\">Iconu g&ouml;r&uuml;nt&uuml;lemek istediginiz sayfanin Html kisminda head taglari arasina asagidaki kodu ekleyin. Bu kadar, artik sizinde web sayfaniz a&ccedil;ildiginda adres &ccedil;ubugunda bir icon g&ouml;r&uuml;nt&uuml;lenecek.<\/span><\/p>\n<p style=\"margin: 0cm 0cm 10pt;\" class=\"MsoNormal\"><span style=\"font-size: 8pt; color: blue; line-height: 115%; font-family: 'Courier New';\">&lt;<\/span><span style=\"font-size: 8pt; color: rgb(163, 21, 21); line-height: 115%; font-family: 'Courier New';\">link<\/span><span style=\"font-size: 8pt; line-height: 115%; font-family: 'Courier New';\"> <span style=\"color: red;\">rel<\/span><span style=\"color: blue;\">=&quot;SHORTCUT ICON&quot;<\/span> <span style=\"color: red;\">href<\/span><span style=\"color: blue;\">=&quot;http:\/\/www.yazilimmutfagi.com\/img\/kasikcatal.ico&quot;\/&gt;<\/span><\/span><\/p>\n<p style=\"margin: 0cm 0cm 10pt; text-indent: 35.4pt;\" class=\"MsoNormal\"><strong style=\"\"><span style=\"font-size: small;\"><span style=\"font-family: Calibri;\">C# Kodu Yazarak Eklemek<\/span><\/span><\/strong><\/p>\n<p style=\"margin: 0cm 0cm 10pt; text-indent: 35.4pt;\" class=\"MsoNormal\"><span style=\"font-size: small; font-family: Calibri;\">Html ile bu kadar kolay yapmak varken neden C# kodu yaziyim ki diyenlerdenmisiniz. Peki o zaman sayfaniz her a&ccedil;ildiginda random olarak farkli bir icon g&ouml;stermek istiyorsunuz bunu Html tagi ekleyerek yapmak sikintili olur degimli. Ancak javascript kullanarak yapabilirsiniz. Javascripte bulasmak istemiyorsaniz asagidaki kod tam size g&ouml;re.<\/span><\/p>\n<p style=\"margin: 0cm 0cm 0pt; line-height: normal;\" class=\"MsoNormal\"><span style=\"font-size: 10pt; color: rgb(43, 145, 175); font-family: 'Courier New';\">HtmlHead<\/span><span style=\"font-size: 10pt; font-family: 'Courier New';\"> head = (<span style=\"color: rgb(43, 145, 175);\">HtmlHead<\/span>)Page.Header;<\/span><\/p>\n<p style=\"margin: 0cm 0cm 0pt; line-height: normal;\" class=\"MsoNormal\"><span style=\"font-size: 10pt; color: rgb(43, 145, 175); font-family: 'Courier New';\">HtmlLink<\/span><span style=\"font-size: 10pt; font-family: 'Courier New';\"> link = <span style=\"color: blue;\">new<\/span> <span style=\"color: rgb(43, 145, 175);\">HtmlLink<\/span>();<\/span><\/p>\n<p style=\"margin: 0cm 0cm 0pt; line-height: normal;\" class=\"MsoNormal\"><span style=\"font-size: 10pt; font-family: 'Courier New';\">link.Href = <span style=\"color: rgb(163, 21, 21);\">&quot;http:\/\/www.yazilimmutfagi.com\/img\/kasikcatal.ico&quot;<\/span>;<\/span><\/p>\n<p style=\"margin: 0cm 0cm 0pt; line-height: normal;\" class=\"MsoNormal\"><span style=\"font-size: 10pt; font-family: 'Courier New';\">link.Attributes.Add(<span style=\"color: rgb(163, 21, 21);\">&quot;rel&quot;<\/span>, <span style=\"color: rgb(163, 21, 21);\">&quot;SHORTCUT ICON&quot;<\/span>);<\/span><\/p>\n<p style=\"margin: 0cm 0cm 0pt; line-height: normal;\" class=\"MsoNormal\"><span style=\"font-size: 10pt; font-family: 'Courier New';\">head.Controls.Add(link);<\/span><\/p>\n<p style=\"margin: 0cm 0cm 0pt; line-height: normal;\" class=\"MsoNormal\"><span style=\"font-size: 10pt; font-family: 'Courier New';\">&nbsp;<\/span><a href='www.yazilimmutfagi.com'>.<\/a><\/p>\n<p style=\"margin: 0cm 0cm 10pt; text-indent: 35.4pt;\" class=\"MsoNormal\"><span style=\"font-size: small; font-family: Calibri;\">Yukaridaki kodu sitenize bir ara&ccedil; &ccedil;ubugu resmi ekler. Bu kodu ihtiyaciniza g&ouml;re d&uuml;zenleyerek random iconlar g&ouml;sterebilirsiniz.<\/span><\/p>\n<p style=\"margin: 0cm 0cm 10pt; text-indent: 35.4pt;\" class=\"MsoNormal\"><span style=\"font-size: small; font-family: Calibri;\">Eger sayfaniza masterpage kullayorsaniz yukarda anlatilanlari masterpage &uuml;zerinde uygulayin ve t&uuml;m sayfalariniz i&ccedil;in ara&ccedil; &ccedil;ubugu resmi eklemis olun.&nbsp;<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Bazi sitelere girdiginizde adres &#231;ubugunda site adinin hemen solunda bir icon oldugunu g&#246;r&#252;rs&#252;n&#252;z. Sizde ziyaret&#231;ileriniz sitenize geldiklerinde asagidaki resimdeki gibi bir icon g&#246;rmelerini isterseniz o zaman okumaya devam. <\/p>\n","protected":false},"author":517,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[407],"tags":[5090,4435,4340,5680,5746,6046,5179],"_links":{"self":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/149"}],"collection":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/users\/517"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=149"}],"version-history":[{"count":0,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/149\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/categories?post=149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/tags?post=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}