PE: How to embed things
|9 min read
901
1.8K
13
Recommended Journals
Be An Active Watchee
    We all want active watchers; people that comment on our deviations and add them to their favorites. That get involved in whatever projects we have going on, polls we post or anything else. Active watchers are awesome and we're lucky to have them. But are you an active watchee?    Some people return watches, some people don't. However you do it, a big key to have active watchers for most of us is to be active in return! But what is an active watchee?    Being an active watchee isn't really that hard, it's just boils down to being involved with your watchers and being part of their deviantART experience too. They watched you for whateve
10 things to do while looking at a photo
Training your eye is very important. To take your photography to the next level and grow as an artist, you need to know what looks good, have an open mind and build your own style. Point at the first thing that attracts your attention (often being the brightest point in the image) Try to mentally trace the path your eye takes around the image (it's like connecting the dots in order to discover the story, in this case) Has the photographer used the rule of thirds? Or a different type of placing the elements in the image? Has the photographer shot from his eye level? Or chose a different point of view? What is the photographer trying to t
CSS Did You Know? - May 9th, 2013
Volume 10 %CSS-DYK (https://www.deviantart.com/css-dyk) Welcome CSS can be difficult when you're unfamiliar to it. So that's why we're writing these articles! If you have any suggestions or would like to write a section in future CSS Did You Know? articles, please note CSS-DYK (https://www.deviantart.com/css-dyk). :) Inside Author Avatar by im-not-sana (https://www.deviantart.com/im-not-sana) Utilizing the Header and Footer Sections by gillianivyart (https://www.deviantart.com/gillianivyart) :iconim-not-sana: Author Avatar Hey again Devious CSSkinners! So last article I mentioned how to add and style the .author{} selector. This article, I'll tell you how you can add an author's avatar into your journals that the gruze skin will automatically generate! Initially, I was going fo
106.1K Views|50 Today


Written by Astrikos for projecteducate's community week. 
You may have noticed GIFS and hot things in people's journals and profiles. 
With HTML and CSS, you can add some hotness to your journals and profile.

Pretty neat, yes? 



Embedding Images and GIFs

DeviantART Images
    Images on dA can easily be linked with thumbcodes. 
While on a deviation page, all you have to do is scroll down and look right until you see:

Screen shot 2013-04-28 at 1.18.43 PM by Astrikos
Copy and paste the thumb code. 
:thumb367944988:
:thumb367944988:

And if you want it bigger: 
:bigthumb367944988:

And bam. There you are.
If that's not good enough, you can play around with the size like this.. .
<da:deviation width="Number"  id="deviationID">
It's the thumbcode number without thumb in it... 
Trying it out... 
<da:deviation width="380"  id="367944988">
Gives us:
<da:deviation wytiwyg="1" width="380"  id="367944988">

If you want to play with height of dA deviations (with HTML) , you will need to use the method explained below. 



All kinds of images, not just deviantART ones


With this method, you can link any image you want from the internet(including dA images) , however,  HTML is involved. 

And now.... 
Go find your adorable/sexy  GIF/Image on wherever. Tumblr is especially useful. So is google. Express yourself.

The code is... 

<img src="Direct Image URL">

That's it! Easy. 
Right click, then select Copy Image URL to get the direct image URL. 
Screen shot 2013-04-28 at 1.36.30 PM by Astrikos
And then you're done!



Resizing: 

You can resize things the HTML way.

(Width: 310) (height: 430) 
(Code: <img src="http://25.media.tumblr.com/tumblr_lyhnrtNYq41r7e6yco1_250.gif" width="310" height="430">

Default sizing

Or for deviantART images, sta.sh, all you need to do is drag and drop and resize that way. (in Journals) 
You can resize the HTML Way.. 
However, you need to have images that link to the deviation. 

Linking Images


Perhaps you want to create a graphic for your profile page that links to something else. 
First, find your image and upload it to st.ash or any other hosting program. Like flickr, tinypic, etc. 
I find sta.sh to be much quicker. 

I'll use project educate's header image:
 

I the image URL so  I right click on the image,
and select copy image URL
:bulletgreen:  fc01.deviantart.net/fs70/o/2013/024/0/0/350289350_646745_322748439_464988_header2.png

Not : http:/communityrelations.deviantart.com/journal/Project-Educate-Continues-261205783  (this is from the address bar, not from right clicking and getting 'copy image URL'.) 

I take the image URL and paste it into this code format: 

<a href="whatyouwanttheimagetolinkto.com"><img src="directimageURL.png/jpg/gif"></a>
For your direct image URL, you can find by right clicking and selecting copy image URL. It will end in an image file extension. (.jpg,..png,.gif,etc.)

In our example, this gives us the code: 

<a href="projecteducate.deviantart.com"> <img src="http://fc01.deviantart.net/fs70/o/2013/024/0/0/350289350_646745_322748439_464988_header2.png"><a>


In turn gives us:
 
Click it! It will redirect you to project educate! 


You can also apply the resizing methods shown above. 

Embedding Video

You can also embed snazzy youtube videos into your journals! 


Take a look at this code:
<da:embed profile="video type" id="ID of the video" />

Note: The ID means this....
ht<i>tp://www.youtube.com/watch?feature=player_profilepage&v=CIx0P1KDkVk


An example would be 
<da:embed profile="youtube" id="CIx0P1KDkVk" />

And that gives us: 
<da:embed profile="youtube" id="CIx0P1KDkVk"/> 
:la:
Compatible video types: 
:bulletpink:Youtube
:bulletpink: Vimeo
:bulletpink: Film 

Embedding a music player


Good luck and happy embedding! 
If you have questions, you may comment below!
:heart: 








Recommended Journals
Be An Active Watchee
    We all want active watchers; people that comment on our deviations and add them to their favorites. That get involved in whatever projects we have going on, polls we post or anything else. Active watchers are awesome and we're lucky to have them. But are you an active watchee?    Some people return watches, some people don't. However you do it, a big key to have active watchers for most of us is to be active in return! But what is an active watchee?    Being an active watchee isn't really that hard, it's just boils down to being involved with your watchers and being part of their deviantART experience too. They watched you for whateve
10 things to do while looking at a photo
Training your eye is very important. To take your photography to the next level and grow as an artist, you need to know what looks good, have an open mind and build your own style. Point at the first thing that attracts your attention (often being the brightest point in the image) Try to mentally trace the path your eye takes around the image (it's like connecting the dots in order to discover the story, in this case) Has the photographer used the rule of thirds? Or a different type of placing the elements in the image? Has the photographer shot from his eye level? Or chose a different point of view? What is the photographer trying to t
CSS Did You Know? - May 9th, 2013
Volume 10 %CSS-DYK (https://www.deviantart.com/css-dyk) Welcome CSS can be difficult when you're unfamiliar to it. So that's why we're writing these articles! If you have any suggestions or would like to write a section in future CSS Did You Know? articles, please note CSS-DYK (https://www.deviantart.com/css-dyk). :) Inside Author Avatar by im-not-sana (https://www.deviantart.com/im-not-sana) Utilizing the Header and Footer Sections by gillianivyart (https://www.deviantart.com/gillianivyart) :iconim-not-sana: Author Avatar Hey again Devious CSSkinners! So last article I mentioned how to add and style the .author{} selector. This article, I'll tell you how you can add an author's avatar into your journals that the gruze skin will automatically generate! Initially, I was going fo
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Comments (675)
RazorRex's avatar
RazorRex| General Artist
But how do you embed things in journal entries?
Reply  ·  
Astrikos's avatar
Astrikos|Hobbyist Artist

Are you using the regular sta.sh editor or the journal interface? Or the new eclipse one?

Reply  ·  
RazorRex's avatar
RazorRex| General Artist
regular
Reply  ·  
ruselljack333's avatar
Hi! I could have sworn I’ve been to this blog before but after browsing through some of the post I realized it’s new to me. Anyhow, I’m definitely delighted I found it and I’ll be book-marking and checking back often! international haulage price
Reply  ·  
Astrikos's avatar
Astrikos|Hobbyist Artist

Hey! Glad it helped you!

Reply  ·  
ruselljack333's avatar
Thank you for extra excellent blog. Exactly where else could i recieve this particular compassionate of information written in this kind of incite complete way? i have been seeing with regard to this kind of fine detail. how to play rummy online
Reply  ·  
Astrikos's avatar
Astrikos|Hobbyist Artist

thanks haha!

Reply  ·  
ruselljack333's avatar
Please keep on posting such quality articles as this is a rare thing to find these days. I am always searching online for posts that can help me. watching forward to another great blog. Good luck to the author! all the best! review stormlikes
Reply  ·  
ruselljack333's avatar
Pretty good post. I just stumbled upon your website and wanted to say that I have incredibly enjoyed reading your blog posts. Any way I am going to be subscribing for the feed and I hope to visit your article once again soon. cheap water bottles singapore
Reply  ·  
ruselljack333's avatar
I’m truly enjoying the design and layout of your website. It’s a very easy on the eyes which makes it much more pleasant for me to come here and visit more often. Did you hire out a developer to create your theme? Great work! voyance par telephone gratuite
Reply  ·  
ruselljack333's avatar
 On the off chance that Google has a spot devoted to you at the top particularly in the event that it is a high level posting with different subpages recorded beneath the principle landing page it gives your site a position and brand value that no advertisement can beat. SEO Course Singapore
Reply  ·  
ruselljack333's avatar
Hey there! I know this is somewhat off topic but I was wondering if you knew where I could locate a captcha plugin for my comment form? I’m using the same blog platform as yours and I’m having trouble finding one? Thanks a lot! buy automatic instagram likes
Reply  ·  
ruselljack333's avatar
An fascinating discussion is worth comment. I believe that you need to write read more about this topic, may possibly not be described as a taboo subject but generally everyone is too few to chat on such topics. An additional. Cheers House Painting Sydney
Reply  ·  
djploiesti's avatar

Oferim https://devents.ro/dj-ploiesti atat pentru calitatea serviciilor pe care le ofera, precum si pentru experienta care face de multe ori diferenta cand vorbim despre un eveniment reusit pe care nu il veti uita niciodata.

Reply  ·  
ruselljack333's avatar
Exactly why would you continue removing my comments? I have a few really unquie things to say, however my comments never display. Have I done anything erroneous, because if I have then there has to be a mistake. Please reply, thanks! thepornguy.org
Reply  ·  
brokenhaIos's avatar
brokenhaIos|Hobbyist Digital Artist
the Thumb code doesnt work in deviantart submissions. all it does is show the thumb code, not the image. html doesnt work either /: 
unless im doing something wrong.
like always?
Reply  ·  
ruselljack333's avatar
Oh my goodness! a great post dude. Thanks a ton Even so We are experiencing issue with ur rss . Don’t know why Not able to subscribe to it. Will there be any person acquiring identical rss dilemma? Anybody who knows kindly respond. Thnkx more info
Reply  ·  
ruselljack333's avatar
After study some of the web sites with your site now, and I genuinely like your technique for blogging. I bookmarked it to my bookmark site list and are checking back soon. Pls consider my internet site likewise and tell me what you believe. Voegwerken
Reply  ·  
ruselljack333's avatar
When I originally commented I clicked the -Notify me when new surveys are added- checkbox and already each time a comment is added I purchase four emails with the same comment. Will there be any way you may get rid of me from that service? Thanks! sgx nifty
Reply  ·  
ruselljack333's avatar
Pretty section of content. I just stumbled upon your website and in accession capital to assert that I get actually enjoyed account your blog posts. Anyway I will be subscribing to your feeds and even I achievement you access consistently quickly. RAMPANT RABBIT VIBRATOR
Reply  ·  
ruselljack333's avatar
When I originally commented I clicked the -Notify me when new surveys are added- checkbox and already whenever a comment is added I am four emails sticking with the same comment. Can there be any way you are able to eliminate me from that service? Thanks! coworking space
Reply  ·  
ruselljack333's avatar
After study many of the blog posts on your own internet site now, and i genuinely much like your means of blogging. I bookmarked it to my bookmark internet site list and are checking back soon. Pls check out my website as well and let me know what you think. getinmate.com/
Reply  ·  
ruselljack333's avatar
After examine a few of the blog posts on your website now, and I really like your method of blogging. I bookmarked it to my bookmark web site listing and will likely be checking again soon. Pls take a look at my web page as properly and let me know what you think. pretpark Bobbejaanland overnachten
Reply  ·  
ruselljack333's avatar
Aw, i thought this was quite a nice post. In notion I would like to put in place writing such as this additionally – taking time and actual effort to generate a very good article… but so what can I say… I procrastinate alot and also no means manage to go completed. keyword research for niche marketing
Reply  ·  
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved