Blogger Dersleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger Dersleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

1
Yorum
3 sütunlu blogger blogu 2 sütunlu nasıl yapılır

Bloggerin kendi şablonları dışında aldığınız şablonları temaları bazen değiştirmek kendinize göre özelleştirmek istersiniz örneğin 3 (kolon) sütunlu bir tema kullandınız fakat işinize yaramadı bunu 2 sütunlu (kolon) yapmak istiyorsunuz burdaki yazılanlar işinize yarayabilir.
Bunları yaptıktantan sonra yorum kısmını düzeltmeye ihtiyacınız olursa en altta yorum alanı düzenleme işinize yaraya bilir tabiki unutmayın burdaki düzünlemeler bloggerin orjinal temaları için geçerli değil.....


Blogger Panel > tasarım > HTML düzenle sekmesine gelin
CTRL F yardımıyla aşağıdaki kodu bulun
#sidebarleft-wrapper {
width: 200px;
Bu sizin sol sütununuzdur width (genişlik) 200px olan değeri azaltarak  örneğin 150px ile sutunu daraltabilirsiniz

Aşağıdaki kod ise
#sidebar-wrapper {
width: 200px;
 float: right;
sizin sağ sutundur, yine widht px değerinde yapacağınız değişiklik sutun genişliğini belirler.

BLOG BAŞLIĞI
Temanızda bulunan Aşağıdaki css kodları blog başlığı ile ilgilidir
#header {
width:500px;
height:90px;
margin: 10px 0 0;
text-align: left;
color:#ffffff;
overflow: hidden;
float:left

Buradaki tanımlamalar kısaca anlatmak gerekirse
eni (Widht) 500px, yükseklik(height) 90px,  Margin yanlara olan mesafesini tanımlıyor,
 text-ailing, yazının hangi tarafta olacağını belirlemiş sizin temanızda left tanımı ile solda
siz bunu, right ile değiştirerek sağ tarafa veya center ile ortada olmasını sağlayabilirsiniz.
color: #fffff ile beyaz olacağını size gerekli olan text-align: left; tanımını text-align: center; ile değiştirmek yazı ortalandı

Bu kod dizisinin hemen altında yer alan

#header h1 {
margin:0 0 0 5px;
padding:0;
line-height:1em;
text-transform:normal;
letter-spacing: -0.06em;
outline-style:none;
font-family: "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;
text-shadow: #007fca 2px 1px 1px;
font-size: 42px;
font-weight:normal;

kodları ise blog başlığının yazı tipi özelliklerini belirler
text-shadow ile gölgelendirme yapılmış, font-size ilede 42px yazı fontu atanmış
siz bu px değerini arttırarak yazı fontunu büyetebilirsiniz 50px gibi
Değiştirdiğiniz her değer için şablon ön izleme yaparak değişikliklerin nasıl göründüğünü izleyebilir buna göre düzenlemeleri yaparsınız.

Navigasyon barı görünür olması
Şablonunuzda navbar css ile gizlenmiş aşağıdaki kodu bulun ve silin

#navbar-iframe  {
height : 0;
visibility : hidden;
display : none;
}



 sutunlardan birini kaldırmak istiyorsanız
öncelikle yan sutunda bulunan etiket widgeti gibi tüm widgetleri kaldırın (Tasarım > sayfa öğeleri sekmesinde bu widgetleri sileceksiniz)
Daha sonra HTML düzenle sekmesine gelin HTML içinde şunu arayın
<div id='sidebarleft-wrapper'>
Bulduğunuz kod şu şekildir ve bu sizin sol sidebarınızdır
     
<div id='sidebarleft-wrapper'>
<b:section class='sidebar' id='sidebarleft' preferred='yes'>
</div>

bunu sileceksiniz

sağ taraftaki sidebarı silecekseniz HTML içinde aşağıdaki kodu aratın
<div id='sidebar-wrapper'>
Bulduğunuz kod şu şekilde
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</div

