Blogger Tutorials PK

How to create a post on blogger in Urdu tutorial? Lesson 4

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ThKa1Coyit2IABdxSQYg2k9F-ABib72dT_tMuubX8m41qI59vvu0dgHu2Xs3nv592hfTMUbHM5FqmiEYdsryOpz-VwTJ7mC0SB5CdrNfnXvQ6Y29q0QkpNadBZb1O9l4qKAtwIWTmzP5/s1600/safe_image.php.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="www.blogtutspk.blogspot.com" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ThKa1Coyit2IABdxSQYg2k9F-ABib72dT_tMuubX8m41qI59vvu0dgHu2Xs3nv592hfTMUbHM5FqmiEYdsryOpz-VwTJ7mC0SB5CdrNfnXvQ6Y29q0QkpNadBZb1O9l4qKAtwIWTmzP5/s1600/safe_image.php.jpg" title="How to create a post on blogger in Urdu tutorial? Lesson 4" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
In This Tutorial I will  show you that<span style="font-size: small;"> <u>How to Create “The Perfect Blog Post”</u></span><u>on blogger</u> in Urdu tutorial? Lesson 4, just play this blogger tutorial. and enjoy friends<br />
If you face any problem to this tutorial! just comment us, we will help you InshAllah. <br />
<br />
<span style="font-size: large;">How to create a post on blogger in Urdu tutorial? Lesson 4</span><br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="350" scrolling="no" src="http://tune.pk/player/embed_player.php?vid=1617152&folder=2013/12/27/&width=600&height=350&autoplay=no" width="600"></iframe>

How to create a post on blogger in Urdu tutorial? Lesson 4

In This Tutorial I will show you that How to Create “The Perfect Blog Post”on blogger in Urdu tutorial? Lesson 4, just play this blogger tutorial. and enjoy friends If you face any problem to this t…

30 Dec 2013

How to add a page to blogger in Urdu? Lesson 3

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXEJF94bHGIsOXBoGCDKLZO0qjaLt7edG1CnsG3n_UQll-hKFC6ZqOmQPf_GQWGJ4I5YnTkatIRZX7YKCAfpqy18VKx96Oj2RmRqNk-Pp8dXNS4XM14cWULY8xf2cNjd8OGlI-7cvyaDM/s1600/add+page+to+blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXEJF94bHGIsOXBoGCDKLZO0qjaLt7edG1CnsG3n_UQll-hKFC6ZqOmQPf_GQWGJ4I5YnTkatIRZX7YKCAfpqy18VKx96Oj2RmRqNk-Pp8dXNS4XM14cWULY8xf2cNjd8OGlI-7cvyaDM/s1600/add+page+to+blogger.jpg" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
In This Tutorial I will  show you that How to add a page to blogger in Urdu tutorial Lesson 3, just play this blogger tutorial. and enjoy friends<br />
If you face any problem to this tutorial! just comment us, we will help you InshAllah. <br />
<span style="font-size: large;">How to Create Static <span style="color: orange;">Pages</span> in Blogger with Mirza <span style="color: #073763;"><span style="background-color: white;">Danish</span></span> Baig</span><br />
<iframe frameborder="0" height="270" src="http://www.dailymotion.com/embed/video/x18umzl" width="480"></iframe><br />
<div style="text-align: center;">
<a href="http://www.dailymotion.com/video/x18umzl_how-to-add-page-to-blogger-in-urdu_tech" target="_blank">How To Add Page to Blogger in Urdu</a> </div>
</div>

How to add a page to blogger in Urdu? Lesson 3

In This Tutorial I will show you that How to add a page to blogger in Urdu tutorial Lesson 3, just play this blogger tutorial. and enjoy friends If you face any problem to this tutorial! just commen…

30 Dec 2013

