фебруар 2016 - Bloggerisanje | Blog Saveti i Trikovi, Tutorijali, Widgeti Za Blog, SEO, Alati

Social Media Dugmici su veoma vazni za optimizaciju vaseg bloga jer oni mogu privuci citaoce, povecanje pretplatnika i na taj nacin poboljsati vas blog.

Pokazacu vam kako da dodate dugmice na vas blog, veoma je jednostavno, samo sledite moje instrukcije:

social-media-widgeta-sa-sirenjem-dugmadi-na-vasem-blogu

Ulogujte se na vasu Blogger komandnu tablu
Kliknite na Izgled > Dodaj Gadzet
Kopirajte sledeci kod

<style>#TB911-SNS {width: 260px;margin: 5px 20px;padding:5px;}
#TB911-SNS li {cursor: pointer;height: 48px;position: relative;
list-style-type: none;}#TB911-SNS .icon {background: #D91E76
 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzZETkJzlFsXogEI8NnSl0lo_ZjVZ84JhBlSL72DpvxOEyHIYYnmYpmpB5Nv6gxsxeyaQihnYD3XV-fg52rCThCulihBdYQRB-oxPwdwb1fC9GR7xNVzbDqvHuAReZ1m_HFn7rFeJ7Yzk/s1600/NBT-Social_Button.png') 
 0 0 no-repeat;background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;color: #141414;float:none;
 height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 90px;text-shadow: #333 0 1px 0;
 white-space: nowrap;width: 48px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;
 -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out,
 background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;
 -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
 -o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none;}
 #TB911-SNS span:hover {visibility: hidden;}#TB911-SNS span {display: block;top: 15px;position: absolute;left: 90px;}
 #TB911-SNS .icon {color: #fafafa;overflow: hidden;}#TB911-SNS .fb {background-color: rgba(45, 118, 185, .42);
 background-position: 0 -382px;}#TB911-SNS .twit {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;}
 #TB911-SNS .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;}
 #TB911-SNS .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}
 #TB911-SNS .linked {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;}
 #TB911-SNS .ytube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;}
 #TB911-SNS .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;}
 #TB911-SNS li:hover .icon {width: 250px;}#TB911-SNS li:hover .icon {background-color: #d91e76;}
 #TB911-SNS li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
 #TB911-SNS li:hover .twit {background-color: #00A1DF;background-position: 0 -46px;}
 #TB911-SNS li:hover .google {background-color: #A70000;background-position: 0 -94px;}
 #TB911-SNS li:hover .pint {background-color: #C00;background-position: 0 -142px;}
 #TB911-SNS li:hover .linked {background-color: #005772;background-position: 0 -190px;}
 #TB911-SNS li:hover .ytube {background-color: #A00;background-position: 0 -286px;}
 #TB911-SNS li:hover .rss {background-color: #EC5601;background-position: 0 -334px;}
 #TB911-SNS .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}</style>
 <a rel="dofollow" title="blogger widgets" href="http://bloggerisanje.blogspot.com" target="_blank">
 <img border="0" src="http://bitly.com/24workpng1" style="margin-right:0px;" alt="widgets"/></a>
 <ul id="TB911-SNS"><li><a href="http://www.facebook.com/VASURL" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span></li>
 <li><a href="https://twitter.com/VASURL" class="icon twit">Follow us on Twitter</a><span>Follow us on Twitter</span></li>
 <li><a href="https://plus.google.com/VASURL" class="icon google">Follow us on Google+</a><span>Follow us on Google+</span> </li>
 <li><a href="http://www.pinterest.com/VASURL" class="icon pint">Follow us on Pinterest</a><span>Follow us on Pinterest</span> </li>
 <li><a href="http://in.linkedin.com/VASURL" class="icon linked">Follow us on LinkedIn</a><span>Follow us on LinkedIn</span> </li>
 <li><a href="http://www.youtube.com/user/VASURL" class="icon ytube">Follow us on Youtube</a><span>Follow us on Youtube</span> </li>
 <li><a href="http://feeds.feedburner.com/VASURL" class="icon rss">Subscribe via RSS</a><span>Subscribe via RSS</span></li>
 </ul></div><div style='clear: both;'></div>

Sacuvajte gadzet

To je to !

Na mestima gde pise "VASURL" ubacite vas link.

Continue Reading →

Kako napraviti kontakt stranicu na Bloggeru

Imati na svom blogu kontakt stranicu je od velikog znacaja. Kontakt stranica sluzi kao jednostavan nacin da posetioci vaseg bloga, razne kompanije, mogu da stupe u kontakt sa vama i to je nesto sto svaki blog/sajt treba da ima.

Blogger nudi besplatan obrazac za kontakt, ali kao gadzet koji se stavlja na bocnu traku i to ne izgleda bas lepo. Nije bas idealno mesto za kontakt obrazac, ako mene pitate ! Treba da se nalazi na posebnoj stranici, a ja cu vam to u ovom postu objasniti detaljno korak po korak.

kako-napraviti-kontakt-stranicu-na-Bloggeru

1. Uklonite vas postojeci kontakt obrazac. Mozete to uciniti tako sto cete otici na opciju "Izgled" i pronaci gadzet "Kontakt obrazac".

2. Sada je potrebno da prekopirate ID vaseg bloga. ID cete naci na kontrolnoj tabli bloga u traci za URL vaseg pretrazivaca. Ovaj blogID je potreban za generisanje koda za vasu kontakt stranicu. Pogledajte sliku.

3. Sada je potrebno da napravite stranicu na vasem blogu. Pogledajte sliku.

4. Sada kopirajte sledeci kod na vasu stranicu i zamenite obelezeno mesto sa vasim ID-om ('1880634099285222879').

<script>
var blogId = '1880634099285222879';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Sending...';
var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';
var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormInvalidEmailMsg = 'A valid email is required.'

var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' onclick="sendEmailMsg()"/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>

5. Prilikom kreiranja stranice, potrebno je da promenite u HTML rezim kao sto je prikazano na slici. Zatim kod koji se nalazi iznad nalepite. Nakon toga onemogucite komentare za tu stranicu i objavite je.