Websoft Pk - We share what we learn

Force Links In Blogger To Open In A New Tab

<div dir="ltr" style="text-align: left;" trbidi="on"><img alt="Force Links In Blogger To Open In A New Tab" class="postmainimage" height="280" src="http://cdn1.iconfinder.com/data/icons/waxed/512/blogger-logo-square-webtreatsetc.png" width="320" /> Here’s a nice quick hack that you can perform on your Blogger to force any links or hyperlinks in your blog to open in a new tab instead of the current window. It’s from a Blogger user named Mounish Venkat of <a href="https://www.facebook.com/demintoblog" target="_blank">Deminto</a> blog and all it takes is inserting just one (that’s right, just one) short line of code into your template code. Plus, it’ll only take you less than five minutes to do it. Here are the steps to follow: <ul><li>Starting on your dashboard, go to Template.</li></ul><ul><li>Click on the Edit HTML button then on Proceed.</li></ul><ul><li>Using Ctrl+F, search for the <head> tag in your template’s code.</li></ul><ul><li>Copy/paste the following code right after or below it:</li></ul><pre><base target=’_blank’/>      </pre><ul><li>Hit Save Template and you’re done!</li></ul>See, didn’t I tell you that’s going to be easy and will only cost you a short amount of time? Have a good day!</div>

Force Links In Blogger To Open In A New Tab

Here’s a nice quick hack that you can perform on your Blogger to force any links or hyperlinks in your blog to open in a new tab instead o...

Steps in How to Delete Multiple Posts at Once

<div dir="ltr" style="text-align: left;" trbidi="on"> <img alt="Steps in How to Delete Multiple Posts at Once" class="postmainimage" height="280" src="http://cdn1.iconfinder.com/data/icons/waxed/512/blogger-logo-square-webtreatsetc.png" width="320" /> When we save drafts on Blogger, they automatically get saved. But if you made several drafts, how will you find out which one you need and which ones to delete? Here’s a tutorial that will help you solve this issue. This is from <a href="https://plus.google.com/110321421975642577528" target="_blank">Ankit Kumar Singla</a> who shares <a href="http://www.allblogtools.com/category/blogger-templates/simple/" title="Simple Blogger Templates">simple</a> steps on how you can delete multiple posts all at the same time. <ul><li>Sign in to Blogger > Blogger Dashboard > Posts</li></ul><ul><li>Select the posts you would want to delete. If you want to delete your draft posts, simply choose Draft, and to delete the posts you’ve published, choose Published.</li></ul><ul><li>Once you have selected the unwanted posts, hit the delete icon that is seen under the blog title.</li></ul><ul><li>A pop-up box will then appear. Click OK button to confirm.</li></ul>Now it’s done. Hope Ankit’s tutorial helps.</div>

Steps in How to Delete Multiple Posts at Once

When we save drafts on Blogger, they automatically get saved. But if you made several drafts, how will you find out which one you need and ...

How to Add Stylish Sliding Up Image Description Widget