How to install blogger templates in Urdu? Lesson 2

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvBGe83TBQAUMDXgE5PqrTDSdQGpoaIfYj0Dcv0-3kOCXLJapMEg4U_b5sRYhJUfO5jznuixpsywz-8EJ1vtLy4ZLfw39s6221DxCaEDSPy3WUC1gkH8dTa2gXJlMwxdJeWj9_FRKwtz01/s1600/Blogger+template+installation+-+tips+and+tricks+to+install+custom+blogger+template%255B2%255D.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="www.blogtutspk.blogspot.com" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvBGe83TBQAUMDXgE5PqrTDSdQGpoaIfYj0Dcv0-3kOCXLJapMEg4U_b5sRYhJUfO5jznuixpsywz-8EJ1vtLy4ZLfw39s6221DxCaEDSPy3WUC1gkH8dTa2gXJlMwxdJeWj9_FRKwtz01/s1600/Blogger+template+installation+-+tips+and+tricks+to+install+custom+blogger+template%255B2%255D.jpg" title="How to install blogger template in urdu tutorial lesson 2" width="284" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
In This Tutorial I will  show you that how to install blogger template in Urdu tutorial, just play this blogger tutorial. and enjoy friends<br />
If you face any problem to this tutorial! just comment us, we will help you InshAllah.<br />
<br />
<br />
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="350" scrolling="no" src="http://tune.pk/player/embed_player.php?vid=1518711&folder=2013/12/21/&width=600&height=350&autoplay=no" width="600"></iframe>
</div>
</div>

How to install blogger templates in Urdu? Lesson 2

In This Tutorial I will show you that how to install blogger template in Urdu tutorial, just play this blogger tutorial. and enjoy friends If you face any problem to this tutorial! just comment us, …

30 Dec 2013

How to create a blogger? Lesson 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJIBtwxuSgXYq-p72JbbazZgAB-b7i3IMnlHR14Tn19BiNh2PGTQQqovbXUr4-rSbsgc-JFTStpi5ahcfWoeVkeURUwGHNxfm5TpO_LiMD3_fkho6Hqph8lu7mNp5jFpuOo2kzADSUkJUC/s1600/create-blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="www.blogtutspk.blogspot.com" border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJIBtwxuSgXYq-p72JbbazZgAB-b7i3IMnlHR14Tn19BiNh2PGTQQqovbXUr4-rSbsgc-JFTStpi5ahcfWoeVkeURUwGHNxfm5TpO_LiMD3_fkho6Hqph8lu7mNp5jFpuOo2kzADSUkJUC/s1600/create-blog.jpg" title="How to make a blogger in urdu" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
In This Tutorial I will  show you that how to create and make your own blogger in very easy methods, just play this tutorial. and enjoy friends<br />
If you face any problem to this tutorial! just comment us, we will help you InshAllah<br />
<br />
<b><span style="font-size: large;">How To Make A Blogger with Mirza Danish Baig</span></b></div>
<iframe allowfullscreen="" frameborder="0" height="350" scrolling="no" src="http://tune.pk/player/embed_player.php?vid=1502511&folder=2013/12/20/&width=600&height=350&autoplay=no" width="600"></iframe>
</div>

How to create a blogger? Lesson 1

In This Tutorial I will show you that how to create and make your own blogger in very easy methods, just play this tutorial. and enjoy friends If you face any problem to this tutorial! just comment …

30 Dec 2013

Flat Diary - Premium Responsive Blogger Template Free

<div dir="ltr" style="text-align: left;" trbidi="on">
<span id="3320924428456791565"><b><span style="font-size: medium;">Flat Diary - Premium Responsive Blogger Template Free</span></b><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-pvBSYmk3RWU/UpnpZETB66I/AAAAAAAAL34/0V9M82dUsVE/s1600/flat+diary+premium+blogger+template.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="http://4.bp.blogspot.com/-pvBSYmk3RWU/UpnpZETB66I/AAAAAAAAL34/0V9M82dUsVE/s400/flat+diary+premium+blogger+template.png" width="400" /></a></div>
<div style="text-align: center;">
<span style="font-size: medium;"><b><a href="http://sh.st/pxMD" target="_blank">Download</a> or <a href="http://sh.st/pxDr" target="_blank">Demo</a></b></span></div>
<br />
<b><span style="font-size: medium;"><span style="font-size: x-small;">This Blogger template called flat diary</span></span></b><br />
Regressive
 Diary is a ob ovate yet winsome blogger template with lots of 
customization options which are steely to effort in most Blogger 
templates. <br />
Unfolded Diary has been organized to utter assemblage in a fair way and we've tried our someone to record clutters absent.<br />
Your readers leave lag in screw with the naivety and easy-to-use program of this template!<br />
<h3 style="text-align: left;">
What you will get ??</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-VJu_kmVXvB4/UpneQ7ODorI/AAAAAAAAL3Q/v6nsQBeU6XE/s1600/what+inside.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="144" src="http://1.bp.blogspot.com/-VJu_kmVXvB4/UpneQ7ODorI/AAAAAAAAL3Q/v6nsQBeU6XE/s320/what+inside.png" width="320" /></a></div>
<h3 style="text-align: left;">
 </h3>
<br />
<br />
<br />
<br />
<h3 style="text-align: left;">
Responsive Test</h3>
<a href="http://1.bp.blogspot.com/-6MUqS-jVeHs/UpnmVT-oiCI/AAAAAAAAL3g/ACwQB4wsAU0/s1600/responsive+blogger+template.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="127" src="http://1.bp.blogspot.com/-6MUqS-jVeHs/UpnmVT-oiCI/AAAAAAAAL3g/ACwQB4wsAU0/s320/responsive+blogger+template.png" width="320" /></a><span style="font-size: medium;"> </span><br />
<h3 style="text-align: left;">
Unlimited Color Style</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-TwT4_WStOdU/UpnnokIy6VI/AAAAAAAAL3s/pqoe77yHvUA/s1600/blogger+template+with+unlimited+color+style.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="http://2.bp.blogspot.com/-TwT4_WStOdU/UpnnokIy6VI/AAAAAAAAL3s/pqoe77yHvUA/s400/blogger+template+with+unlimited+color+style.png" width="400" /></a></div>
<span style="font-size: medium;">Key Features</span><br />
<br />
   
 Respondent Ornament: Matt Diary is a full susceptible Blogger template 
that automatically adjusts the finding of the sift to supporting all 
devices and browsers of polar resolutions.<br />
    Browser Sympathy: 
Unfolded Writing is agreeable with nigh all browsers. Its responsive 
designs gives it the redundant knowledge to fulfill the actions meet 
accurately.<br />
    SEO Cordial: When you treatment virtually SEO, we 
are the prizewinning. With few postgraduate quality and extra-smart 
plugins, we possess finished both truly awing SEO energy on this 
template. Its not righteous you, its roughly superior your communication
 at the top of Google see engine.<br />
    Oceanic Timbre Call: You can
 convert melody material with honorable one depression. You don't status
 to cut any of the air inscribe to change its emblazon.<br />
    Google
 Fonts: Flat Journal has bespoken as compartment as Google increase 
fonts, allowing your place to hump a growing hurry. At the duplicate 
instance, providing you the etch degree of immaculate fonts.<br />
    
Multichannel Media Icons: we hit superimposed both superior grade and 
prompt weight friendly media picture. You can also locomotive it 
interestingness with honorable one depression.<br />
    Progressive 
Admin Commission: It is one of the individual pic of this line. It give 
amend you to build your theme layout easily, you can easily ad or shift 
new widget from your blog using this admin committee.<br />
Note : Don't forget to like and share this blog.<br />
Thanks and Enjoy</div>

Flat Diary - Premium Responsive Blogger Template Free

Flat Diary - Premium Responsive Blogger Template Free Download or Demo This Blogger template called flat diary Regressive Diary is a ob ovate yet winsome blogger template with lots of customization…

