Blogger трикове

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

Страница 5 от 5
  1. toniintro

    toniintro Active Member

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

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

    iliqnktz Active Member

    Рег.:
    Юли 7, 2010
    Съобщения:
    300
    Харесвания:
    89
    Точки:
    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>
    Запазваме шаблона и сме готови!
     
    iliqnktz, Юли 9, 2015
    #82
  3. tedkata_m

    tedkata_m Well-Known Member

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

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

    iliqnktz Active Member

    Рег.:
    Юли 7, 2010
    Съобщения:
    300
    Харесвания:
    89
    Точки:
    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, имаш ли още нужда от помощ?
     
    iliqnktz, Дек 1, 2015
    #84
  5. Todor FX

    Todor FX New Member

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

    Много полезна информация.Благодаря на всички за перфектните примери :D:D
     
    Todor FX, Март 29, 2016
    #85
  6. iliqnktz

    iliqnktz Active Member

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

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

    Лека вечер. Ако имаш въпроси пиши в раздела. :)
     
    iliqnktz, Март 30, 2016
    #86
  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> тага (в началото на темплейта).
     
    dilyan_ostr, Дек 16, 2016
    #87
    iliqnktz и toniintro харесват това.
  8. iliqnktz

    iliqnktz Active Member

    Рег.:
    Юли 7, 2010
    Съобщения:
    300
    Харесвания:
    89
    Точки:
    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
    iliqnktz, Ян 8, 2017
    #88
  9. iliqnktz

    iliqnktz Active Member

    Рег.:
    Юли 7, 2010
    Съобщения:
    300
    Харесвания:
    89
    Точки:
    28
    Да възродя малко темата с нещо от кухнята. Смених темата и какво да видя в мобилната версия нямало меню страници, защото някой не е дописал или направо си е оставил ръцете, с две думи псувах доста. За всички, които са с респонсибъл теми (на всички устройства да се показва симетрично и т.н, предполагам всеки знае) на блогър и решат, че ще им е от полза да заповядат, а ако някой оптимизира още нещата, ще стане още по-добре.

    Така да започваме!

    Меню страници за мобилни теми на блогър (работи само за ваши теми, фабричните предлагани от блогър не могат да се редактират).

    Правите си нов widget (джаджа) и слагате вътре следният код:

    Код:
    <select name="formal1" id="menumobile1" onchange="javascript:handleSelect(this)">
 <option style="display:none" />Меню
<optgroup label="Страници">
<option value="http://blogspot.com/" />Начална страница
<option value="http://blogspot.com/" />Страница 2
<option value="http://blogspot.com/" />Страница 3</optgroup>
<optgroup label="Страници категория 2">
<option value="http://blogspot.com/" />RSS абонамент
<option value="http://blogspot.com/" />Google+ профил
</optgroup></select>

<script type="text/javascript">
function handleSelect(elm)
{
window.location = elm.value+"";
}
</script>
    Ако не се нуждаете от категории, изтрийте <optgroup label="Страници"> и <optgroup label="Страници категория 2"> и затварящите към тях два броя </optgroup>. За добавяне на още страници, просто добавете още редове и променете хипервръзките и имената срещу тях.

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

    Код:
    #menumobile1 {display:none}
#menumobile1{width:100%; height:30px; font-size:14px;}
    Така в десктоп версията на блога ви няма да се показва мобилното меню. Големината за самото меню е width:100% широчина и height:30px височина, а font-size:14px е големината на текста, променяйте ги по ваш вкус.

    След като запазите промените, намерете в хтмл кода ви

    Код:
    @media only screen
    и изберете за кои устройства да се показва менюто като поставите следният код точно под избраната от вас медия:

    Код:
    #menumobile1 {display:block;}
    Аз съм избрал

    Код:
    @Media only screen and (max-width: 559px)
    с максимална широчина от 559px, а за по-големи устройства работи десктоп менюто, което седи прилично.

    Поздрави!
     
    Последно редактирано: Ян 24, 2019
    iliqnktz, Ян 24, 2019
    #89
Страница 5 от 5

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

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