Blogger трикове

Дискусията в 'Blogger / Blogspot' стартирана от dilyan_ostr, Ян 30, 2013.

  1. toniintro

    toniintro Active Member

    Рег.:
    Юли 15, 2010
    Съобщения:
    564
    Харесвания:
    51
    Точки:
    28
    От: От: Blogger трикове

    Ако искаш да премахнеш "%D0%BA%D0%B8%D0%BD%D0%BE/" от адреса, можеш да редиректнеш към нов адрес с името на етикета с латински букви.
     
  2. iliqnktz

    iliqnktz Active Member

    Рег.:
    Юли 7, 2010
    Съобщения:
    295
    Харесвания:
    84
    Точки:
    28
    От: Blogger трикове

    Как да добавим адсенс реклами в края на всяка статия.

    Създаваме си резервно копие на шаблона, за всеки случай!
    Влизате в блоггър, в меню шаблон на блога ви и отваряте хтмл кода.
    Намирате следното:
    HTML:
    post-header-line-1
    при мен излизат два реда с това име, поставих кода под втория ред. След като сме вече на този ред, скролваме леко надолу и под този ред
    HTML:
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
    поставяме следният код.
    HTML:
     <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <div style='float:left'>
    <--- Вашият адсенс код тук --->
    </div>
    </b:if>
    Запазваме шаблона и сме готови!
     
  3. tedkata_m

    tedkata_m Well-Known Member

    Рег.:
    Юни 5, 2012
    Съобщения:
    1,114
    Харесвания:
    94
    Точки:
    48
    Място:
    София
    От: Blogger трикове

    Пуснах афилиейт към Грабо и искам да сложа wallpaper banner в blogger. Ще ме упътите ли как да сложа кода и от кое меню?
     
  4. iliqnktz

    iliqnktz Active Member

    Рег.:
    Юли 7, 2010
    Съобщения:
    295
    Харесвания:
    84
    Точки:
    28
    От: Blogger трикове

    Винаги съм мразил при създаването на нова страница, да ми излиза фуутера, характерен за публикациите.
    Ето как да премахнем фуутера от статичните страници на блоггър.

    Стъпка 1: Правим резервно копие и влизаме в кода на шаблона.
    Стъкпа 2: Намираме
    HTML:
    ]]></b:skin>
    и директно под него постваме следният код

    HTML:
    <b:if cond='data:blog.pageType == "static_page"'>
    <style>
    .post-footer{
    display: none;
    }
    </style>
    </b:if>
    Стъпка 3: Запазваме.

    Три прости стъпки и досадният фуутер, вече го няма в статичните страници, като "Контакти", "За мен" и прочие. :)

    П.С: @tedkata_m, имаш ли още нужда от помощ?
     
  5. Todor FX

    Todor FX New Member

    Рег.:
    Февру 11, 2016
    Съобщения:
    2
    Харесвания:
    0
    Точки:
    0
    От: Blogger трикове

    Много полезна информация.Благодаря на всички за перфектните примери :D:D
     
  6. iliqnktz

    iliqnktz Active Member

    Рег.:
    Юли 7, 2010
    Съобщения:
    295
    Харесвания:
    84
    Точки:
    28
    От: Blogger трикове

    За нищо, темата е за това. Наистина тук има доста полезни работи, а само да допълня, че последният ми пост тук за премахването на фуутъра важи само за декстоп версията. При мобилната версия си има фуутър, трябва да видя да го разкарам и него.

    Лека вечер. Ако имаш въпроси пиши в раздела. :)
     
  7. dilyan_ostr

    dilyan_ostr Active Member

    Рег.:
    Дек 4, 2012
    Съобщения:
    718
    Харесвания:
    105
    Точки:
    43
    Съживявам темата с нещо полезно за блогър - от може би година и повече, всички български блогове в blogspot редиректват към българската версия - blogspot.bg. Това води до следните проблеми:

    - дублирано съдържание, тъй като блогът ви се индексира както на blogspot.com, така и на blogspot.bg.
    - по слаб авторитет на blogspot.bg в сравнение с blogspot.com - като ще ползвате поддомейн, нека да с максимална тежест
    - ако вече имате изградени линкове към стария адрес на сайта си (blogspot.com) след редиректа към blogspot.bg губите част от тяхната тежест, тъй като не са директни линкове
    - по мои наблюдения почти всички резултати, които се класират в България са с индексирана .com версия, т.е при всяко отваряне на сайта се изпълнява редирект към .bg версията, което бави сайта и е дразнещо дори за самите потребители.

    Ето и решението на този проблем с няколко реда код:

    Код:
    <script type='text/javascript'>
      /* Get the full URL of the current blogger page */
      var blog = document.location.href.toLowerCase();
    
      /* Do not redirect if the domain is .com already */
      if (!blog.match(/\.blogspot\.com/)) {
    
        /* Replace the country TLD with .com and ncr switch */
        blog = blog.replace(/\.blogspot\..*?\//, &quot;.blogspot.com/ncr/&quot;);
    
        /* Redirect to the new .com URL in the current tab */
        window.location.replace(blog);
      }
    </script>
    Кодът го слагате след <head> тага (в началото на темплейта).
     
    iliqnktz и toniintro харесват това.
  8. iliqnktz

    iliqnktz Active Member

    Рег.:
    Юли 7, 2010
    Съобщения:
    295
    Харесвания:
    84
    Точки:
    28
    Как да променим дизайна на коментарите в блогър.

    Преди промяната
    [​IMG]

    След промяната
    [​IMG]

    Направете си резервно копие и влезте в контролния панел. Отидете на шаблон, изберете редактиране на хтмл кода, намерете ]]></b:skin> и преди него сложете следния код:

    Код:
    #comments{overflow:hidden}
    #comments h4{display:inline;padding:10px;line-height:40px}
    #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
    #comments h4,.comments .continue a{background:#eb1e1e}
    #comments h4,.comments .user a,.comments .continue a{font-size:16px}
    #comments h4,.comments .continue a{font-weight:normal;color:#fff}
    #comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #eb1e1e;border-right:20px solid transparent;width:0;height:0;line-height:0}
    #comments .avatar-image-container img{border:0}
    .comment-thread{color:#111}
    .comment-thread a{color:#777}
    .comment-thread ol{margin:0 0 20px}
    .comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#eb1e1e}
    .comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px;}
    .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
    .comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
    .comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
    .comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(http://techprevue.com/wp-content/uploads/2013/07/red-author.png);width:36px;height:36px}
    .comments .comments-content .inline-thread{padding:0 0 0 20px}
    .comments .comments-content .comment-replies{margin-top:0}
    .comments .comment-content{padding:5px 0;line-height:1.4em}
    .comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
    .comments .comment-thread.inline-thread .comment{width:auto}
    .comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
    .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
    .comments .comment-thread.inline-thread .comment-block{margin-left:48px}
    .comments .comment-thread.inline-thread .user a{font-size:13px}
    .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
    .comments .continue{border-top:0;width:100%}
    .comments .continue a{padding:10px 0;text-align:center}
    .comment .continue{display:none}
    #comment-editor{width:100%!important}
    .comment-form{width:100%;max-width:100%}
    Запазете промените и честито, вече имате нова визия на показваните коментари!

    Как да правим промени по стила на коментарите?

    - За да промените цветовата схема, поставете избраният от вас код на мястото на сегашния #eb1e1e, които може да намерите в кода с търсачката ctlr+f.

    - За да направите аватарите кръгли, добавете на нов ред най-отдолу към кода:
    Код:
    .comments .avatar-image-container{border-radius: 50%;}
    Ако искате различна от сегашната значка за автор, може да си изберете друга от тук >>> http://www.iliqnktz.com/2017/01/blogger.html значките съм ги поставил накрая на статията!
     
    Последно редактирано: Ян 8, 2017

Сподели страницата

  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies.
    Dismiss Notice