Online Shopping Store Blogger Templates

Topics bought a lot


Sales interface


Share theme blogspot

Blogspot tricks

[tintuc]

Create template copyright link for Blogspot (Blogger)


Hello Readers for a long time, I haven't posted, right?
"Copyright" is probably a difficult problem. If you have ever used free templates from sites: Templateism.com, templateclue.com, soratemplates.com ... Then the phrase "Copyright Link" is no stranger to you.

Now that you guys are Pro, don't use the free template anymore. Design your own template and share it with everyone and want to keep your own copyright mark? Today, I guide you to create copyright links for the template using a JS snippet.

Step 1: Go to Blog => Template => Edit HTML. Press Ctrl + F and navigate to the <head> tag. Then paste the following code at the bottom of the <head> tag.

<script type='text/javascript'>
      //<![CDATA[
$(document).ready(function () {
  $('#copyright').html('<a href='http://www.abcdc.com/' >Thủ thuật Blogspot</a>');
  setInterval(function () {
      if (!$('#copyright:visible').length) window.location.href = 'http://www.abcde.com/'
  }, 1000)
})
      //]]>
</script>


☼ Customize:
· Change the green script to the text link that points to your page.
· Replace the code in pink that the link will be redirected when the browser does not find your copyright code (on the form installed this utility).

Step 2: Insert the copyright code into the template (usually in the footer of the Blog).

<a href='http://www.abc.com/' id='copyright'>Thủ thuật Blogspot</a>

If there is id = 'copyright' then now whatever the code above is, it will automatically change into a green code.

Note: JS paragraphs in step 1 You should embed along with other important JS snippets in the template so that the user will not detect (Generally, you hide the JS paragraphs in step 1 carefully, otherwise the user will remove copyright link in the blink of an eye) ... If you want to know how to hide it, contact me J to tell the truth!

Thus, having completed the protection of the copyright of your template, of course, it is impossible to completely protect it and less worry about losing your copyright.


If you like this post, please subscribe to my blog to regularly update the latest and greatest posts via email. Thanks very much

[/tintuc]


[tintuc]

Fix error not showing images on Blogspot


☼ First error: Often you start blogging on the Blogger platform, thinking that the image uploaded to Blogspot has nothing to do with photos on picasaweb.google.com or Google+, but it keeps appearing on here, right? So delete all photos on picasaweb.google.com or Google+ and then Blog again. Oh! Photos on my Blog where all r => `` '' Image error due to delete a bluff without knowing anything ''. Because photos uploaded to Blogspot or uploaded to Google+ are all stored on picasaweb.google.com, here you probably know why delete photos on picasaweb.google.com or Google+, the photos on Blog are corrupted, right? The only fix is that you have to re-upload all the deleted pictures and change the link one by one. Be careful before doing anything you don't know yet!

☼ Second error: The error is blocked by the network operator, you probably know it all, the network is only blocking the domain containing the .blogspot.com link! So what is the exit for Blogger users? Yes, with a simple trick, the image will be displayed even if the network is blocked.

Method 1: Edit manually: When uploading photos to posts, the image link will look like * .bp.blogspot.com, you just need to convert the article via HTML mode and then edit the link into lh4.googleusercontent.com or lh4.ggpht.com is fine.

Method 2: Use a JavaScript, this way the image link will automatically switch to lh4.googleusercontent.com, you will not need to manually edit each image. Go to Blog => Template => Edit HTML. Press Ctrl + F and navigate to the </body> tag. Then paste the following code snippet above the </body> tag and save the form.

<script type='text/javascript'>
//<![CDATA[
var images = document.getElementsByTagName("img");
for(var i=0;i<images.length;i++) {
images[i].src = images[i].src.replace(/[0-9]+.bp.blogspot.com/,"lh4.googleusercontent.com");
}
//]]>
</script>

[/tintuc]


[tintuc]

Are you looking for a Contact form for your blog? Haven't you found a satisfactory form from other blogspot sites to share?



So please stop for a few minutes to take a look at the beautiful Contact form form for you guys, I think it's hard to be unsatisfied.

This is a form I see as only available in "blogs created by me and SHARE EVERYTHING are also using it". This form is designed and used exclusively for Blogspot, so it will not be used for websites using other sources.

Contact form for Blogspot
To create a Contact form like the demo image below, follow the instructions for creating your Contact form below:


This form can be created anywhere, however, I think you should create a contact form on a separate page. Here, I encourage using the "Pages" (Pages) in the settings of Blogspot:

1. Go to "Page" -> "New page".

2. Switch to the HTML tab.

3. Copy the entire code below, paste it there:

<div class=”separator” style=”clear: both; text-align: center;”> <img alt=”Liên hệ Trần Bá Đạt” height=”230″ src=”https://lh3.ggpht.com/-ikSVvk6ykts/WO-jkgJR2NI/AAAAAAAAENM/NCN7y9lDEi4OFOn0CRDORSKeJDcju4CuACLcB/s1600/lien-he.png” style=”border-image: none; border: medium;” title=”Liên hệ Trần Bá Đạt” width=”640″ />
</div> Tôi sẽ rất vui lòng nếu nhận được sự phản hồi của các bạn. Nếu có gì chưa chính xác, hay nếu muốn đề xuất nội dung được viết trên <a href=”https://www.tranbadat.com/”>tranbadat.info</a> thì hãy gửi yêu cầu đến tôi. Tôi sẽ cố gắng hỗ trợ các bạn một cách nhanh nhất và tốt nhất. Cảm ơn!
<br />
<form id=”kontak-arlina” name=”contact-form”>
<input id=”ContactForm1_contact-form-name” name=”name” placeholder=”Tên *” size=”30″ type=”text” value=”” />
<input id=”ContactForm1_contact-form-email” name=”email” placeholder=”Email *” size=”30″ type=”text” value=”” />
<textarea cols=”25″ id=”ContactForm1_contact-form-email-message” name=”email-message” placeholder=”Nội dung *” rows=”5″></textarea>
<input id=”ContactForm1_contact-form-submit” type=”button” value=”Gửi tin nhắn” />
<br />
<div style=”max-width: 100%; text-align: center; width: 100%;”>
<div id=”ContactForm1_contact-form-error-message”> </div>
<div id=”ContactForm1_contact-form-success-message”> </div>
</div>
</form>
<br />
<ul>
<li>Email: tran.badat1992@gmail.com</li>
<li>https://www.tranbadat.com</li>
<li>Skype: tran.badat1992</li>
</ul>
<style scoped=”” type=”text/css”>
#comments,
.post_meta,
#blog-pager {
display: none
}

