How to display content from steemit.com on your website.

in #howto • 7 years ago

Website URL https://mktcode.github.io/steemit-widgets/ and interface

128.png

The following demos show how it might look like with some custom styling (using UIKit).
There are no styles applied out of the box but feel free to copy the styles from this demos.

129.png

For futher detail go to the website and explore these option

130.png

First you need to decide where to put the content.

132.png

Now add the necessary files to your website. You only need the javascript API for Steemit and the plugin itself. You don't have to download anything if you use the CDN links in the code below. Just copy these lines and paste them right before your closing tag.

131.png

Next you need to initialize the widget you want. All the widget functions are accessible through the steemitWidgets object. In this example we'll use the blog() function to display your blog posts.

133.png

Put together your html file might look like this:

134.png

This will display a simple list of links to your blog posts along with the number of upvotes, comments and payout.

Plugin created by @mkt.
Template "Fractal" by: HTML5 UP

Before leaving my post :( IF you like this websites don't forget to up-vote

its very helpful for you.
Its my 43 post i can post daily one informative post on my account my main purpose is to help you in this way i feel happiness
5 i post how to check who constantly upvote your post https://steemit.com/howto/@farihelper/how-to-see-application-who-constantly-upvote-your-posts

Beneficial post for you

How to free mining Different coin like( BTC LTC Doge) ETC. https://steemit.com/mining/@farihelper/how-to-free-mining-different-coin-like-btc-ltc-doge-etc
https://steemit.com/howto/@farihelper/how-to-make-professional-free-logos
https://steemit.com/howto/@farihelper/free-cloud-storage-services-you-ll-ever-need
https://steemit.com/howto/@farihelper/how-to-make-you-post-more-visible-use-these-symbol-in-you-post-title-and-make-your-post-more-visible
How to get Steem Upvote And Follower (No need to say any one give me upvote or follow me)
https://steemit.com/writing/@farihelper/how-to-get-steem-upvote-and-follower-no-need-to-say-any-one-give-me-upvote-or-follow-me

Note :

Your
UPVOTE
RESTEEM
FOLLOW
encourage me to give more and more information share with you always remember @farihelper

Must resteem my post in this way you also help other.

#education #help #introduction #computer
7 years ago in #howto by
$0.56
  • Promotion Cost $0.20
  • Past Payouts $0.56, 0.00 TRX
  • - Author $0.47, 0.00 TRX
  • - Curators $0.09, 0.00 TRX
21 votes
Reply 10
Sort:  
  • Trending
    • [-]
     7 years ago 

    Fantastic post. Well done sir. Keep it up.

    [-]
     7 years ago 

    Thanks dear

    $0.00
      Reply
      [-]
       7 years ago 

      You always very welcome.

      [-]
       7 years ago 

      :)

      $0.00
        Reply
        [-]
         7 years ago 

        Thank you for featuring my Plugin! :)
        Just one little note: you copied a good portion of my texts and I'm totally fine with that but it would be better if you format those parts as quotes.

        [-]
         7 years ago 

        Welcome sir your comment is really appreciable for me . Sir i try to write that code but when i write in steemit post only result is showed in my post not full coding that's why i take screen shoot

        $0.00
          Reply
          [-]
           7 years ago 

          I don't mean the images but the texts. Don't get me wrong. I'm not angry or something... :D But you should always make it clear whenever you are using texts you didn't write yourself.

          So instead of:

          The following demos show how it might look like with some custom styling (using UIKit).

          Just put a > in front of the text and it becomes a quote:

          The following demos show how it might look like with some custom styling (using UIKit).

          $0.00
            Reply
            [-]
             7 years ago 

            This post was resteemed by @reblogger!
            Good Luck!

            Learn more about the @reblogger project in the introduction post.

            $0.00
              Reply
              [-]
               7 years ago 

              @royrodgers has voted on behalf of @minnowpond. If you would like to recieve upvotes from minnowponds team on all your posts, simply FOLLOW @minnowpond.

                      To receive an upvote send 0.25 SBD to @minnowpond with your posts url as the memo
        To receive an reSteem send 0.75 SBD to @minnowpond with your posts url as the memo
        To receive an upvote and a reSteem send 1.00SBD to @minnowpond with your posts url as the memo
              $0.00
                Reply
                [-]
                 7 years ago 

                This post has received a 0.63 % upvote from @drotto thanks to: @banjo.

                $0.00
                  Reply

                  Coin Marketplace

                  STEEM 0.16
                  TRX 0.13
                  JST 0.026
                  BTC 57142.47
                  ETH 2437.81
                  USDT 1.00
                  SBD 2.39