Bunu siler ve şablon önizleme yaparak blogun nasıl görünüyorsa buna göre şablonu kaydedersiniz


Aşağıdaki kodu bulun ve bunu 200px arttırın
#main-wrapper {
  width: 544px

744px olacak
eğer sol sidebarı genişletecekseniz örneğin 50px
blog kayıtları #main-wrapper width değerini 150px yapacaksınız
örnek:
sol sutun
#sidebarleft-wrapper {
width: 250px
blog kayıtları
;#main-wrapper {
  width: 694px
LÜTFEN DAHA DETAYLI BİLGİ İÇİN LİNKE BAKIN KAYNAK: http://productforums.google.com/forum/#!topic/blogger-tr/dp31sg2ufKg

YORUM ALANI DÜZENLEME- 1. 
Alttaki yazılanları başka bir siteden aldım işinize belki yarar diye 
Onu da şu şekilde yapabilirsiniz.

Kodlarınız arasında arama yapmadan önce ŞABLON kısmında HTML düzenle Ctrl+f yardımıyla aşağıdaki kodu aratıyoruz.

 blogger-iframe-colorize blogger-comment-from-post

 benim bulduğum şablonda şöyleydi
blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

bu kodun devamında kodu bulduktan sonra buradaki width yazan bölümdeki değerle istediğiniz şekilde oynayarak genişliğini artırabilir veya azaltabilirsiniz. height ile de aynı şekilde yüksekliğini ayarlayabilirsiniz.

Dikkat! Böyle yazıyordu blogger modifiye adlı blogda ben denedim bir türlü yapamadım ne yaptıysam olmadı benim temada yani şablonda 4 tane çıktı bu koddan hepsinde width yazan yerleri değiştim yine olmadı.
 Kaynak: http://www.bloggermodifiye.com/2010/10/blogger-yorum-formunu-ozellestirin.html

 YORUM ALANI DÜZENLEME- 2