<div dir="ltr" style="text-align: left;" trbidi="on"><img alt="How to Add Stylish Sliding Up Image Description Widget" class="postmainimage" height="280" src="http://findicons.com/files/icons/1973/orange_stickers_social_media/256/blogger_logo_square_webtreats.png" width="320" /> Another widget that adds a great look to your Blogger site is the sliding up image description. You can incorporate this stylish widget via this tutorial by the guys at <a href="http://www.bloggertrix.com/2013/04/stylish-sliding-up-image-description.html" target="_blank">Bloggertrix</a>. You can add it on the sidebar and if you have a special post, you can link it as well. CSS and HTML are basically used so it’s easy to customize if you wish to change the images. <ul><li>Blogger Dashboard > Layout</li></ul><ul><li>Add Gadget > HTML/Javascript</li></ul><ul><li>Paste this code</li></ul><pre><style> .image-box {   width:280px;height:280px;overflow:hidden;background-color:white;   border:1px solid #ccc;float:left;margin:1px 1px;   font:normal normal 12px/1.4 Segoe,"Segoe UI",Arial,Sans-Serif;   color:#333; } .image-container, .image-details {height:280px;border:5px solid white;background-color:#ffc;   transition:margin-top .4s ease-out .4s; } .image-container img {   width:280px;height:280px;padding:0 0;margin:0 0;border:none;outline:none;max-width:none;   max-height:none;   background-color:black; } .image-details h4, .image-details p {   margin:0 0 .2em;padding:0 0;height:70px; } .image-details h4 {   font-size:120%;height:auto; } .image-details .details {   padding:10px 12px;overflow:hidden; } .image-details .more {   color:white;text-decoration:none;display:block;   text-align:center;font-weight:bold;background-color:#f9a;height:26px;line-height:26px;margin:10px 0 0; } .image-box:hover {border-color:#bbb; width:280px;   height:280px;} .image-box:hover .image-container {margin-top:-160px} .image-details .more:hover {background-color:black} </style> <div class="image-box-wrapper" id="image-box-wrapper">  <div class="image-box">   <div class="image-container">    <img width="280" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDBRgaRPz4VXKvl2hCM7AxX-ADkLE8dF5xo8R9BCnTQEHI265SU-4af2hh5_XCfl-B_-Tl68YJgez8kn-owypzFDbBW0kkMdTUNCjUBgCNuwH_mouz0uR9rHDXUs57STSoe8ysqsVFp40/s1600/3.jpg" alt="Food">   </div>   <div class="image-details">    <div class="details">     <h4>Lorem Ipsum</h4>     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...     <a class="more" href="Post Link ">More</a>    </div>   </div>  </div>    <div style="clear:both;"></div> </div> </pre><ul><li>Save.</li></ul>Note: Make a backup of your template before attempting to edit it.</div>

How to Add Stylish Sliding Up Image Description Widget

Another widget that adds a great look to your Blogger site is the sliding up image description. You can incorporate this stylish widget vi...

How To Divide Blogger Pages Into Top Tabs And Side Links

<div dir="ltr" style="text-align: left;" trbidi="on"> <img alt="How To Divide Blogger Pages Into Top Tabs And Side Links" class="postmainimage" height="280" src="http://cdn1.iconfinder.com/data/icons/black-icon-social-media/512/099281-blogger-logo-square.png" width="320" /> Today’s featured Blogger tutorial will teach you how to do something that even I didn’t know about until I read about it. It’s from Blogger user Rebecca, and it shows you a way for you to divide your pages into top tabs and side links — both at the same time! The whole process will require you to go back and forth between the layout widgets and pages but it’s really not that hard to do and the steps she provide won’t leave you all confused. You can find the work-around live and in effect over at <a href="http://artisanlifeandstyle.com/">ArtisanLifeAndStyle</a>. Interested to try it out on your own site (or test page perhaps)? You can find Rebecca’s <a href="http://rebeccabaerartfulliving.blogspot.com/2013/02/dividing-blogger-pages-into-top-tabs.html">easy-to-follow tutorial here</a>. Have fun and a good day! </div>

How To Divide Blogger Pages Into Top Tabs And Side Links

Today’s featured Blogger tutorial will teach you how to do something that even I didn’t know about until I read about it. It’s from Blogger...

How to Add New Featured Post Image Slider

<div dir="ltr" style="text-align: left;" trbidi="on"><img alt="How to Add New Featured Post Image Slider" class="postmainimage" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXgwO1XGNnEZ39apO13nIrfN2SoLRZDixmU-pyEZoBcj9vgqualzT3HocSN0RM91PozEmug8kSkBPfn9bum6djxloBpV5R9ilDXnPWZHaQaj7z_C1jcjarhVNon7aYo66CptEUQdAGhBg/s400/fast-featured-posts-slider-for-blogger.png" width="400" /> One of the most popular features for Blogger is the use of an image slider. Most probably you’ve seen tutorials on this one but here is a new version of an image slider that you may like as well. <a href="http://www.spiceupyourblog.com/2013/04/slick-featured-posts-slider-blogger.html">This latest version</a> was created by Paul Crowe for his client who was looking for a specific slider to show their best images. The need for some specific specifications are what this slider differs from the previous ones, and by making it lightweight and easy to modify the links and images set it apart from others. The following specifications that are to be met for this slider are full width so it covers the entire width of the site but can easily be replaced, auto and manual scroll so you could stop on hover and have an option to scroll down at a different pace, two ways to scroll, standard next/previous buttons with a twist and an easy-to-edit HTML code. Check out the <a href="http://testblog30test.blogspot.ie/">demo here</a>. </div>

How to Add New Featured Post Image Slider

One of the most popular features for Blogger is the use of an image slider. Most probably you’ve seen tutorials on this one but here is a ...

A Tutorial on Display A StatCounter In Blogger Dynamic Views

<div dir="ltr" style="text-align: left;" trbidi="on"><img alt="Display A StatCounter In Blogger Dynamic Views" class="postmainimage" height="560" src="http://www-beta.statcounter.com/images/screenshots/home-fan-summary-front.png" width="640" /> Ever since Blogger introduced the Dynamic Views Template, nothing much has changed. If not for a few generous and clever Blogger users with their hacks and customizations, we’d be pretty much left with the same old Dynamic Views design that we were given in the first place (i.e. template designs, and widgets). One <a href="http://www.blogger.com/null" title="Simple Blogger Templates">simple</a> but good example of these custom hacks is today’s featured tutorial from Blogger user <a href="http://www.blogger.com/null" target="_blank">K.P.</a> of dynamictweak. His tutorial will let you turn Blogger’s “Send Feedback” button into a StatCounter. What’s nice about his trick is that, unlike other StatCounters, this one won’t mess up your default Dynamic Views background. So how would you go about it? Follow the steps below: <ul><li>Go to <a href="http://www.blogger.com/null" target="_blank">http://statcounter.com</a> and create an account. If you already have one then just log in.</li></ul><ul><li>Click on Add Project.</li></ul><ul><li>Provide all of the necessary info such as URL, Title, Group, etc. on the left hand side portion of the screen. While on the right hand side, you can leave things as it is unless you don’t want to receive any emails from StatCounter, feel free to set “Email Reports” to “none.”</li></ul><ul><li>Click on Add Project.</li></ul><ul><li>Choose Blogger from the list of websites, and you’ll be presented with a similar code as shown below:</li></ul><pre> <script type="text/javascript"> var sc_project=8024715; var sc_invisible=0; var sc_security="185651ec"; </script> <script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script> <noscript><div><a title="blogger counter" href="http://statcounter.com/blogger/"> <img src="http://c.statcounter.com/8024715/0/185651ec/0/" alt="blogger counter" /></a></div></noscript>       </pre><ul><li>Copy the highlighted part only (which is the/your counter’s URL address) from the code that it gives you. You don’t need the entire code to accomplish this tutorial.</li></ul><ul><li>Paste the address you copied in the following CSS code below.</li></ul> <pre>.feedback{</pre><pre>background-image: url('YOUR_URL’s_STATCOUNTER') !important;</pre><pre>font-size: 0px;</pre><pre>width: 60px !important;</pre><pre>height: 18px !important;</pre><pre>border: 0px !important;</pre><pre>background-repeat: no-repeat !important;</pre><pre>} </pre><ul><li>You’ll then put the above code in your template’s CSS. You can do this simply by going to your Blogger dashboard, then Template > Customize > Advanced > Add CSS. (Remember to press Enter after the last character of the last line.)</li></ul><ul><li>Click on the ‘Apply to Blog’ and that’s it. You’re done!</li></ul></div>

A Tutorial on Display A StatCounter In Blogger Dynamic Views

Ever since Blogger introduced the Dynamic Views Template, nothing much has changed. If not for a few generous and clever Blogger users wit...

A Biography of Imam Abu Haneefa (RA).

<div dir="ltr" style="text-align: left;" trbidi="on"><div align="center"> Imaam of Imaams; Lamp of the Ummah; Leader of the Jurists and Mujtahideen; Hafize-Hadith Hadhrat Imaam Abu Hanifah (R.A) was a prestigious Mujtahid, Muhaddith, authoritative person, truthfully spoken, abstinent, wise, and pious.  </div><div align="justify"> A great many Muhadditheen and Hanafi, Shafi’ee, Maaliki and Hanbali Ulamaa are in unison with regards to Imaam Sahib’s strengths and virtues. Thousands of literary works have been compiled by Imaam Abu Hanifah (R. A.). Amongst the Imaams ‘Imaam-e-Aazam’ (Greatest of the Imaams ) was the address of Imaam Abu Hanifah (RA.) alone. A great group of Ulamaa and Muhadditheen remained the followers of Imaam Abu Hanifah (RA.), and more than half of the Ummah of Prophet Muhammed Sallallahu Alaihi Wasallam are, till this day, followers also. </div><div align="justify"></div><a name="more"></a>He was born in the era of the Companions (R.A.). Abstinent, God fearing, generous, knowledgeable and virtuous are all attributes collectively found of Imaam Abu Hanifah (R.A.). His origination is in Kufa, which at the time, was the greatest centre of ahaadith. As, in Kufa thousands of Companions (R. A.) of Rasulullah Sallallahu Alaihi Wasallam had resided there; more than one thousand jurists were born in Kufa of which one hundred and fifty were Companions of the Holy Prophet Sallallahu Alaihi Wasallam. Kufa, was where the ranked Hadhrat Abdullah Ibn Mas’ud (R.A.) and Hadhrat Abu Huraira (R. A.) had previously resided. Imaam Sahib’s upbringing and education was achieved in such a reputed educational centre, and he reaped much advantage from the Ulamaa of Haramain. LINEAGE: Nu’maan ibn Thabit Ibn Zuta Ibn Maah\ lbn Marzubaan. (Difference of opinion lies only in choice of wording not name.) YEAR & PLACE of BIRTH: 80 A.H. Kufa, Iraq. RENOWNED ADDRESS: Imaam-e-Aazam \ Abu Hanifah (R. A.). SPECIAL ATTRIBUTE: It has been unanimously agreed that Imaam Abu Hanifah (RA.) was a Taabi‘ee. There are various differing quotes concerning the number of Companions seen by Imaam Sahib. Sahib-e-Ikmaal narrates a total of 26, whilst Hafiz Ibn Hajr quotes 8. The most opposed view is that of Hafiz Almizzi whom has stated 72 Companions (R. A.). ACQUISITION OF KNOWLEDGE: Primary, basic Islamic teachings were acquired as a child, which were short lived due to Imaam Abu Hanifah’ s father’s death. Subsequently, he supported the family business. MEANS OF LIVELIHOOD: Silk Merchant. ADVANCEMENT OF KNOWLEDGE: At the age of 22 years much spare time was spent in debating. In this period of time Imaam Sha’bee (R. A.) advised Imaam Abu Hanifah ( R.A.) to associate himself with a scholar. Being unable to answer a query regarding the correct Sunnah procedure of divorce, Imaam Abu Hanifah began to join the gatherings of lmam Hammad (R. A), (student of Hadhrat Anas (RA.) ), disposing of his works as a debator. For the next ten consecutive years he remained the student of Imaam Hammad (R.A.). After two years, for a period of two months Imaam Hammad took a sudden leave to Basra ( due to his relative’s death) leaving Imaam Abu Hanifah (R. A.) to continue his works in Kufa. Imaam Abu Hanifah (R. A.) remained Imaam Hammad’s student for a further 8 years. MOST EMINENT TEACHER OF JURISPRUDENCE: Imaam Hammad (R A) MOST EMINENT TEACHER OF AHAADEETH: Imaam Aamir Sha’bi (R. A.). NO. 0F AHAADEETH ACQUIRED: 4,000 Ahaadeeth in which 2,000 Ahaadeeth from Imaam Hammad ( RA.) alone. PROMINENT PRINCIPLES UPON WHICH IMAAM ABU HANIFAH ACCEPTED AHAADEETH: 1. Since the initial day of hearing the hadith it is remembered in its correct form to the very time of narration. 2. The hadith must have been projected by the Holy Prophet Sallallahu Alaihi Wasallam and narrated onwards via wholly reliable persons. 3. Any Ahaadeeth which contradicted the Qur’an or other famous Ahaadeeth were unacceptable. A SMALL GLIMPSE OF IMAAM ABU HANIFA’S (R.A.) TEACHERS: Aamir Ibn Shurahbeel, Sha’abi Kufi, Alqama Ibn Marthad, Ziyaad Ibn Ilaqa, Adi Ibn Thabit, Qataada Basri, Muhammed Ibn Munkadir Madni, Simaak Ibn Harb, Qays Ibn Muslim Kufi, Mansoor Ibn Umar etc. etc. A SMALL GLIMPSE OF IMAAM ABU HANIFA’S (R.A.) STUDENTS: Qazi Abu Yusuf, Muhammad Ibn Hasan, Zufar Ibn Huzayl, Hammad Ibn Abu Hanifah, Abu Ismat Mugheera Ibn Miqsam,Yunus Ibn Is‘haaq, Abu Bakr Ibn Ayyaash, Abdullah Ibn Mubarak, Ali Ibn Aasim, Ja’ far Ibn Awn, Ubaydullah Ibn Musa etc. etc. IMAAM ABU HANIFAH’S (R.A.) LITERARY WORKS: ‘Kitaab-ul-Aathar’ - compiled from a total of 70,000 Ahaadeeth, ‘Aalim-wal-muta ‘allim’, ‘Fiqhe Akbar’, ‘Jaami’ul Masaneed’, ‘Kitaabul Rad alal Qaadiriyah’ etc. etc. IMAAM ABU HANIFAH’S CHARACTERISTICS: Impartiality: Imaam Abu Hanifah (R. A.) has never accepted a favour from anyone and so was never indebted to anyone. Humanitarian ways& generosity: On seeing Imaam Abu Hanifah (R. A.) a passer by avoided him and took a different path. When Imaam Abu Hanifah (R.A.) questioned as to why he did so, he replied that he was ashamed of himself as he was Imaam Abu Hanifah’s debtor of 10 000 Dirhams. The man’s humbleness over took Imaam Abu Hanifah (R.A.) and so he forgave the repayment of the debt. Kind-heartedness: Once, whilst sitting in a Masjid Imaam Sahib learnt of someone who had fallen from a roof. Immediately, Imaam Sahib departed from the gathering, barefooted, and ran to the place of accident. Until the injured recovered, Imaam Sahib paid daily visits to nurse him. Disposition: Imaam Sahib would never speak unless it was necessary to do so. Someone mentioned before Sufyan Thawri (R.A.) that he had never heard Imaam Sahib back biting. Sufyan (R.A.) replied, "Abu Hanifah (R.A.) is not such a fool that he will destroy his own good deeds." Abstinence & God Fearing Ways: 1. Sharik has stated, "I have never once observed Imaam Abu Hanifah reposing within the nights hours." 2. Abu Nu’aym states, "Even before observing salaah Imaam Hanifah (R. A.) would weep and supplicate before Allah." 3. There is no such Surah within the Qur’an which I have not recited during Nafl prayers." - Abu Hanifah (R. A.) 4. Kharija lbn Mus’ab has stated that 4 religious leaders have completed the recitation of the entire Qur’an in one rakaah of salaah alone. Uthmaan Ibn Affaan (RA.), Tameen Daari (RA.), Sa’eed Ibn Jubair (R. A.) and Imaam Abu Hanifah (R. A.). 5. There was once acknowledgment of a stolen sheep. Imaam Abu Hanifah inquired and researched as to how long a sheep lives. After finding out, he never ate sheep for 7 years, fearing that the meat may be from the stolen sheep. 6. For 40 consecutive years Imaam Sahib observed a nocturnal practice of performing Fajr salaah with the ablution of Esha. NO. 0F QUR’AN’S COMPLETED IN RAMADHAAN : 60 NO. OF PILGRIMAGES OBSERVED IN LIFETIME : 55 TRIALS & TRIBULATIONS: Trial No.1: During the reign of Ibn Hubaira Imaam Abu Hanifah ( R.A.) rejected his request of the post of Chief Justice. (As Imaam Sahib did not want to collaborate with the corrupt). Consequence of Rejection No.1: Tormented by passing through the city mounted upon a horse, whereby he was whipped 10 times a day for eleven consecutive days. Trial No.2: During the reign of Abu Jaafar Mansoor again the above request was pledged, yet again rejected. Consequence of Rejection No.2: Imprisoned and violently beaten. Prolongation of Trial: Khalifa Abu Ja’far Mansoor again urged that Imaam Sahib should reconsider. Finally, Imaam Sahib swore by Allah that he would not accept. Consequence: Imaam Sahib was lashed, shirtless 30 times, drawing blood that seeped to his heels. He was again imprisoned, with restricted rations for 15 days, after which he was forcefully made to drink a poison that led to his martyrdom. STATE OF DEATH: In the state of prostration. AGE & DATE OF DEATH: 70 years of age : 150 A.H. in the month of Rajab. (others have stated Sha’baan and Shawwaal also). BURIAL: Six Janaazah salaah were conducted in order to cater for more than 50,000 people whom had collected. His son, and only child; Hammad, lead the last Janazah salaah. Article taken (with Thanks) from Darul-uloom Bury</div>

A Biography of Imam Abu Haneefa (RA).

Imaam of Imaams; Lamp of the Ummah; Leader of the Jurists and Mujtahideen; Hafize-Hadith Hadhrat Imaam Abu Hanifah ...