Before you start this tutorial, it is very important that you backup OSD folder first before proceeding to upload changed files. You will read how to in this tutorial. This is because the WD won’t boot if there’s an error in one of the xml files in the OSD directory. If so, just restore backup and everything is ok. Now let’s get started:

1: Login to your WD TV via your favorite ftp client

2: Navigate to the OSD directory

3: Download the following xml files

• basic_browse_thumb_video.xml
• inc_video_thumb_browse.xml

4: Navagiate into the /OSD/IMAGE/ directory and download these following png files…

• video_thumb_frame_bg_f.png
• video_thumb_frame_bg_n.png
• video_thumb_frame_blister.png

**BACK UP ALL THESE FILES SOMEWHERE ON YOUR HDD**

5: Open the basic_browse_thumb_video.xml file in your favorite txt editor.

6: FIND…

<page background=”image/welcome_background_bg.jpg” numitems=”12″>

CHANGE TO…

<page background=”image/welcome_background_bg.jpg” numitems=”4″>

7: Sticking with the basic_browse_thumb_video.xml file…

FIND…

<listbox valkey=”browselist” autoenter=”1″ autoswitch=”0″ move=”row” cols=”6″ rows=”2″ lbmask=”HT” loop_scroll=”1″ turbo_trigger=”10″[/sourcecode] turbo_multi=”10″ />

CHANGE TO…

<listbox valkey=”browselist” autoenter=”1″ autoswitch=”0″ move=”row” cols=”4″ rows=”1″ lbmask=”HT” loop_scroll=”1″ turbo_trigger=”10″ turbo_multi=”10″ />

Now save this xml file and re-up it to the directory and overwrite.

**Note: cols=”4″ rows=”1″ this is where you can change the way the thumbs are displayed so you can play around with this just remember if you change the 4 here you need to change the 4 in the opening line of code on this xml file.

8: Open inc_video_thumb_browse.xml in your txt editor and edit the following:

Change the whole xml file to this:

<?xml version=”1.0″?>
<wrapper>
<text text=”@@pagecounter” x=”856″ y=”95″ h=”24″ w=”200″ fontsize=”24″ align=”right” textcolor=”0xe2e2e2″/>
<table x=”186″ y=”205″ w=”870″ h=”295″
cols=”4″ rows=”1″ colspacing=”2″ align=”hcenter”>
<image image=”@@thumb_active_0″/>
<image image=”@@thumb_active_1″/>
<image image=”@@thumb_active_2″/>
<image image=”@@thumb_active_3″/>
</table>
<table x=”186″ y=”205″ w=”870″ h=”288″
cols=”4″ rows=”1″ colspacing=”2″ align=”hcenter”>
<image image=”@@browse_0_icon”/>
<image image=”@@browse_1_icon”/>
<image image=”@@browse_2_icon”/>
<image image=”@@browse_3_icon”/>
</table>
<table x=”205″ y=”217″ w=”845″ h=”273″
cols=”4″ rows=”1″ colspacing=”27″ align=”hcenter” scale_type=”fixratio” scale=”100″>
<image name=”th0″ image=”@@browse_0_thumbnail” default_image=”@@browse_0_default_image” w=”178″ h=”267″/>
<image name=”th1″ image=”@@browse_1_thumbnail” default_image=”@@browse_1_default_image” w=”178″ h=”267″/>
<image name=”th2″ image=”@@browse_2_thumbnail” default_image=”@@browse_2_default_image” w=”178″ h=”267″/>
<image name=”th3″ image=”@@browse_3_thumbnail” default_image=”@@browse_3_default_image” w=”178″ h=”267″/>
</table>
<table x=”194″ y=”236″ w=”845″ h=”273″
cols=”4″ rows=”1″ colspacing=”27″ align=”right,bottom” scale=”50″>
<image image=”thumb_folder_icon://th0″ default_image=”@@thumb_folder_0_default_image”/>
<image image=”thumb_folder_icon://th1″ default_image=”@@thumb_folder_1_default_image”/>
<image image=”thumb_folder_icon://th2″ default_image=”@@thumb_folder_2_default_image”/>
<image image=”thumb_folder_icon://th3″ default_image=”@@thumb_folder_3_default_image”/>
</table>
<table x=”186″ y=”205″ w=”870″ h=”295″
cols=”4″ rows=”1″ colspacing=”2″ align=”hcenter”>
<image image=”@@browse_0_mask”/>
<image image=”@@browse_1_mask”/>
<image image=”@@browse_2_mask”/>
<image image=”@@browse_3_mask”/>
</table>
<image image=”image/photo_thumb_line_01.png” x=”371″ y=”584″ w=”555″ h=”5″ bg=”1″/>
<image image=”image/photo_thumb_line_01.png” x=”371″ y=”629″ w=”555″ h=”5″ bg=”1″/>
<text text=”@@file_info” selected=”@@file_info_selected” x=”171″ y=”596″ w=”940″ h=”28″ fontsize=”26″ textcolor=”0×07b5ff” selectedtextcolor=”0×07b5ff” align=”hcenter” speed=”1″ delay=”2″ auto_translate=”1″/>

<image x=”1083″ y=”143″ w=”38″ h=”27″ image=”@@moreprev”/>
<image x=”1083″ y=”522″ w=”38″ h=”27″ image=”@@morenext”/>
</wrapper>

**Take a look at this xml file and you soon will realize that you can pretty much try any size you want just remember you will have to re size the tables as well. Compare your original file with this one and you will understand.

9: Resize your png files,

• video_thumb_frame_bg_f.png
• video_thumb_frame_bg_n.png
• video_thumb_frame_blister.png

20px wider and 20px higher

10: Thats it! All done.