Üstte yorum alanı düzenleme-1 de yazılanları yaptım olmadı ben şu şekilde başardım ŞABLON+ HTML yi düzenle, kırmızıyla yazılı alttaki kodu
 .comments {
ctrl+f yardımıyla buldum, bu kodun devamındaki width: 600px yazan yerdeki rakamı kendime lazım olan büyüklüğe göre değiştirdim ve sorunum düzeldi.


.comments {
text-align: left
float: left;
width: 600px;

AÇIKLAMA
SİZE YORUM ALANI DÜZENLEDE İKİ SEÇENEK SUNDUM BİRİ İŞİNİZİ GÖRMEZSE MUTLAKA BİRİ GÖRÜR BENİM İŞİMİ 2. SEÇENEK GÖRDÜ


4
Yorum
Ziyaretçiler yorumlara ifadeler eklesin, youtube video, fotolar, müzikler eklesin

Blogger blogunuzu ziyaret eden ziyaretçiler yorum kısmına sadece yazı değil video, resim ekliyeceğiniz fotoların formatları jpg, gif, png,bmp, müzik ve ifadeler eklesin. Nasılmı? Çok kolay yapmanız gereken Şablonhtml düzenle+ widget şablonları genişlet</body> kodunu bulup ondan önceki bölüme yani üst satırına aşşağıdaki kodu eklemek, kolay gelsin.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var copyright='Emoticons & Multimedia for Thread Comment by http://duypham.info';
var smileys=[
{'text':':))','img':'http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'},
{'text':':)','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'},
{'text':':((','img':'http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'},
{'text':':(','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'},
{'text':':D','img':'http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'},
{'text':'=))','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'},
{'text':'=D&gt;','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'},
{'text':':-O','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'},
{'text':':-?','img':'http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'},
{'text':':-SS','img':'http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'},
{'text':':-t','img':'http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'},
{'text':'[-(','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'},
{'text':'@-)','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'},
{'text':'b-(','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'},
{'text':':P','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'}];
var type_img=['png','PNG','jpg','JPG','jpeg','JPEG','gif','GIF','bmp','BMP'];
var dp=['Q a=["\\1b\\m\\w\\b\\q\\t\\w\\z\\u\\r\\1r\\r\\1c\\F\\s\\b\\q\\m\\h\\C\\q\\k\\r\\O\\w\\l\\r\\1e\\o\\l\\h\\k\\C\\r\\1H\\w\\m\\m\\h\\z\\b\\r\\E\\N\\r\\o\\b\\b\\B\\R\\n\\n","\\N\\B","\\q\\z\\O\\w","\\t\\w\\m\\m\\h\\z\\b\\W\\o\\w\\s\\C\\h\\l","\\J\\h\\b\\1b\\s\\h\\m\\h\\z\\b\\1v\\N\\1z\\C","\\B","\\J\\h\\b\\1b\\s\\h\\m\\h\\z\\b\\u\\1v\\N\\1e\\k\\J\\1W\\k\\m\\h","\\s\\h\\z\\J\\b\\o","","\\q\\z\\z\\h\\l\\1X\\1e\\1c\\1T","\\q\\b\\h\\m","\\o\\b\\b\\B","\\u\\B\\s\\q\\b","\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\N\\w\\F\\b\\F\\E\\h\\M\\t\\w\\m\\n\\v\\k\\b\\t\\o\\1d\\1g\\A","\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\z\\o\\k\\t\\t\\F\\k\\b\\F\\q\\M\\t\\w\\m\\n\\z\\J\\o\\h\\1d","\\M","\\q\\z\\C\\h\\T\\1Z\\O","\\u\\F\\E\\u\\b\\l\\q\\z\\J","\\r","\\H","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\q\\m\\J\\r\\u\\b\\N\\s\\h\\A\\p\\m\\k\\T\\W\\v\\q\\C\\b\\o\\R\\1S\\G\\G\\1R\\p\\r\\u\\l\\t\\A\\p","\\p\\n\\L","\\1r","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\q\\O\\l\\k\\m\\h\\r\\v\\q\\C\\b\\o\\A\\p\\1p\\G\\G\\p\\r\\o\\h\\q\\J\\o\\b\\A\\p\\1f\\1Q\\G\\p\\r\\u\\l\\t\\A\\p\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\N\\w\\F\\b\\F\\E\\h\\M\\t\\w\\m\\n\\h\\m\\E\\h\\C\\n","\\1d\\l\\h\\s\\A\\G\\p\\r\\O\\l\\k\\m\\h\\E\\w\\l\\C\\h\\l\\A\\p\\G\\p\\r\\k\\s\\s\\w\\v\\O\\F\\s\\s\\u\\t\\l\\h\\h\\z\\L\\H\\n\\q\\O\\l\\k\\m\\h\\L","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\h\\m\\E\\h\\C\\r\\u\\b\\N\\s\\h\\A\\p\\v\\q\\C\\b\\o\\R\\1f\\G\\G\\B\\T\\1P\\o\\h\\q\\J\\o\\b\\R","\\1c\\A","\\1f\\G\\G","\\1p\\G\\G","\\B\\T\\p\\r\\u\\l\\t\\A\\p\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\z\\o\\k\\t\\t\\F\\k\\b\\F\\q\\M\\t\\w\\m\\n","\\m\\n","\\s\\n","\\p\\r\\O\\s\\k\\u\\o\\1g\\k\\l\\u\\A\\p\\k\\F\\b\\w\\u\\b\\k\\l\\b\\A\\O\\k\\s\\u\\h\\p\\r\\1N\\F\\k\\s\\q\\b\\N\\A\\p\\o\\q\\J\\o\\p\\r\\v\\m\\w\\C\\h\\A\\p\\b\\l\\k\\z\\u\\B\\k\\l\\h\\z\\b\\p\\r\\b\\N\\B\\h\\A\\p\\k\\B\\B\\s\\q\\t\\k\\b\\q\\w\\z\\n\\T\\W\\u\\o\\w\\t\\1D\\v\\k\\1g\\h\\W\\O\\s\\k\\u\\o\\p\\L\\H\\n\\h\\m\\E\\h\\C\\L","\\b\\h\\T\\b","\\H\\q\\m\\J\\r\\u\\l\\t\\A\\p","\\q\\m\\J","\\l\\h\\B\\s\\k\\t\\h","\\C\\F","\\o\\k\\m\\M"];Q V=[];K=[];I=[];1q=a[0];1w=a[1];1u=a[2];1s=1Y[a[4]](a[3]);c=1s[a[6]](a[5]);D(c){U(x=0;x<c[a[7]];x++){Q 1i=a[8];1o=a[8];P=a[8];d=c[a[10]](x)[a[9]];e=d[a[12]](a[11]);f=d[a[12]](a[13]);g=d[a[12]](a[14]);U(Q i=1;i<e[a[7]];i++){U(Q j=0;j<Z[a[7]];j++){1h=e[i][a[16]](a[15]+Z[j]);D(1h!=-1){V[i]=a[11]+e[i][a[17]](0,1h)+a[15]+Z[j];D((V[i][a[16]](a[18])==-1)&&(V[i][a[16]](a[19])==-1)){1i+=a[20]+V[i]+a[21]}}}};U(Q i=1;i<f[a[7]];i++){1a=f[i][a[16]](a[18]);X=f[i][a[16]](a[19]);D(1a!=-1){K[i]=f[i][a[17]](0,1a);Y=K[i][a[16]](a[19]);D(Y!=-1){K[i]=K[i][a[17]](0,Y)}}S{D(X!=-1){K[i]=f[i][a[17]](0,X)}S{D(i==f[a[7]]-1){K[i]=f[i][a[17]](0,d[a[7]])}}};K[i]=K[i][a[12]](a[22]);K[i]=K[i][0];1o+=a[1x]+K[i]+a[1U]};U(Q i=1;i<g[a[7]];i++){1m=g[i][a[16]](a[18]);1n=g[i][a[16]](a[19]);D(1m!=-1){I[i]=g[i][a[17]](0,1m);1j=I[i][a[16]](a[19]);D(1j!=-1){I[i]=I[i][a[17]](0,1j)}}S{D(1n!=-1){I[i]=g[i][a[17]](0,1n)}S{D(i==g[a[7]]-1){I[i]=g[i][a[17]](0,d[a[7]])}}};1k=I[i][a[17]](0,2);I[i]=I[i][a[17]](2,I[i][a[7]]);P+=a[1V];D(1k==a[1t]){P+=a[1O]}S{P+=a[1J]};P+=a[1A];D(1k==a[1t]){P+=a[1y]}S{P+=a[1B]};P+=I[i]+a[1M]};U(Q y=0;y<1l[a[7]];y++){d=d[a[1K]](1l[y][a[1L]],a[1I]+1l[y][a[1E]]+a[21])};D(1G==1q+a[1F]+1w+a[1C]+1u){c[a[10]](x)[a[9]]=d+1i+1o+P}}};',"|","split","||||||||||_0xf28e|x74||||||x65|||x61|x72|x6D|x2F|x68|x22|x69|x20|x6C|x63|x73|x77|x6F|||x6E|x3D|x70|x64|if|x62|x75|x30|x3C|nct|x67|youtube|x3E|x2E|x79|x66|a3|var|x3A|else|x78|for|img|x2D|aft_y2|aft_y3|type_img|||||||||||aft_y1|x45|x4D|x3F|x54|x33|x76|dot_png|a1|aft_nct3|m_l|smileys|aft_nct1|aft_nct2|a2|x34|cbef|x26|cL|26|cbef3|x42|cbef2|23|30|x49|29|31|38|x6B|35|37|copyright|x43|34|28|36|33|32|x71|27|x3B|x32|x25|x31|x4C|24|25|x4E|x48|document|x4F|||","","fromCharCode","replace","\\w+","\\b","g"];eval(function(d,e,a,c,b,f){b=function(a){return(a<e?dp[4]:b(parseInt(a/e)))+(35<(a%=e)?String[dp[5]](a+29):a.toString(36))};if(!dp[4][dp[6]](/^/,String)){for(;a--;)f[b(a)]=c[a]||b(a);c=[function(a){return f[a]}];b=function(){return dp[7]};a=1}for(;a--;)c[a]&&(d=d[dp[6]](RegExp(dp[8]+b(a)+dp[8],dp[9]),c[a]));return d}(dp[0],62,127,dp[3][dp[2]](dp[1]),0,{}));
//]]>
</script>
</b:if>

ALTTAKİ DEMO LİNKİNE TIKLAYARAK SONUCU GÖREBİLİRSİNİZ





0
Yorum
Blogger Bloga Flash Obje (Swf) Ekleme




Blogger Blogunuza Flash obje eklemek istiyorsunuz ama yapamıyormusunuz ?

Bu eklentimiz ile , blogger bloglarınızda flash içeren objeler ekleyebileceksiniz..

Blogger blogunuza flash eklemek için aşağıdaki kodu kullanmanız yeterli..
<embed type="application/x-shockwave-flash" width="500" height="100" src="FlashAdresi.swf" quality="high" bgcolor="white" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>
Yukarıda ön izlemesini görebilirsiniz..width="500" height="100" değerleriyle oynarak , genişlik ve yüksekliği ayarlayabilirsiniz..FlashAdresi.swf yerine kendi flash url adresinizi yazınız..

kaynak: http://eklentileri.blogspot.com

0
Yorum
Blogger'da Kodları Çerçeve İçine Almak



Blogger tasarımı , HTML kodları, Java ve Css kod paylaşımları yapan blogcuların her zaman kullanabileceği kod çerçeve yöntemi. Şimdi Kod Çerçeve Yöntemini istediğiniz tasarıma getirip kullanabileceksiniz. Eğer bu yöntemi  kullanmak istemeyen olursa ,  Kod Çevir adresini ziyaret edebilirler.
Şimdi gelelim kodları kod penceresi içine nasıl alınır? Ona bakalım

Blogger Kumanda Paneli
Şablon
HTML'yi Düzenle
Widget'ı Genişlet
Bu yolu takip ettikten sonra aşağıdaki kodu bulun;



]]></b:skin>
Yukarıdaki kodu bulduktan sonra tam üzerine gelecek şekilde aşağıdaki kodu yapıştırın.



