Blogger Blogspot

Home » Posts filed under Blogger Gadgets

Showing posts with label Blogger Gadgets. Show all posts

Facebook Like Box bei Blogger Blogspot einbinden

Posted by Unknown Saturday, June 2, 2012 1 comment

How can a Facebook Like Box in a Blogger Blogspot embed embed? How can you integrate the Facebook Like Box to Blogger Blogspot in the side bar or in the footer? Where to get the gadget or Facebook Like Box Facebook Like Box ?

If you already have a Facebook page or even a Facebook page set up to match his Blogger Blogspot blog, then the Facebook Like Box and Facebook Like Box involve me. For a normal Facebook profile, it does not work.

The code has been drafted to be very easy to add on gadgets in a Blogger Blogspot blog can be integrated. A somewhat more complicated procedure in the template template is thus spared.

Is the Facebook Like Box included in the blog, readers can:

"Like" button and press to win new fans for its Facebook page
a preview to see what is being posted on the Facebook page, so an overview of recent activities
see how many people like the Facebook page, by these individuals is the profile photo to see and link

Simple instructions for quick installation of the Facebook Like Box:

Gadget for HTML / JavaScript in the old Blogger interface add

at blogger.com log and seek appropriate Blog
Design >> Page Elements >> Add a Gadget >> Select HTML / JavaScript and paste the code >> Save

Gadget for HTML / JavaScript in the new Blogger interface add

at blogger.com log and seek appropriate Blog
Layout >> Add a Gadget >> Select HTML / JavaScript and paste the code >> Save

Code for the Facebook Like Box and Facebook Like Box

<div class="fb-like-box" data-href="http://www.facebook.com/pages/BloggerLatein-Blogger-Blogspot-Tipps-und-Tricks/283692315026862" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Rote Markierung: dort wird die eigene Webadresse (URL) der eigenen Facebook Seite eingesetzt. Wer diese nicht auswendig kennt, loggt sich bei Facebook ein, sucht seine Seite auf und kopiert die URL aus der Adresszeile des Browsers. Die Webadresse (URL) endet mit der Seiten ID (eine längere Zahl).

Blaue Markierung: um die Box breiter zu machen wird eine größere Zahl eingegeben und um die Box schmaler zu machen gibt man eine kleinere Zahl ein.

Grüne Markierung: möchte man im unteren Teil der Box keine Profilbilder anzeigen lassen, wird das Wort true mit dem Wort false ersetzt.

Orange Markierung: möchte man den scrollbaren Mittelteil (Postvorschau der Facebook Seite) ausblenden und nur die Profilfotos anzeigen lassen, wird das Wort true mit dem Wort false ersetzt.

Rosa Markierung: möchte man die Überschrift Finde uns auf Facebook ausblenden, wird das Wort true mit dem Wort false ersetzt.

Wie man eine Facebook Like Box mit Hover Effekt (ausklappbar beim Anklicken) einbindet, wird in diesem Artikel erklärt: Facebook Like Box mit Hover Effekt bei Blogspot einbinden

Embed the new Google +1 Button to your Blogger Blogspot blog

Posted by Unknown Friday, June 1, 2012 1 comment

As you can at Blogspot integrate the new "Google Plus One" button? As you make your bed the new "Google +1" button, a blogger at a Blogspot ?

Google has the design of the "Google +1" or "Google Plus" buttons changed. The new design of the buttons is automatically applied to many products, including Blogger Blogspot blogs. Those who did not make friends with the old colorful design could have perhaps cause for celebration.

The old design, there will be in this article, go to "admire".

Why do we need all these just share buttons (social media buttons)? You need them, but they have many benefits.

Who wants to make known its website and would like to improve the ranking in the search engines will come no more to social media buttons.

One advantage is that the reader quickly to the content of the page on which it is located, can share in social networks. What make you want? It brings more visitors and new readers might find the page or the blog interesting. Perhaps this share again the links to specific posts or articles in their own blogs. Thus, a link to a website or a blog and spread more rapidly and bring more traffic to the blog.

Very good it is, if there is still someone the contents of their own blogs as well or is recommended that he or his blog on his website is a link to your own blog. We then speak of a backlink. Also, the backlinks play an important role and it is a very simplified not insignificant criterion for the ranking of the blog in the search engines.

The "Google Plus One" button is also a social media button and has "Like" roughly the same function as the button of Facebook. With the "Google +1" button, readers can review the contents of the blog and it brings positive any other visitors to the blog.

The code for the "Google +1" button is in a Blogger Blogspot blog about the gadget HTML / JavaScript (mostly in the side bar) inserted.

Gadget for HTML / JavaScript in the old Blogger interface add

at blogger.com log and seek appropriate Blog
Design >> Page Elements >> Add a Gadget >> Select HTML / JavaScript and the code of the "Google +1" button to insert >> Save
Invite new blog and the button should be visible

Gadget for HTML / JavaScript in the new Blogger interface add

at blogger.com log and seek appropriate Blog
Layout >> Add a Gadget >> Select HTML / JavaScript and paste the code of the "Google +1" button >> Save
Invite new blog and the button should be visible

Neue Google +1 Buton in Blogger Blogspot einbetten. Neue Google Plus Eins Button in Blogger Blogspot einbetten.

Google +1 Buttons & Codes

Button – large

Code

<g:plusone size="tall" annotation="none"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button – standard

Code

<g:plusone annotation="none"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button – medium

Code

<g:plusone size="medium" annotation="none"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button – small

Code

<g:plusone size="small" annotation="none"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button mit Counter – large

Code

<g:plusone size="tall"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button mit Counter – standard

Code

<g:plusone></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button mit Counter – medium

Code

<g:plusone size="medium"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button mit Counter – small

Code

<g:plusone size="small"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button mit Counter – Large

Code

<g:plusone size="tall" annotation="inline"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button mit Counter – standard

Code

<g:plusone annotation="inline"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button mit Counter – medium

Code

<g:plusone size="medium" annotation="inline"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Button mit Counter – small

Code

<g:plusone size="small" annotation="inline"></g:plusone>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

Blogger Blogspot

Facebook Like Box bei Blogger Blogspot einbinden

Embed the new Google +1 Button to your Blogger Blogspot blog

Best Tips Blogger SEO

Entri Populer

Followers