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 enjo...

Read more »

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 i...

Read more »

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 fee...

Read more »