Your SlideShare is downloading. ×
BASIC BLOGGINGan over viewDIGITAL NATIVES 01
Mike JohnstonBASIC BLOGGINGan over view                                     about meDIGITAL NATIVES 01
CONTENTSwhy blog?structure of a bloglaying out a postwriting a postexamples of blog poststipstricksfur ther readingglossar...
WHO READS BLOGS?why write one?why read one?how do you read them?
WHY BLOG?   a shop window   a learning & thinking           spaceDIGITAL NATIVES 01
WHY BLOG?   a shop window   a learning & thinking           space join the conversationDIGITAL NATIVES 01
L AYO U TDIGITAL NATIVES 01
T E M P L AT E SDIGITAL NATIVES 01
S TAT I C PAG E SDIGITAL NATIVES 01
ABOUT MEDIGITAL NATIVES 01
WIDGETSDIGITAL NATIVES 01
TAG S , ‘ L A B E L S ’ O R ‘ C AT E G O R I E S ’DIGITAL NATIVES 01
ESSENTIAL ELEMENTSInclude and use these!                                  imagesLinks                     multimedia      ...
L I N K S - L I N K I N G TOTypes:links that reference (refer back to) the source of infolinks that explain somethinglinks...
M U LT I M E D I A - L I N K I N G TODIGITAL NATIVES 01
M U LT I M E D I A - ‘ E M B E D D I N G ’                                             TumblrDIGITAL NATIVES 01
WRITING FOR THE WEB                     People skim rather than read                         Be succinct                  ...
S C A N N I N G N OT R E A D I N GDIGITAL NATIVES 01
WRITING STYLERemember:You can express yourself informally rather than‘academically’Use paragraphing as you would in an ess...
REFLECTIONIf you are asked to ‘reflect’ or write ‘reflectively’ make sure you understand what thatmeans. Excellent reflect...
EXAMPLESProfessional blogsProlostPhil BloomAdam Cur tisSmashing MagazineDIGITAL NATIVES 01
STUDENT POSTSExamples:Good post on locationsGood post on castingGood post on script writingExcellent post on Filming weeke...
10 TIPS1. Be careful when ‘Autoposting’2. Avoid cutting and pasting from MS WORD3. Don’t use bright text against a light b...
TRICKSExploring additional features‘Autoposting’ easy spreading of material/brandBlogs work well for groups and collaborat...
I USE...They all offer slightly different services                     Google’s blogger                     WordPress - bo...
F U RT H E R R E A D I N G                     The Web!DIGITAL NATIVES 01
G L O S S A RYAutopost: publish to several sites/places at onceBlog: collection of postsEmbed: Display media on in a post ...
Mike Johnston                                     about meDIGITAL NATIVES 01
Exercise:  Join a blogging service of your choice  Add the details to this collaborative page  http://willyou.typewith.me/...
Upcoming SlideShare
Loading in...5
×

Blogging basics

461

Published on

Basic guide for BSU students about blogging. This is part of the 'Digital Natives' module.