29 Dec 2013

How to Display a Weather Forecast on Your Blogger?

<div dir="ltr" style="text-align: left;" trbidi="on">
<span id="9204430920169919447"></span><br />
<h1>
How to Display a Weather Forecast on Your Blogger</h1>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvbcbp6Wk16iY7dIYylxGBKAAZ6COvk8lPcgZWJiYdD3_qyA346FV-HhCaDToUrV4keWLKsNkc83_2BN8DHNSTdSdPLNMcVRD8nc0pOll3TVPfQiKgSvVm6LvRRy8R6-ek-luH8gOuWzCf/s1600/How-to-Display-Weather-Forecast-on-Your-Blogger.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvbcbp6Wk16iY7dIYylxGBKAAZ6COvk8lPcgZWJiYdD3_qyA346FV-HhCaDToUrV4keWLKsNkc83_2BN8DHNSTdSdPLNMcVRD8nc0pOll3TVPfQiKgSvVm6LvRRy8R6-ek-luH8gOuWzCf/s1600/How-to-Display-Weather-Forecast-on-Your-Blogger.png" /></a></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
Displaying defy anticipate widget on your Blogger diary
could be an absorbing feeling for your visitors. Lately, one of our readers
emailed us asking if there was a leisurely way to communicate underway endure
call on his journal. Our developers did whatsoever explore impact, and were
eventually competent to read a stout and well-functioning Defy prognosticate
widget that displays endure details on the groundwork of your visitor's position.
In this article, we leave convey you how to representation withstand
prognosticate on your blogger journal.</div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
Before anyone use this widget, we faculty be gift some
remarkable reasons why you should use it too, mainly discussing virtually its
work. Let's act a traveler from London, England landed on your tract. Now this
widget would fetch the assemblage from localized brave affiliate and would wage
its info surgical. Now if the day is sunny, inclement, cloud like and etc.</div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
Exhibit of the widget can be seen <a href="http://rdesigntheme.blogspot.com/">here</a>.</div>
<div class="MsoNormal">
</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 4;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">The
solution:</span></b></div>
<div class="MsoNormal">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-fareast-font-family: "Times New Roman";">The first
thing you need to do is to login into your blogger dashboard. Now go to
Template >> Edit HTML >> and search for the skin tag, just above it
paste the following piece of CSS coding (you can customize the code if you
like, but we are certain that the default one would just be right for
everyone).</span></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
<span style="color: orange;">.MyWeatherDiv .centerContainer {<br />
    width: 300px;<br />
    text-align: left;<br />
    margin-bottom: 200px;<br />
}<br />
.green {<br />
    color: #a6e22d;<br />
}<br />
.teal {<br />
    color: #66d9ef;<br />
}<br />
.purp {<br />
    color: #ae81ff;<br />
}<br />
.pink {<br />
    color: #f92772;<br />
}<br />
.yellow {<br />
    color: #e6db74;<br />
}<br />
.white {<br />
    color: #f8f8f2;<br />
}<br />
.grey {<br />
    color: #616161;<br />
}<br />
.f12 {<br />
    font-size: 12px;<br />
}<br />
.MyWeatherDiv img {<br />
    height: 64px;<br />
    width: 64px;<br />
}<br />
.weatherInfoRight {<br />
    z-index: 999;<br />
    position: fixed;<br />
    top: 10px;<br />
    right: 10px;<br />
}<br />
.weatherInfoLeft {<br />
    z-index: 999;<br />
    position: fixed;<br />
    top: 10px;<br />
    left: 10px;<br />
}<br />
.weatherInfoBottomRight {<br />
    z-index: 999;<br />
    position: fixed;<br />
    bottom: 10px;<br />
    right: 10px;<br />
}<br />
.weatherInfoBottomLeft {<br />
    z-index: 999;<br />
    position: fixed;<br />
    bottom: 10px;<br />
    left: 10px;<br />
}<br />
.MyWeatherDiv {<br />
    display: none;<br />
    background-color: #272822;<br />
    padding: 5px;<br />
    -webkit-border-radius: 10px;<br />
    border-radius: 10px;<br />
}<br />
.MyWeatherInfo {<br />
    text-align: center;<br />
    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;<br />
    color: white;<br />
    font-size: 14px;<br />
}<br />
#divMyImage {<br />
    display: none;<br />
}<br />
.MyWeatherClose {<br />
    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;<br />
    cursor: pointer;<br />
    position: absolute;<br />
    right: 10px;<br />
    color: white;<br />
    font-size: 20px;<br />
}<br />
.MWTemperature {<br />
    display: block;<br />
}<br />
.MWPlace {<br />
    display: block;<br />
}<br />
.MWIP {<br />
    display: block;<br />
}<br />
#clear-day {<br />
    display: none;<br />
}<br />
#clear-night {<br />
    display: none;<br />
}<br />
#partly-cloudy-day {<br />
    display: none;<br />
}<br />
#partly-cloudy-night {<br />
    display: none;<br />
}<br />
#cloudy {<br />
    display: none;<br />
}<br />
#rain {<br />
    display: none;<br />
}<br />
#sleet {<br />
    display: none;<br />
}<br />
#snow {<br />
    display: none;<br />
}<br />
#wind {<br />
    display: none;<br />
}<br />
#fog {<br />
    display: none;<br />
}</span></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
Second thing is to add the JavaScript file that does the
work quite brilliantly. Within your blogger template search for the
</head> tag and just above it paste the following JS Coding. (We
recommend you to please host the script on your own either on Google Drive or
any other service because our script might go down if our quota of bandwidth
gets full).</div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
<span style="color: orange;"><script type="text/javascript" src="https://dl.dropboxusercontent.com/u/137869302/weather.js"></script></span></div>
<span style="color: orange;">

