So richten Sie ein Pop-up mit einer ähnlichen Box für Ihre Blogger-Fanseite ein

Facebook-Seiten bietet eine Welt voller Möglichkeiten für Content-Ersteller. Es ist eine Möglichkeit, sich mit der Community zu verbinden und Wenn Sie Blogger verwenden, können Sie Ihrem Blog ein Pop-up hinzufügen um Ihre Follower wie Ihre Fanseite zu machen.

Die Vorteile einer Fanpage

Eine Fanpage kann Menschen mit den gleichen Vorlieben und Vorlieben zusammenbringen. Neben der Möglichkeit, bestimmte Arten von Inhalten zu abonnieren eine direktere Kommunikation mit den Kunden haben .

Ihr Geschäfts- oder Privatname wird sichtbarer Sie haben auch die Möglichkeit, in einem globalen sozialen Netzwerk zu posten. Ganz zu schweigen davon, dass es eine gute Wahl für Senden Sie Traffic an Ihren Blog und führen digitale Marketingkampagnen durch.

Das Erstellen eines Blogger-Popup-Fensters mit Ihrer Facebook-Seite ist eine einfache Aufgabe mit nur wenigen Klicks.

So platzieren Sie eine Fanseite als Pop-up in Blogger

  • Melden Sie sich in Ihrem Google-Konto an und gehe zu Blogger über die Google Apps-Schaltfläche. Wählen Sie die Designoption im Menü und wählen Sie Gadget hinzufügen.
  • Es öffnet sich ein neues Fenster, in dem Sie es bearbeiten können HTML / JavaScript-Auswahl .
  • Es gibt ein neues Fenster, in dem der Code es muss sein wird im Inhaltsbereich platziert . Das Titelfeld kann leer bleiben und Sie können wählen, ob es sichtbar ist oder nicht.





#fanback {


Aussehen: nichts?


Hintergrund: rgba (0,0,0,0,8);


Breite: 100 %;


Höhe: 100 %;


Position: fest?


hoch: 0;


links: 0;


Index z: 99999;


}


# Lüfterausgang {


Breite: 100 %;


Höhe: 100 %;


}


#JasperRoberts {


Hintergrund: weiß?


Breite: 420 px;


Höhe: 270 px;


Position: absolut?


hoch: 58 %;


links: 63 %;


Rand: -220px 0 0 -375px;


-webkit-box-shadow: 0 0 50px 0 # 939393 einfügen;


-moz-box-shadow: 0 0 50px 0 # 939393 einfügen;


Schattenrahmen einfügen: 0 0 50 px 0 # 939393;


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


Kantenradius: 5 px;


Rand: -220px 0 0 -375px;


}


#TheBlogWidgets {


schweben rechts?


Cursor: Zeiger?


arrière-plan: URL (http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.png) wiederholt;


Höhe: 15 px;


Futter: 20 px;


Position: relevant?


Futter rechts: 40 px;


Oberer Rand: -20 px;


rechter Rand: -22px;


}


.entfernen-borda {


Höhe: 1px;


Breite: 366 px;


Rand: 0 automatisch.


Hintergrund: # F3F3F3;


oberer Rand: 16 px;


Position: relevant?


linker Rand: 20 px;


}


# linkit, # linkit a.besucht, # linkit a, # linkit a: αιώρηση {


Farbe: # 80808B;


Schriftgröße: 10px;


Rand: 0 automatisch 5px automatisch;


Schwimmer: Taille?


}






//


jQuery.cookie = Funktion (Schlüssel, Wert, Optionen) {


// Setze Schlüssel und mindestens einen gegebenen Wert, Cookie …


if (.length arguments> 1 && String (Wert)! == “[Objektobjekt]”) {


Optionen = jQuery.extend (}}, Optionen);


if (Wert === Null || Wert === nicht spezifiziert) {


Optionen.abgelaufen = -1;


}


if (typeof options.expires === ‘Zahl’) {


var days = options.expires, t = options.expires = neues Datum ();


t.setDate (t.getDate () + Tage);


}


Preis = Zeichenfolge (Preis);


zurück (document.cookie = [


encodeURIComponent (Schlüssel), ‘=’,


Optionen.roh? Wert: encodeURIComponent (Wert),


Optionen.abgelaufen? ‘; Expires = ‘+ options.expires.toUTCString (): “, // Verwenden Sie das Expires-Attribut, max-age wird vom IE nicht unterstützt


Optionen.Pfad? ‘; Pfad = ‘+ Optionen.Pfad: “,


optionen.domain? ‘; domain = ‘+optionen.domain: “,


Optionen.sicher? ‘; sicher ‘: ”


] .Beteiligung (“));


}


// Schlüssel und optionale Optionen, das Cookie abrufen …


Optionen = Preis ||
}};


var result, decoding = options.raw;
Funktion (s) {return s; }: UI-Komponenten-Decodierung?


return (result = new RegExp (‘(?: ^ |;)’ + encodeURIcomponent (key) + ‘= ([^;] *) ‘). exec (document.cookie));
Entschlüsselung (Ergebnis [1]): Null?


};


//]]>






jQuery (Dokument) .ready (Funktion ($) {


if ($. Cookie (‘popup_user_login’)! = ‘yes’) {


$ (‘#Fanback’). Verzögerung (15000) .fadeIn (‘mittel’);


$ (‘# TheBlogWidgets, # Fan-Exit’). klicken (Funktion () {


$ (‘#Fanback’). Stoppen (). Ausblenden (‘mittel’);


});


}


$ .cookie (‘popup_user_login’, ‘yes’, {path: ‘/’, läuft ab: 7});


});



















Deja un comentario