Newscast - Best Premium Blogger Template For Share

Newscast Template is the newest template of professional blogger designer Noct , it is also the first blogger magazine template of him and it was converted by Newscast Wordpress Theme. According to me , this template is deserved to pay money for it but luckily he just want to share it for free and we have a chance to own one of the best free premium blogger templates.

Demo | Download

Like you see at the demo , you can recognize that Newscast Template has many professional features and it was designed very neatly and carefully :
_ Kwicks Slider
_ Page Navigation
_ 125x125 Banner
_ Popular Posts , Recent Posts, Label
....

If you are a blogger who need one free template with fast loading speed and optimize SEO code . Newscast Template is the perfect choice for you .

Here is the instruction show you how to use this template:

Lay-out of template



The places were signed by the arrows which are the gadgets you need to pay attention.

1. How to instanll the "Slider" :

Click on " Edit " and paste this code into :

<ul class="kwicks horizontal" >
<li id="kwick_1">
<span class="fadeout"></span>
<div class="excerpt">
<strong>Apple rebrands to Banana!</strong></div>
<a href="#" rel="bookmark"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ZRc9mI6_C_1pCC2SpUx5QrMGlm0dQiasy13fgwyIySCWxuJl4UE2EWstIPDJKm9HyFBBpEmI10E3fGmcp-L6nOAc_pMYINY6zggrI9TDQyeRdmS230WWHKp9gQJchdkbVgOfKICAkugQ/" width="700" height="320" /></a></li>

<li id="kwick_2">
<span class="fadeout"></span>
<div class="excerpt">
<strong>Hello world!</strong></div>
<a href="#" rel="bookmark"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqB36buE57VGC6ozBxrHloq17GkjohRg_k_G_VGJPQ0PVWpfKPw5YxuPYe_yL8MOa2pyNP2aZ-UFrw9sh9l86ZcFdA_mvncBKICCaaVeLY_0CR_m_L81vhOq-DkhZMeQ48RkvGOozKMteJ/" width="700" height="320" /></a>
</li>

<li id="kwick_3">
<span class="fadeout"></span>
<div class="excerpt">
<strong>How to draw realistic balloons in illustrator</strong></div>
<a href="#" rel="bookmark"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Tj7Ckll_XqKCfAHJEAT1RW0eWKpr4tbGrG1vKP-4RrqWqfm0yd7WEYnDYE5d2KPJpAQHB5M8btCCoBixA3ihoMQNuk3w5mUjPUn9KRKch0AKTDpMBZERCuY8xrcVaKQlQD1Suf5O_4t6/" width="700" height="320" /></a></li>

<li id="kwick_4">
<span class="fadeout"></span>
<div class="excerpt">
<strong>How to create a beautiful sunset in Photoshop</strong></div>
<a href="#" rel="bookmark"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLIR9fb036WfHz3leFH-s625nRDH5FUpAPHoJ0c54vnPyDXzxmOF5gFB1TmQoT2Xuif_ifmb6Ln5ea4PHL6UTS8B489ty3CFhJ7SkaecsVBRw7njxDPJQBH5zoI9Nk0gQiQLPBsKXA9AG/" width="700" height="320" /></a></li>

<li id="kwick_5">
<span class="fadeout"></span>
<div class="excerpt">
<strong>Tutorial: Picture of the week</strong></div>
<a href="#" rel="bookmark"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNvh0RXKYHSA6K3j21l-S6cAieba70gMCLv_o-iIt1Mx0RR9X2vAr4FDgYij18IXjoxOvfzEL_mB0nsPGLnF3Vw6ur7-8IFRHKQV9c_CMsxdEd1iHxHv4sxjhcAB7wg0Ht0HD6pNAK23V/" width="700" height="320" /></a></li>
</ul>

Notice 
1. # : the links of posts ; # : is the title of posts ; # : is the link of the picture
2. The size of the picture in slider was default by 700x320
3. If you don't want to use this slider , it is very easy to set up even don't need to touch on the code above , you just add more CSS code #slider { display:none; } to above:</b:skin>

2. Set-up the "Popular post"
You watch the image and just set-up follow it 


3. Set up the "Banner"



4. Set-up the "Recent posts"



This step is a little bit complicated so you should set up exactly the same with the image above . Click on " Add to List " then paste that link :



http://weekly-theme.blogspot.com/feeds/posts/default?start-index=1
http://weekly-theme.blogspot.com/feeds/posts/default?start-index=2
http://weekly-theme.blogspot.com/feeds/posts/default?start-index=3

Edit your links feed to match it and if you want to update more new posts , you just add more links corresponding to the ascending order.

Notice : This widget is updated links-feed a little slowly , so when you post new article , it will be update late about few hours so you should be patient.

5. Set-up "Label 1 and Label 2"

Two of this widget use for posting by label , the way to set-up it is the same step 4 Recent Post , it is just different in the link under :

http://weekly-theme.blogspot.com/feeds/posts/default/-/News?start-index=1
http://weekly-theme.blogspot.com/feeds/posts/default/-/News?start-index=2
http://weekly-theme.blogspot.com/feeds/posts/default/-/News?start-index=3

News is the label of my demo, you just change this label to your label.

6. Edit the "second menu"

Go to the Edit HTML of the template and search this code :

<div class='menu-second-container'>
<ul class='catnav' id='menu-second'>

<li><a href='#'><strong>Tech News</strong><span> Apple, Microsoft &amp; more</span></a></li>

<li><a href='#'><strong>Adobe</strong><span> Mozilla, Google, etc</span></a></li>

<li><a href='#'><strong>Community</strong><span> Company News</span></a></li>

<li><a href='#'><strong>Browser</strong><span> Random Stuff</span></a></li>

<li><a href='#'><strong>Illustrator</strong><span> Vector Downloads</span></a></li>

<li><a href='#'><strong>Photoshop</strong><span> Tutorials &amp; News</span></a></li>

<li><a href='#'><strong>Travel</strong><span> Hot stuff in here</span></a></li>

</ul>
</div>

# is the link and # is the title . You just change how to fix with your blog.

7. Edit "Page Navigation" 

Go to Edit HMTL and search this code :

var postperpage=3; // Number of post in each page
var numshowpage=3; // Number of button will display
var upPageWord ='Previous';
var downPageWord ='Next';