.codeview { 
font-family: Arial, Helvetica, sans-serif; 
color: #0037FF; 
margin : 15px 35px 15px 15px; 
padding : 10px; 
clear : both; 
list-style-type : li; 
border-top : 2px solid #DBDBDE; 
border-right : 2px solid #DBDBDE; 
border-bottom : 2px solid #DBDBDE; 
border-left : 2px solid #DBDBDE; 
background-color: #FFFFFF; 


.codeview list { 
font-size : 13px; 
line-height : 24px; 
font-family : 
"Courier New", "MS Sans Serif", sans-serif, serif; 
color : #333333; 
font-weight : normal; 
margin : 0; 
padding : 0; 
}

Yukarıdaki işlemi bitirdikten sonra şablonu kaydedip çıkın. Şablona kaydettiğimiz CSS ile tasarlanmış kodların çerçeve halinde gösterilmesini sağlayacak. Şimdi kodu uygulamaya geldik. Blogger'da yeni bir konu açın. Yazı düzenleme bölümünde HTML alanına girip aşağıdaki kodu yapıştırın.
<div class="codeview">
KOD BURAYA GELECEK.</div>
Yapıştırdığınız kodun ortasına paylaşmak istediğiniz kodları yapıştırın. Daha sonra her kod paylaşımında yukarıdaki kodu kullanacaksınız. 

Küçük bir hatırlatma: Eğer paylaşmak istediğiniz kodu HTML alanına yapıştırırsanız kodlar yan yana görünecek ve görüntü biraz çirkinleşecektir. Ama kodları normal metin yazma bölümünde girerseniz kodlar düzgün bir şekilde alt alta sıralanacaktır. Daha ayrıntılı olması için 2 resim de göstermek istiyorum. 

Önce paylaşmak istediğim kodu HTML bölümüne kodunun arasına ekliyorum ilk sonuç:
Şimdi ise kodları metin bölümünden giriyorum ikinci sonuç:
Eğer kod üzerinde değişiklik yapmak isterseniz düzenleyeceğiniz alanlar şunlar:
  • color: #CC0000;  Yazının rengi 
  • border-top : 2px solid #cccccc;  (2px) çerçevenin kalınlığı , #cccc çerçevenin rengi
  • border-right : 2px solid #cccccc; (2px) çerçevenin kalınlığı , #cccc çerçevenin rengi
  • border-bottom : 2px solid #cccccc; (2px) çerçevenin kalınlığı , #cccc çerçevenin rengi
  • border-left : 2px solid #cccccc; (2px) çerçevenin kalınlığı , #cccc çerçevenin rengi
  • background-color: #FFFFFF; Tasarımın arka plan rengi
Renkleri değiştirmek isterseniz Buradan değiştirebilirsiniz.
Ve sonunda bitti. Yapamadığınız bir yer olursa "YORUM" bölümünden iletebilirsiniz. Herkese kolay gelsin, iyi bloglamalar...

Kaynak: http://bloglamazamani.blogspot.com/2013/01/bloggerda-kodlari-cerceve-icine-almak.html






























5
Yorum
Blogger yorumlara gülen ifadeler ekleyin

Blogger blogspot yorum kutusuna ifadeler ekleyebilirsiniz. Emoticon nedir biliyor musun? Emoticon diğer adıyla smiley genellikle yorum yazanın ruh halini ifade etmek için, noktalama ve harf ile temsil edilen bir yüz ifadesidir. En büyük özelliklerinden biride yorumlara youtube videosu ve netten resim ekliyebilmeniz detaylar en altta.
Benimde kullandığım ve çok beğendiğim bu ifadeleri eklemeye geçelim.


Adım 1

  • Öncelikle Blogger'da oturum
  • Git Dashbord> Şablon> HTML'yi Düzenle
  • Ve TIKLAYIN Widgetler kutusu işaretle sol üstte olacak
  • Şimdi bu kodu bulun: </body>
  • bulduğunuz koddan ÖNCE, ağaşıdaki kodu ekleyin kodu ekleyin:

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("emocomments");
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>");
theText = theText.replace(/=d&gt;/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>");
theText = theText.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>");
theText = theText.replace(/:p/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>");
theText = theText.replace(/\[\-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>");
theText = theText.replace(/:-t/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>");
theText = theText.replace(/@-\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");
theText = theText.replace(/\[nct\].*?'.*?\[\/nct\]/gi, "");
theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:590px;background:#FFF;padding:4px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");
theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?L=/gi, "<div style='overflow:hidden'><embed style='margin-top:-250px;width:300px;height:400px' src='http://www.nhaccuatui.com/l/");
theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?M=/gi, "<div style='overflow:hidden'><embed style='margin-top:-350px;width:300px;height:400px' src='http://www.nhaccuatui.com/m/");
theText = theText.replace(/\[\/nct\]/gi, "' quality='high' wmode='transparent' type='application/x-shockwave-flash'></embed></div>");
}replaceText();
//]]>
</script>

Adım 2




  • : Şimdi bu kodu bulmak <b:loop values='data:post.comments' var='comment'>
  • Ve bulduğunuz koddan sadece önce, aşağıdaki kod satırı ekleyin:



<div id='emocomments'>

Adım 3


  • Şimdi bu kodu bulun: </b:loop>
  • Ve sadece sonra bu satırı ekleyin: -  </div>

Adım 4

  • Şimdi bu kodu bulun: <data:blogTeamBlogMessage/>
  • Ve  sonra, aşağıdaki kodu ekleyin: -


<script type="text/javascript">
//<![CDATA[
function moreSmilies() {
    document.getElementById('smiley-more').style.display = 'inline';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">&#8592;</a></span>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">&#8594;</a>';
}
//]]>
</script>
<div class='emoticons'>
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>:)
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>:(
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>:))
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>:((
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>=))
<span id='smiley-more' style='display: none;'>
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>=D&gt;
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>:D
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>:P
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>:-O
<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>:-?
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>:-SS
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>:-t
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>[-(
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>@-)
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>b-(
</span>
<span id='smiley-toggle'><a href="javascript:moreSmilies()">&#8594;</a></span>
</div>

Adım 5



  • Şimdi bu kodu bulun:     ]]></b:skin>
  • Ve bulduğunuz koddan sadece ÖNCE, aşağıdaki satırı ekleyin:   

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}

Doğru yaptığınıza eminseniz kaydetin.
Hayırlı olsun...
Not: - resim ekleme için, youtube video ekleme için, aşağıdaki kodları kullanın : -

  • Resim ekleme için: -   [img] Bu araya resim Link [/img] //
  • Şarkı Linki ekleme için: -  [nct] Link song [/nct]
  • YouTube Video Ekleme için: -  [youtube] Bu araya Youtube Video Link [/youtube]

OLMADIYSA YAPADIYSANIZ KONUNUN ORJİNALİNE ÜSTTEKİ LİNKTEN BAKIN !

DEMO
Etiketler: Blogger yorumlara resim ekle, blogger yorumlara şarkı ekle, blogger yorumlara video ekle, blogger yorumlara youtube video ekle, blogger yorumlara smiley ekle, blogger yorumlara emoticon ekle

0
Yorum
Farklı smiley ifadeler





Bu ifadeleri isterseniz blolarınızda kullanabilirsiniz. İlk defa rastladım ve ekledim bana farklı geldiler. Diğer ifadeleri görmek için aşağıda verdiğim linklerden bakabilirsiniz.

1
Yorum
Blog Nasıl Açılır? (Videolu Sesli Anlatım)

Sizde blog dünyasına girip birşeyler yazıp çizmek istiyorsanız, blogger üzerinden blog nasıl açabilirim? bloggerden blog açmak istiyorum, ne yapmam lazım? diyorsanız doğru adrestesiniz dünyaca ünlü ilk blog sağlıyıcısı Blogger'i Google'ın satın alması ile önlenemez bir yükselişe geçti ve bayağı bir üyesi olduğu biliniyor.Türkçe desteği , ücretsiz Domain barındırma imkanı bloggeri cazip kılan seçeneklerin başında geliyor.
(Eğer blog açacaksanız Bloggerden açmanızı  şiddetle öneririm görebileceğiniz en iyi blog servislerinin en başlarında yer alır).Blog açmaya karar verdiyseniz ki bu yazıyı okuyarsanız karar vermişsiniz demektir; sizin için çektiğimiz ve düzenlediğimiz, sesli olarak anlatım yaptığımız, bloggerde blog nasıl açılır adlı videomuzu izlediğinizde sizde kendinize özgü bir blog açabilir ve paylaşmak istediklerinizi blogunuza yazıp, blog yazarlığına ilk adımı atabilirsiniz.Bu konu ile ilgili sorunuz olursa ister konu altında bulunan yorumlardan istersenizde iletişim kısmından bize sorabilirsiniz.  

BLOG NASIL AÇILIR?VİDEOLU ANLATIM: 



 Kaynaklar: blogmimari.blogspot.com/ blogokulu.org
Hoşgeldiniz.. Lütfen fikirlerinizi yorumlarınızı yazmayı unutmayın.. Teşekkürler...