Und wieder ein HowTo, heute: Der eigene Spendenknopf

2개월 전

Moin, moin

liebe Spenderinnen und Spender!

Der Spendenknopf auf dem Steem-Frontends

Ein Thema, welches sehr wohl schon viel diskutiert wurde aber immer noch nicht vorhanden ist.
Ich möchte Euch gerne zeigen, wie Ihr euch diesen heiß umstrittenen Knopf selber erstellen könnt.
Es gibt für ihn sehr viele Einsatzmöglichkeiten, so kann @miketr ihn für sein @lotto-de nutzen und man kann mit ihm um Spenden für @steemworld.org bitten. Selbstverständlich kann man ihn auch für den eigenen Support nutzen.

Kommen wir gleich zum Thema, so einfach geht das:

Es ist immer ganz nett, wenn man diesen Knopf mit einem eigenen Bild verknüpft. Also basteln wir uns mal eins.
So, erledigt.

Spendenknopf.png

Ich bin in sowas nicht so talentiert wie Ihr aber ich denke, dass das als Beispiel ausreicht.

So, da wir nun ein schönes Bild haben, müssen wir es nur noch in das ipfs laden.
Ich schlage vor, Ihr schreibt erstmal den Text Eures Postes und ladet am Ende Euer schönes Bildchen in den Post.

Bildschirmfoto_2019-12-06_22-04-40.png

Das sieht jetzt ungefähr so aus:
Bildschirmfoto_2019-12-06_22-05-51.png

Jetzt braucht man nur noch die URL bearbeiten.
Vor dem Link setzt Ihr einfach ein "[" und am Ende ein "]"
Es sollte dann so aussehen:Bildschirmfoto_2019-12-06_22-11-50.png

Der Code:

[![Bildschirmfoto_2019-12-06_22-05-51.png](https://cdn.steemitimages.com/DQmVcv9rovAaCnB8GRk7SB3VQb4phqKk1Yf2kiQxce3hMwg/Bildschirmfoto_2019-12-06_22-05-51.png)]

Um den weiteren Link besser bearbeiten zu können, schlage ich einen einfachen Texteditor vor. Ich nutze hierfür geany aber jeder andere (ich weiß leider nicht mit Windows bescheid) geht auch.
Dort gebt Ihr folgenden Text ein:

https://v2.steemconnect.com/sign/

Bildschirmfoto_2019-12-06_22-22-52.png

Nun müsst Ihr Steemconnect sagen was es tun soll und fügt " transfer?to= " hinzu.

Code:

transfer?to=

Damit Steemconnect auch weiß wohin die Transaktion gehen soll, muss der Empfänger gleich hinter dem "=" eingefügt werden.
Nun sieht der Link ungefähr so aus: Bildschirmfoto_2019-12-06_22-27-16.png
Code:

https://v2.steemconnect.com/sign/transfer?to=steemworld.org

Jetzt weiß SC (Steemconnect), dass Ihr eine Transaktion an Jemanden machen wollt aber SC weiß immer noch nicht wie viel und was.
Mit " &amount= " und der Höhe " 0.010 ", legt Ihr den Betrag fest. Hier im Beispiel sind es 0.010 und weil es ja nicht nur STEEM gibt, müsst Ihr mit " %20STEEM " die Währungseinheit festlegen. Wer lieber SBD mag, kann mit " %20SBD " die SBD festlegen.
Nun braucht Ihr nur noch den neuen Code an dem Eures Bildes anhängen.
Wenn alles soweit ergänzt wurde sollte Euer Link ungefähr so aussehen:

Bildschirmfoto_2019-12-06_22-49-19.png

Ist ein wenig klein geworden, weil der Link so lang ist :/
Hier der Code

[![Spendenknopf.png](https://cdn.steemitimages.com/DQmWvZKBwZeB7z3MdhqnrvnqGx6LTSgL2ymkCCYFRNsRKyi/Spendenknopf.png)](https://v2.steemconnect.com/sign/transfer?to=steemworld.org&amount=0.010%20STEEM)

Das Endergebnis ist ein Bild, mit einem weiterführendem Link zu SC, welches eine Transaktion zu einem Account Eurer Wahl autorisiert.

Spendenknopf.png

Ihr könnt obiges Bild ruhig testen und an @steemchiller sein @steemworld.org 0.010 STEEM spenden. Nur zum Test versteht sich ;)

Bildschirmfoto_2019-12-06_22-57-20.png

Bildschirmfoto_2019-12-06_22-57-38.png

Bildschirmfoto_2019-12-06_22-57-52.png

Bildschirmfoto_2019-12-06_22-58-08.png

Und wenn ihr schon so im "Spendenwahn" seit, dann vergesst mir den @double-u nicht, er hat jeden Sonntag für uns seine Kneipe offen und freut sich ganz bestimmt über jede Zuwendung.

Hier der Code für Werner:

[![Spendenknopf.png](https://cdn.steemitimages.com/DQmWvZKBwZeB7z3MdhqnrvnqGx6LTSgL2ymkCCYFRNsRKyi/Spendenknopf.png)](https://v2.steemconnect.com/sign/transfer?to=double-u&amount=0.010%20STEEM)

Und hier das Ergebnis:

Spendenknopf.png

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
STEEMKR.COM IS SPONSORED BY
ADVERTISEMENT
Sort Order:  trending

Du hast ein Upvote von unserem Kuration – Support Account erhalten.

Dieser wird nicht von einem Bot erteilt. Wir lesen die Beiträge. (#deutsch) und dann entscheidet der Kurator eigenverantwortlich ob und in welcher Stärke gevotet wird. Unser Upvote zieht ein Curation Trail von vielen Followern hinter sich her!!!

Wir, die Mitglieder des German Steem Bootcamps möchten "DIE DEUTSCHE COMMUNITY" stärken und laden Dich ein Mitglied zu werden.

Discord Server an https://discord.gg/Uee9wDB

Das ist wirklich eine Coole Idee , sollte man öffters wo einbauen, werde es auch noch wo einbauen. UPS das Vergessen haben !invest_vote !BEER

Test

CLICK HERE.gif

·

Leider habe ich den Betrag nicht flüssig :/

·
·

Der Betrag sollte auch abschrecken, aber vielen Dank für den Beitrag.

Sehr coole Sache!
Gleich mal getestet mit Steemworld.

Was jetzt noch perfekt wäre, wenn sich der Link zur Steemconnect in einem eigenen Fenster öffnen würde. Aber das kann man ja notfalls mit der rechten Maustaste regeln. Also alles supi.

Danke für den Hinweis auf diesen Post an @chriddi

·

Wer ausreichend Energie hat, kann ja in allen seinen älteren Posts den Spendenlink reinsetzen. So können auch diese noch weit nach dem Payout belohnt werden.
Ich hoffe ja, dass der Spendenknopf endlich mal in den Frontends integriert wird. Diskutiert wird ja hin und wieder darüber aber so richtig findet sich da keine Mehrheit.

·
·

Habe das jetzt mal in einem älteren Post eingebaut: https://steemit.com/bestalbumcover/@depot69/duck-rock-1983-bestalbumcover

Werde mir aber noch was besseres Einfallen lassen.

Alter_post.jpg

·
·
·

Das ist richtig gut, eventuell der Text könnte ein wenig größer. Ich musste mir glatt die Brille holen :-)

Da sage ich nur Mega! Ich liebe solche Blogs von Dir und verinnerliche sie auch. LG Michael und ein !invest_vote

Coole Idee 👍

Cool, habs auch direkt getestet.

Nicht ganz einfach zu bewältigen. 😎

·

Ich verstehe dich so gut @muelli Krampf Kampf und Kopfschmerzen
VgA 🤯

·
·

Ach das ist eigentlich ganz einfach.
Du lädst einfach ein Bild hoch und schreibst vor der Bild-URL einfach ein " [ " (Taste ALTGR - unten direkt neben der Leertaste - und Tast " 8 " gemeinsam drücken)und am Ende der URL " ] " (Taste ALTGR und 9 ).
Dann fügst Du folgenden Link hinter die Bild-URL:

(https://v2.steemconnect.com/sign/transfer?to=atego&amount=0.050%20STEEM)

Acht darauf, das der Link in Klammern ist.
Möchtest Du den Empfänger ändern, dann brauchst Du nur im Link " atego" gegen jemand anderes ersetzen. Ebenfalls funtioniert es auch so mit dem Betrag, einfach hinten in der URL die 0.050 gegen eine andere Zahl ersetzen. Damit auch alles funktioniert, achte darauf, dass Du anstelle eines Kommars, einen Punkt nehmen musst.

money-1574450_640.png
Bild von Sushant Pradhan auf Pixabay

·

dollar-2091737_640.jpg
Bild von Peggy und Marco Lachmann-Anke auf Pixabay

Und hier der Code:

[![dollar-2091737_640.jpg](https://cdn.steemitimages.com/DQmTkY1R2cN8z78zbRPrhNWokhNGLfPuc2LFmFu8sh8iNWG/dollar-2091737_640.jpg)](https://v2.steemconnect.com/sign/transfer?to=muelli&amount=0.050%20STEEM)

Den kopierst Du einfach und fügst ihn in Deinen Beiträgen ein.

·
·

help steemworld.jpg
😎 😎 😎 Ich fühle mich jetzt wie ein Experte im Programmieren.

·
·
·

Prima! Es funktioniert :-)

Tolles Ding, das werde ich mal ausprobieren.

Mercy für die Infos, das kann ich bestimmt mal brauchen.

As a follower of @followforupvotes this post has been randomly selected and upvoted! Enjoy your upvote and have a great day!

Du wurdest als Member von @investinthefutur gevotet! ---> Wer ist investinthefutur ?
Eine kleine Dividende a little bit !BEER

Der spendenknopf ist eine coole Idee! Sollte wirklich unter jedem Post automatisch hinzugefügt werden!

So ganz hab ich es leider nicht verstanden wie man es erstellt. Das liegt aber an mir am Computer bin ich einfach zu ungeschickt;-(



Hey @condeas, here is a little bit of BEER from @investinthefutur for you. Enjoy it!

Congratulations @condeas! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You got more than 4750 replies. Your next target is to reach 5000 replies.

You can view your badges on your Steem Board and compare to others on the Steem Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Vote for @Steemitboard as a witness to get one more award and increased upvotes!

Wo ist denn dein Resteem Knopf hin? 🤔
Sehe nur ich ihn nicht, oder ist er wirklich weg?

·

😁 den hattest Du schon resteemt 😁
Der Post ist schon älter .

·
·

Eijeijei, das nimmt Ausmaße mit mir an ... unglaublich.
Liegt´s etwa doch am !BEER , oder ist´s der ganz normale Wahnsinn!? 🤣

·
·

Hey @condeas, here is a little bit of BEER from @muelli for you. Enjoy it!

Learn how to earn FREE BEER each day by staking.