form {
color: #666
}

form.payforpal {
margin: auto;
text-align: center
}

#kontak-arlina {
margin: auto;
max-width: 640px
}

#ContactForm1_contact-form-name,
#ContactForm1_contact-form-email {
display: inline-block;
width: 45%;
height: auto;
background: #fff;
margin: 20px auto;
padding: 15px 12px;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.2);
float: left;
transition: all 0.2s
}

#ContactForm1_contact-form-email {
float: right
}

#ContactForm1_contact-form-email-message {
width: 100%;
height: 175px;
margin: 5px 0 20px 0;
padding: 15px 12px;
background: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.2);
resize: none;
transition: all 0.3s
}

#kontak-arlina br {
display: none
}

#ContactForm1_contact-form-name:focus,
#ContactForm1_contact-form-email:focus,
#ContactForm1_contact-form-email-message:focus {
outline: none;
background: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.2);
}

#ContactForm1_contact-form-submit {
float: left;
background: #e74c3c;
color: #fff;
margin: auto;
vertical-align: middle;
cursor: pointer;
padding: 16px 20px;
font-size: 15px;
text-align: center;
letter-spacing: .5px;
border: 0;
width: 100%;
font-weight: 500;
transition: all .2s
}

#ContactForm1_contact-form-submit:hover,
#ContactForm1_contact-form-submit:focus {
background: #c0392b;
color: #fff;
}

#ContactForm1_contact-form-error-message,
#ContactForm1_contact-form-success-message {
width: 100%;
margin-top: 35px
}

.contact-form-error-message-with-border {
background: #f47669;
border: 0;
box-shadow: none;
color: #fff;
padding: 5px 0;
border-radius: 3px
}

.contact-form-success-message {
background: #4fc3f7;
border: 0;
box-shadow: none;
color: #fff;
border-radius: 3px
}

img.contact-form-cross {
line-height: 40px;
margin-left: 5px
}

.post-body input {
width: initial
}