Published in: Education, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
461
On Slideshare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • That’s me! I have been blogging and teaching blogging for about 6 years now. \n
  • \n
  • \nwho reads blogs? (in the class) I read blogs because...\n\nwhy write one? It’s a place to share what you know, what you discover, what you think. I learn something every time I do it. Which, for me, is why I do it!\n\nwhy read a blog You can learn from others, you can take part in the discussion, it’s interesting!\n\nHow do you read them via Readers, from Twitter, from FB, iApps, Netvibes, PageFlakes etc.\n
  • Its a shop window and a learning and thinking space.\n \nblogs instead of CVs - your ‘shop window’.\nblogs instead of essays - your thinking space’. Inclusion of media, easier contextualisation, ongoing so good for reviewing process. \n\n\n
  • It places you ‘in the conversation’. \n\nBlogging skills are contemporary and transferable. \n\nIt places you ‘in the conversation’. This SOCIAL.\n\n
  • The great thing about about Blogs is that they allow you to present your ideas and writing without worrying about the HTML code that underlies the blog - which means its really a website.\n\nHere are some ideas, from the web usability expert Jake Nielson, about positioning pictures and information - the F-shaped pattern.\nhttp://www.useit.com/alertbox/reading_pattern.html\n Summary:\n Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe. \n\nF for fast. That's how users read your precious content. In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that's very different from what you learned in school. In a recent eyetracking study, 232 users were recorded looking at thousands of Web pages. They found that users' main reading behavior was fairly consistent across many different sites and tasks. This dominant reading pattern looks somewhat like an F and has the following three components:\n\n Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F's top bar.\n Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F's lower bar.\n Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly slow and systematic scan that appears as a solid stripe on an eyetracking heatmap. Other times users move faster, creating a spottier heatmap. This last element forms the F's stem. \n\nIMAGES\n\nImplications of the F Pattern\nThe F pattern's implications for Web design are clear and show the importance of following the guidelines for writing for the Web instead of repurposing print content:\nUsers won't read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors. Yes, some people will read more, but most won't.\n The first two paragraphs must state the most important information. There's some hope that users will actually read this material, though they'll probably read more of the first paragraph than the second.\n Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior. They'll read the third word on a line much less often than the first two words. \n\n\n
  • By using templates or themes you can re style the look of your blog. With the advent of CSS the content was separated from the styling or form. That makes your content very customisable - ‘Web 2.0’\n
  • You can create pages that don’t change - unlike your blog’s home page that shows the latest post above previous. Bloggers use these for ‘key’ pages of information such as a selection of popular posts, their CV etc.\n
  • About me - Readers often want to know a little about you as the Author. Especially when they are assessing the value of your comments!\n
  • Widgets add 3rd party, often external, functionality to your page. Don’t use too many - less is more!\n
  • Labeling (or tagging). You have the option to tag/label your posts. This is basic metatagging. It makes your blog easier to navigate. It makes sense for you, your readers and its good media practice. Things need to be organised so that you can store, search and find things. The labels allow you to catagorise your posts. If you are interested in the ideas of organisation - and they are relevant to you and your studies, watch this presentation by David Weinberger (or read his book - its an easy read!)\n\nhttp://youtu.be/x3wOhXsjPYM\n\n\n
  • Linking is the key to hypertext. It’s also the way we associate and connect ideas and information. Makes sense and creates meaning from data and information resulting in KNOWLEDGE and LEARNING.\n
  • *Use of LINKS\n\nThere are 2 types of links. Those that explain a word, phrase or name you have used (‘inline links’). Or that link to the source of information you have used or referred to. These are similar to an academic reference in that they are placing your comments in context of an established source. Hyper text allows for a simpler presentation of quite complex thought/comment for a wide audience. \n\nEmbedding video is easy and very useful. Interestingly it’s not easy to embed video in Presentations!\n\n\n
  • Use of multimedia (embedding)\n\nYou should use an image with each post.\n\nTry to embed some video too – especially if it’s a film making module\n\nGenerate your own video and stills. In order to *illustrate your blog, take images of locations, casting sessions, team working, the production weekends etc. Shoot some video. The quality is less important than the comment and reflection you are illustrating.\n\nYou can also grab images from the VDU screen as stills (CMD+SHIFT+4 on a Mac) PRINT SCREEN on a PC. You might experiment with the free screen recording application Jing (both platforms) http://www.techsmith.com/jing/ this allows you to capture video as well as static screen grabs. If you have a Mac the free ‘Skitch’ app is worth exploring. (http://skitch.com/)\n\n\n
  • Youtube makes embedding easy as does Vimeo. Some videos have embedding disabled. So occasionally it wont work. If you embed a video make sure you say why.\n\nYou will need to copy the ‘embed’ code and then paste it into the page you want to use it. Often this means that you need to switch to HTML view. Find the location and paste the code. I call this the catfish technique! DEMO.\n
  • (Writing for the Web)\n\nThe three main guidelines for writing for the Web are:\n\n1. Be succinct: write no more than 50% of the text you would have used in a hardcopy publication\nWrite for ‘scannability’: don't require users to read long continuous blocks of text\n\n2. Short Texts\nReading from computer screens is about 25% slower than reading from paper. As a result, people don't want to read a lot of text from computer screens: you should write 50% less text and not just 25% less since it's not only a matter of reading speed but also a matter of feeling good. \n\n3. Scannability\nSkimming instead of reading is a fact of the Web and has been confirmed by countless usability studies. Users scan text and pick out keywords, sentences, and paragraphs of interest while skipping over those parts of the text they care less about. Webwriters have to acknowledge this fact and write for scannability:\n\nStructure articles with two or even three levels of headlines (a general page heading plus subheads - and sub-sub-heads when appropriate). \n\nUse meaningful rather than "cute" headings (i.e., reading a heading should tell the user what the page or section is about)\n\nUse highlighting and emphasis to make important words catch the user's eye. Colored text can also be used for emphasis, and hypertext anchors stand out by virtue of being blue and underlined\n\nUse Hypertext Structure by making text short without sacrificing depth of content by splitting the information up into multiple nodes connected by hypertext links. Each page can be brief and yet the full hyperspace can contain much more information than would be feasible in a printed article. Long and detailed background information can be relegated to secondary pages; similarly, information of interest to a minority of readers can be made available through a link without penalizing those readers who don't want it.\n\n\n\n
  • Implications of the F Pattern\nThe F pattern's implications for Web design are clear and show the importance of following the guidelines for writing for the Web instead of repurposing print content:\nUsers won't read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors. Yes, some people will read more, but most won't.\n The first two paragraphs must state the most important information. There's some hope that users will actually read this material, though they'll probably read more of the first paragraph than the second.\n Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior. They'll read the third word on a line much less often than the first two words. \n\n\n
  • Writing style\n\n•Informal\n•Use paragraphing and formatting to break up your text\n•Use spellchecker and British spellings\n•Capitalise I \n\n\n
  • \nWhile presentation is important in your blog but it’s the quality of reflection that will gain good marks. Excellent reflection is writing that has these qualities: Reflective language that describes, analyses and plans subsequent actions as a result of reviewing processes and events.\n\n
  • Professional examples here.\n
  • Examples:\n\nGood use of images no links http://wwwshortfilmmodule.blogspot.com/2010/12/filming-weekend.html \n\nGood use of mobile phone video no reflection http://heidihi99.blogspot.com/2010/11/pre-filming-films.html \n\nGood summing up no links http://bayleaa.blogspot.com/2010/11/frozen-film-making.html\n\nGood reflection on script choosing. http://edcollingswells.blogspot.com/2011/02/new-film-choosing-and-editing-script.html and casting http://edcollingswells.blogspot.com/2011/02/casting-rehearsals.html\n\nGood post on locations http://hopesfilmblog.blogspot.com/2011/02/location-location-location-location.html\n\nGood post on writing the script http://script-to-screen.blogspot.com/2011/01/inception-of-my-script-how-i-met-your.html \nExcellent write up of filming day and well illustrated. http://script-to-screen.blogspot.com/2011/03/filming-see-what-i-say-day-one.html\n\nGreat write up on developing your basic idea. http://sheridansfilmblog.blogspot.com/2010/12/my-screenplay-initial-idea.html\n\n
  • \n\nBEWARE OF CUTTING AND PASTING FROM WORD. THE FORMATTING (YOU CAN’T SEE) WILL WREAK HAVOC ON YOUR POST.\n\nAVOID USING WHITE TEXT\n\nAVOID USING BLACK TEXT ON A BLACK BACKGROUND\n\n\n
  • autoposting - auto tweet is a fave.\ngroup authoring - could be a wiki but blogs work too\npersonal stetchbook/research and publication via blog to pdf. \nReaders - Flipboard is great for iPads but you’ll need a Google Reader. Netvibes and Page Flakes too.\n\n
  • Blogger - backed by Google\nWordPress - massive open source project. Loads of help and free customisation\nPosterous - this service has undergone recent change in order to differentiate it from Tumblr. It’s effectively edged closer to Google+. I have found it slow and unintuitive.\nTumblr. Currently very popular and I really like it too. The Tumblr community might be a big factor in chosing this service over the others.\n\n
  • make this a link to a page so that its updatable.\n\nGary Vernerchuk’s Crush it. ref ‘Crush it’(http://www.evernote.com/shard/s1/sh/010f8624-a820-4b0f-81bb-918930bbf947/5947707c58e50f06c6357d1148e35b8a) \n\n
  • \n
  • \n
  • \n
  • Transcript of "Blogging basics"

    1. 1. BASIC BLOGGINGan over viewDIGITAL NATIVES 01
    2. 2. Mike JohnstonBASIC BLOGGINGan over view about meDIGITAL NATIVES 01
    3. 3. CONTENTSwhy blog?structure of a bloglaying out a postwriting a postexamples of blog poststipstricksfur ther readingglossaryDIGITAL NATIVES 01
    4. 4. WHO READS BLOGS?why write one?why read one?how do you read them?
    5. 5. WHY BLOG? a shop window a learning & thinking spaceDIGITAL NATIVES 01
    6. 6. WHY BLOG? a shop window a learning & thinking space join the conversationDIGITAL NATIVES 01
    7. 7. L AYO U TDIGITAL NATIVES 01
    8. 8. T E M P L AT E SDIGITAL NATIVES 01
    9. 9. S TAT I C PAG E SDIGITAL NATIVES 01
    10. 10. ABOUT MEDIGITAL NATIVES 01
    11. 11. WIDGETSDIGITAL NATIVES 01
    12. 12. TAG S , ‘ L A B E L S ’ O R ‘ C AT E G O R I E S ’DIGITAL NATIVES 01
    13. 13. ESSENTIAL ELEMENTSInclude and use these! imagesLinks multimedia video audioDIGITAL NATIVES 01
    14. 14. L I N K S - L I N K I N G TOTypes:links that reference (refer back to) the source of infolinks that explain somethinglinks that add fur ther informationLinks that suppor t a statementOn my blog I demonstrate that links are a way toexplain specialised words like metatagging. This keepsthe text short but still comprehensible.Embedding videos from youtube is easy.DIGITAL NATIVES 01
    15. 15. M U LT I M E D I A - L I N K I N G TODIGITAL NATIVES 01
    16. 16. M U LT I M E D I A - ‘ E M B E D D I N G ’ TumblrDIGITAL NATIVES 01
    17. 17. WRITING FOR THE WEB People skim rather than read Be succinct Write in short sectionsDIGITAL NATIVES 01
    18. 18. S C A N N I N G N OT R E A D I N GDIGITAL NATIVES 01
    19. 19. WRITING STYLERemember:You can express yourself informally rather than‘academically’Use paragraphing as you would in an essayUse a British spellcheckerDon’t forget to capitaliseDIGITAL NATIVES 01
    20. 20. REFLECTIONIf you are asked to ‘reflect’ or write ‘reflectively’ make sure you understand what thatmeans. Excellent reflection has these qualities:Reflective language that describes, analyses and planssubsequent actions as a result of reviewing processesand events.It then serves to help you to make connections between what you did, what happened,what you learnt and how you will use that in the futureDIGITAL NATIVES 01
    21. 21. EXAMPLESProfessional blogsProlostPhil BloomAdam Cur tisSmashing MagazineDIGITAL NATIVES 01
    22. 22. STUDENT POSTSExamples:Good post on locationsGood post on castingGood post on script writingExcellent post on Filming weekendDIGITAL NATIVES 01
    23. 23. 10 TIPS1. Be careful when ‘Autoposting’2. Avoid cutting and pasting from MS WORD3. Don’t use bright text against a light background (viceversa)4. If you want traffic post regularly5. Catch the eye - with the title6. Use visual media as a hook7. Read other related blogs and link to them8. Positively comment on related blogs9. Collect material and cluster around one idea10. Write (or rewrite) the Title and catchline last10a Make sure your blog reads OK on mobilesDIGITAL NATIVES 01
    24. 24. TRICKSExploring additional features‘Autoposting’ easy spreading of material/brandBlogs work well for groups and collaborationPersonal notegathering and publication (http://www.blogbooker.com/index.php)Use a Reader ser vice of some sor t. (Netvibes)DIGITAL NATIVES 01
    25. 25. I USE...They all offer slightly different services Google’s blogger WordPress - both versions Posterous TumblrDIGITAL NATIVES 01
    26. 26. F U RT H E R R E A D I N G The Web!DIGITAL NATIVES 01
    27. 27. G L O S S A RYAutopost: publish to several sites/places at onceBlog: collection of postsEmbed: Display media on in a post that is hosted elsewhere on the NetPost: Single entr y on a BlogReader : Collects or aggregates RSS feedsRSS (feeds): Really Simple Syndication - pushes your blog to subscribersTemplate: standardised layout of your blogWeb app: Web application - a website that can perform a function therefore actingrather like an ‘application’Widget: Small application that runs in the margin of your blogDIGITAL NATIVES 01
    28. 28. Mike Johnston about meDIGITAL NATIVES 01
    29. 29. Exercise: Join a blogging service of your choice Add the details to this collaborative page http://willyou.typewith.me/p/YtEkImVUae Write a post on your blog about something you care about. Illustrate it with; •Images •video(s) •use links to provide further information •Write a catchy title and catchline •Publish it Post a comment on 3 of your classmates blogsDIGITAL NATIVES 01

    ×