Vers des Tages auf ihrer Webseite
Haben Sie eine Website und wollen Sie unseren täglichen Bibelvers darauf zeigen? Das ist möglich!WordPress
Für Wordpress gibt es ein Plugin: Klicken Sie hier zum Download unseres Wordpress Plugins!Den Bibelvers des Tages platzieren
Hier sehen Sie ein Beispiel.Mit den nachfolgenden HTML Codes können Sie den Bibelvers des Tages auf Ihrer Webseite anzeigen.
Step 1 - jQuery
Stellen Sie sicher, dass Ihre Website die JavaScript-Bibliothek jQuery unterstützt. Wenn nicht, schreiben Sie folgenden Befehl in den <head>:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Step 2 - Javascript
Setzen Sie nachfolgenden Code in den <head> Ihrer Website:
<script>
$(document).ready(function(){
$.ajax({
url:'https://dailyverses.net/getdailyverse.ashx?language=lut&isdirect=1&url=' + window.location.hostname,
dataType: 'JSONP',
success:function(json){
$(".dailyVersesWrapper").prepend(json.html);
}
});
});
</script>
$(document).ready(function(){
$.ajax({
url:'https://dailyverses.net/getdailyverse.ashx?language=lut&isdirect=1&url=' + window.location.hostname,
dataType: 'JSONP',
success:function(json){
$(".dailyVersesWrapper").prepend(json.html);
}
});
});
</script>
Wenn Sie die täglichen Bibelverse aus der NeÜ-bibel.heute statt der Lutherbibel anzeigen wollen, ersetzen sie lut mit neu (Beispiel).
Step 3 - HTML
Setzen Sie nachfolgenden HTML Code an die Stelle, wo der Bibelvers des Tages erscheinen soll.
<div class="dailyVersesWrapper">
<div class="dailyVerses linkToWebsite"><a href="https://dailyverses.net" target="_blank">DailyVerses.net</a></div>
</div>
<div class="dailyVerses linkToWebsite"><a href="https://dailyverses.net" target="_blank">DailyVerses.net</a></div>
</div>
Step 4 - CSS
Wenn alles etwas schöner aussehen soll, können Sie das mit CSS nach Ihren Wünschen gestalten:
.dailyVersesWrapper a
{
color:#000;
font-weight:bold;
}
.dailyVerses.linkToWebsite a
{
opacity:0.6;
font-size:12px;
text-decoration:none;
}
Letzte Änderung dieser Seite durch Wulf Bingel: 05.06.2015
{
color:#000;
font-weight:bold;
}
.dailyVerses.linkToWebsite a
{
opacity:0.6;
font-size:12px;
text-decoration:none;
}
Mehr lesen