@media only screen and (max-width: 640px) {
#ContactForm1_contact-form-name,
#ContactForm1_contact-form-email,
#ContactForm1_contact-form-submit {
width: 100%;
float: none
}
}
</style>
<script type=”text/javascript”>
//<![CDATA[ if (window.jstiming) window.jstiming.load.tick(‘widgetJsBefore’); //]]>
</script>
<script src=”https://www.blogger.com/static/v1/widgets/2271878333-widgets.js” type=”text/javascript”></script>
<script type=”text/javascript”>
//<![CDATA[ if (typeof(BLOG_attachCsiOnload) != ‘undefined’ && BLOG_attachCsiOnload != null) { window[‘blogger_templates_experiment_id’] = “templatesV1”;window[‘blogger_blog_id’] = ‘5996935446171071211‘;BLOG_attachCsiOnload(”); }_WidgetManager._Init(‘//www.blogger.com/rearrange?blogIDx3d5996935446171071211‘,’//www.tranbadat.com/’,’5996935446171071211‘); _WidgetManager._RegisterWidget(‘_ContactFormView’, new _WidgetInfo(‘ContactForm1’, ‘footer1’, null, document.getElementById(‘ContactForm1’), {‘contactFormMessageSendingMsg’: ‘Đang gửi…’, ‘contactFormMessageSentMsg’: ‘Tin nhắn của bạn đã được gửi.’, ‘contactFormMessageNotSentMsg’: ‘Tin nhắn của bạn chưa được gửi. Vui lòng thử lại sau.’, ‘contactFormInvalidEmailMsg’: ‘Vui lòng thêm địa chỉ email hợp lệ.’, ‘contactFormEmptyMessageMsg’: ‘Nội dung không được để trống.’, ‘title’: ‘Mẫu liên hệ’, ‘blogId’: ‘5996935446171071211‘, ‘contactFormNameMsg’: ‘Tên’, ‘contactFormEmailMsg’: ‘Email’, ‘contactFormMessageMsg’: ‘Nội dung’, ‘contactFormSendMsg’: ‘Gửi tin nhắn’, ‘submitUrl’: ‘https://www.blogger.com/contact-form.do’}, ‘displayModeFull’)); //]]>
</script>



4. Edit the note below so that contact mail will be sent to your correct account:
- The blue id segment: 5996935446171071211you need to replace the correct ID for your blog.
- The red link: www.tranbadat.com return it with your website address.
- The other contact content you see customized in the code always offline.

5. Name the page Contact or whatever you like, then save it.

So you have a nice contact form contact page for blogspot. Content after being sent from the contact page will be sent directly to the notification email of your blog. So don't worry about losing it.
[/tintuc]


[tintuc]

Share blogspot real estate theme beautiful full layout



Share blogspot real estate theme

Share real estate blogspot theme, free real estate blogger template
The theme I covered for a long time does not remember the source: D, now I can see Share for you.
Responsive design template, beautiful full layout


Real estate blog theme you need, you can download it by following the link

Demo: https://bds-ht01.blogspot.com
Download: https://drive.google.com/open?id=1TrxCSRi6YMPkQtvD5meVaCmn2hU1PE6S


[/tintuc]


[tintuc]

Share news blogspot theme like Freetuts




Share your own news blog template from Freetuts interface


My theme code and share a long time ago probably also a whole year, now take out the share back to you yet.

The interface is suitable for you to make personal blogs ... stamps may have many small errors css you can see if it can be further fixed ...

Homepage data is taken according to each separate label, you replace the label on your blog in each item.

You download the link below.

Demo: https://themeblogdepp-ht.blogspot.com
Download: https://drive.google.com/open?id=1vvklLSYu_fdKA21IVj2m0h8m_9Qk-k67
[/tintuc]


[tintuc]

Share theme blogspot sales english version



ONLINE SHOPPING STORE ECOMMERCE BLOGGER TEMPLATES

Last post I have shared the Vietnamese version of Bizmart v2 theme, today I continue to share Bizmart v2 in the English version.

This version is similar to the Vietnamese version of the layout, the only additional update is paying by Paypal

You edit the paypal mail in the theme into your mail.

Demo: https://bizmark-shop.blogspot.com
Download: https://drive.google.com/open?id=1e4d2WktwLaIH0Xk1Dft_X8YZQLKNeX7-
Video tutorial: https://www.youtube.com/watch?v=Kz8bWne88mI

[/tintuc]


[tintuc]

Beautiful blogspot interface seo Hoa Tran


Beautiful blogspot interface seo Hoa Tran

Sales blogger interface

Real estate blogger interface

News blogger interface

Blogger landing page interface ....


[/tintuc]