Wiki Life: Reusable Parts


Hello everyone, and welcome to the Wednesday – Wiki Life series again!

Screenshots are useful, aren’t they? Giving a visual example in the middle of the explanation of a more or less complex technical feature makes understanding easier for the readers.

But what can you do when you have (or someone else has) a nice screenshot or image somewhere in a TechNet Wiki page, which should be displayed in other articles as well? Especially, when you need the same formatting – border width, image width and height settings, and so on? Uploading the image and setting its properties multiple times, hoping that there will be no mistakes… – there is an easier way in TechNet Wiki! Just reuse the code of the images!

To give at least one example: compare the HTML code of SSIS Pivot Transformation (en-US) and SSIS Pivot transzformáció (hu-HU). You can do it by visiting both pages, clicking on “EDIT” after logging in, and switching to HTML edit mode with the “<> HTML” button at the bottom of the editor (next to the Design button):

You will see the same references in the src property of the <img> tags (in case of the same screenshots, of course):

If  you copy this part of the original page and insert to your new one, you’ll have the same image with the same formatting in seconds.

Of course, when you’re translating, you can start with copying and pasting the whole HTML code of the source page, and edit the text only in Design mode – but don’t forget that you reused all images in this case, too! 🙂 Next time, when you have to update a reused image (note to myself, the screenshots of the SSIS transformation pages should be updated to SSIS 2012 now), I’m sure that you will update them this way – uploading a new one, and reusing its HTML code piece. It will save you a lot of time.

Have fun with TechNet Wiki!

Zoli

Comments (9)

  1. This is great. Thanks Zoltan! I've done this with logos on the Wiki and probably more with the blogs (stick figures, profile pics, etc.).

  2. This should be made into a Wiki article. Zoltan, did you want to do that?

    Thanks!

  3. yoda.mester@freemail.hu says:

    Ed: Sure, I will.

  4. Harry Taleta says:

    thanks for the tip ,,will use it sometime

  5. aw says:

    hai, I just want to tell you that I am just very new to blogs and seriously loved this website. More than likely I’m planning to bookmark your blog post .
    You amazingly come with really good posts. Thanks a lot for sharing your blog Microsoft.

    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Aceh
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Bali
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Balikpapan
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Bandung
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Banjarmasin
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Banten
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Batam
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Bekasi
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Bengkulu
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Bogor
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Bontang
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Cianjur
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Cikarang
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Cilegon
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Cirebon
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Denpasar
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Jakarta
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Jambi
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Jember
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Karawang
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Kendal
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Kudus
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Kupang
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Lampung
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Madiun
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Makasar
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Malang
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Maluku
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Manado
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Medan
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20NTT
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Padang
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Serang
    http://www.lokerjobindo.com/search/label/Loker%20Daerah%20Tangerang
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20BUMN
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Terbaru
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Bank
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20SMA
    http://www.lokerjobindo.com