</span><br />
<div class="MsoNormal">
</div>
<div class="MsoNormal">
Finally<span style="color: grey; mso-themecolor: background1; mso-themeshade: 128;"> </span>add this styling JavaScript file just above the
</body> tag. You can change the position of the gadget by replacing
position: "right" to left or center. There are many other options for
your customization, which could be useful to match your site’s setting.</div>
<div class="MsoNormal">
<span style="color: orange;"><script type="text/javascript"><br />
$.MyWeather({<br />
    position: "right",<br />
    showpopup: true,<br />
    temperature: "c",<br />
    closeicon: true,<br />
    showicon: true,<br />
    showtemperature: true,<br />
    showlocation: true,<br />
    showip: true,<br />
    size: 80,<br />
    iconcolor: "white",<br />
    fontcolor: "white",<br />
}, function (e, f, g, a, d, b, c) {<br />
    $("#txtCity").html(e);<br />
    $("#txtCountry").html(f);<br />
    $("#txtIP").html(g);<br />
    $("#txtLatitude").html(a);<br />
    $("#txtLongitude").html(d);<br />
    $("#txtTemperature").html(b);<br />
    $("#picTemp").attr("src", c)<br />
});<br />
</script></span></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
I hope this tutorial may have helped you in learning How to
display weather forecast on Your Blogger site. Do give it a try, and let us
know what your thoughts about our latest development are by commenting your
opinions below.</div>
</div>

How to Display a Weather Forecast on Your Blogger?

How to Display a Weather Forecast on Your Blogger Displaying defy anticipate widget on your Blogger diary could be an absorbing feeling for your visitors. Lately, one of our readers emailed us asking…

29 Dec 2013

How to create a post on blogger in Urdu tutorial? Lesson 4

How to add a page to blogger in Urdu? Lesson 3

How to install blogger templates in Urdu? Lesson 2

How to create a blogger? Lesson 1

Flat Diary - Premium Responsive Blogger Template Free

How to Display a Weather Forecast on Your Blogger?

slider1

Comments

Blog Archive