ZM Urdu Blogger Template Free Download

ZM Urdu Blogger Template Free Download

ZM Urdu is a Amazing Blogger Template. Template for Urdu blog or a high quality Urdu News website. Template is really clean, with a desig... 6:39 AM

ZM Urdu is a Amazing Blogger Template. Template for Urdu blog or a high quality Urdu News website. Template is really clean, with a design that looks nice and simple. The color combination of Red, white, Theme is compatible with all browsers. professional and SEO Friendly ZMUrdu template, Enjoy

TEMPLATE FEATURES

1. Sidebar Menu: Just like our other themes, we have also added a high functioning Sidebar menu to this template, providing a lot of flexibility to those who want to add a lot of categories and sub categories to their website.
2. JQuery Image Slider: In this Template, we have incorporated a modest and light weight jQuery image slider that works pretty well.
3. Custom Urdu fonts: Urdu template uses Urdu Web fonts like Professional Fonts.
4. More Features: Ads Friendly, SEO Optimized, Urdu Fonts, Urdu News Layout and much more

Demo              Download
 

How To Add Time Gadget?

Go to Layout  >> click Edit on the Time HTML/Javascript Widget >>Paste the following code to show the Time.

<a href="http://time.is/Lahore" id="time_is_link" style="font-size:18px;color:000000"></a>
<span id="Lahore_z421" style="font-size:18px;color:000000"></span>
<script src="http://widget.time.is/en_gb.js"></script>
<script>
time_is_widget.init({Lahore_z421:{template:"DATE", date_format:"dayname daynum/monthnum/yy"}});
</script>

How to Add Facebook Page?

Go to Layout and click >> Edit on the Facebook Page HTML/Javascript Widget >> Paste the following code to show the Facebook Page.

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FZMTemplates&amp;width=200&amp;height=62&amp;colorscheme=dark&amp;show_faces=false&amp;header=true&amp;stream=false&amp;show_border=true" style="background-color: #A52232; border: none; height: 62px; overflow: hidden; width: 239px; border-radius: 3px;"></iframe>

How to Setup Slider?

Go to Layout and click >> Edit on the Slider HTML/Javascript Widget >> Paste the following code to show the Slider.

<script src="http://project.dimpost.com/image-slider/js-image-slider-1.js" type="text/javascript"></script>
<script src="http://project.dimpost.com/image-slider/js-image-slider-2.js" type="text/javascript"></script>
<div id="sliderFrame">
<div id="slider">

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjefT8vpWGRLYhaAQViR-UEYWWpde8iwy-OK4zY2mEYeCISHAwMQCM1GXpB10uLHXduxpLctAWdKeoXVnVdtEnF_1kspjdbNMrPG46HuWGVW3pfUBeVBtujYNV2fIdJJLtNyRFgzP8MDqwX/s1600/indian-village-scene-QA44_l.jpg" alt="سرائے عالمگیر (حمید چوہدری سے )ویڈن DSPو SHOسٹی سرائے عالمگیر" width="540" height="306" /></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwVP1l5z-CTuV1R0TBbY6t60xE6p3MP67QJYoV2GN_tXeC8uAP9_OsDd41RJfvMkizgKvVhpAGovdM-3JwBHwusTfUC72CkEL91zRm2OTOfPxILNbOFRzC6zvpliyhOzu7u88rWaVATMfO/s1600/1-old-english-village-morgan-fitzsimons.jpg" alt="سرائے عالمگیر (حمید چوہدری سے )ویڈن DSPو SHOسٹی سرائے عالمگیر" width="540" height="306" /></a>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5QU2VTy1SHFRS4DD2oXM_tt0DV9WwJEyWlLcZr_qSPy9ywp1q2qMHWY2H5vflYEx6n6e2G4xD15gW_EKjZcCKdDZ3Ce26I-44mPgcod8N1oZMM47eUAFpXk7QgxkDdkC9_PMSM9Dbm61-/s1600/557946_10150664163294495_659589494_9635856_2137543693_n.jpg" alt="ZMTemplates" width="540" height="306" /></a>

</div>
<div id="htmlcaption1" style="display: none;">
Image Slider by <a href="http://www.zmtemplates.com" target="_blank">ZMTemplates</a>
</div>
<div id="htmlcaption2" style="display: none;">
<a href="http://www.w3schools.com/css/" target="_blank">CSS</a> <a href="http://www.w3schools.com/js/default.asp" target="_blank">JavaScript</a> Rocks.
</div>
</div>

How to Add Sidebar Menu?

Go to Layout and click >> Edit on the Sidebar Menu HTML/Javascript Widget >> Paste the following code to show the Sidebar Menu.

<div class="container">
<div class="content"><div id="cssmenu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>قرآن پاک</span></a></li>
<li class="active has-sub open"><a href="#"><span>آج کا اخبار</span></a>
<ul style="display: block;">
<li class="has-sub"><a href="#"><span>کالم</span></a>
</li>
<li class="has-sub"><a href="#"><span>پرانی خبریں</span></a>
</li>
<li class="has-sub"><a href="#"><span>سیاست</span></a>
</li>
<li class="has-sub"><a href="#"><span>تعلیم و تربیت</span></a>
</li>
<li class="has-sub"><a href="#"><span>دین و مذهب</span></a>
</li>
</ul>
</li>
<li><a href="#"><span>ہماری ٹیم</span></a></li>
<li class="last"><a href="#"><span>رابطہ</span></a></li>
</ul>
</div></div>
</div>

How To Make New Post ? (Exclusive Instruction)

Go To Blogger.com >> New Posts >> Compose >> First of all, Insert Jump Break Button in Starting Post.