Blogger Carousel (BC) helps you to create dynamic slideshows to showcase your blog posts by a specific category/label. You can use carousels in blogspot to automatically display a list of latest posts inside an animated cycle. Blogger carousel is a mobile responsive widget that adapts perfectly to different screen sizes because it supports multiple breakpoints. It uses Blogger JSON Feeds to dynamically display recent posts from any label you specify. It is a responsive basic carousel plugin created using FlexSlider by Woothemes. You can display multiple thumbnails organized horizontally inside the carousel with navigational controls.
We have already shared two jQuery carousel sliders for blogspot blogs that you can add to your blog by reading the following tutorials:
The difference between this carousel and the former is the use of single and multiple slides/items. Former sliders have a fixed width but this carousel can be stretched to as wide as possible depending on the width of the parent DIV.
The carousel automatically adjusts its item width and number of thumbnails to show in smartphones, tablets and desktop screens without effecting the UI. Multiple breakpoints are added to ensure the carousel fits device screen size just perfectly. This is why we call it as the best carousel for blogspot blogs! The same carousel is added by default to COPmo template.
[ SMARTPHONES ]
[ TABLETS / IPADS]
[ DESKTOP / LAPTOPS ]
Add Blogger Carousel To Blogspot
Follow these easy steps:
Go To Blogger > Template
Backup your template
Click "Edit HTML"
Just below <head> tag paste the following JS and CSS source links:
To change the green color theme of the slider simply replace the green highlighted color codes with color of your choice. The color can be in rgb or #hexadecimal, both work. Use our Color Code Generator.
Save your template.
Now go to Blogger > Layout
Select "Add a Gadget"
Choose "HTML/JavaScript" gadget
Keep the title field empty and then paste the following code inside it:
<h2 class="mbtslides-title2">Blogger Carousel!</h2> <div class="flexslider" id="mbt-c"> <ul class="slides"> <script type="text/javascript"> //################### Defaults var ListBlogLink = "http://mybloggertricks.com"; var ListCount = 9; var ListLabel = "Make Money Online"; var TitleCount = 66; var ImageSize = 150; //################### Function Start function mbtcarousel(json) { for (var i = 0; i < ListCount; i++) { //################### Variables Declared var listing= ListImage = ListUrl = ListTitle = ListImage = ListContent = ListConten = ListAuthor = ListTag = ListDate = ListUpdate = ListComments = thumbUrl = TotalPosts = sk = AuthorPic= ListMonth = Y = D = M = m = YY = DD = MM = mm = TT = ""; //################### Category if (json.feed.entry[i].category != null) { for (var k = 0; k < json.feed.entry[i].category.length; k++) { ListTag += "<a href='"+ListBlogLink+"/search/label/"+json.feed.entry[i].category[k].term+"'>"+json.feed.entry[i].category[k].term+"</a>"; if(k < json.feed.entry[i].category.length-1) { ListTag += " ";} } } //################### URL for (var j = 0; j < json.feed.entry[i].link.length; j++) { if (json.feed.entry[i].link[j].rel == 'alternate') { break; } } ListUrl= "'" + json.feed.entry[i].link[j].href + "'"; //################### Info TotalPosts = json.feed.openSearch$totalResults.$t; if (json.feed.entry[i].title!= null) { ListTitle= json.feed.entry[i].title.$t.substr(0, TitleCount); } if (json.feed.entry[i].thr$total) { ListComments= "<a href='"+json.feed.entry[i].link[j].href+"#comment-form'>"+json.feed.entry[i].thr$total.$t+"</a>"; } ListAuthor= json.feed.entry[i].author[0].name.$t.split(" "); ListAuthor=ListAuthor.slice(0, 1).join(" "); AuthorPic = json.feed.entry[i].author[0].gd$image.src; //################### Date Format ListMonth= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; ListDate= json.feed.entry[i].published.$t.substring(0,10); Y = ListDate.substring(0, 4); m = ListDate.substring(5, 7); D = ListDate.substring(8, 10); M = ListMonth[parseInt(m - 1)]; ListUpdate= json.feed.entry[i].updated.$t.substring(0, 16); YY = ListUpdate.substring(0, 4); mm = ListUpdate.substring(5, 7); DD = ListUpdate.substring(8, 10); TT = ListUpdate.substring(11, 16); MM = ListMonth[parseInt(mm - 1)]; //################### Thumbnail Check // YouTube scan if (json.feed.entry[i].content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/) != null) { var youtube_id = json.feed.entry[i].content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();
if (youtube_id.length == 11) { var ListImage = "'//img.youtube.com/vi/"+youtube_id+"/0.jpg'"; } } else if (json.feed.entry[i].media$thumbnail) { thumbUrl = json.feed.entry[i].media$thumbnail.url; sk= thumbUrl.replace("/s72-c/","/s"+ImageSize+"/"); ListImage= "'" + sk.replace("?imgmax=800","") + "'"; } else if (json.feed.entry[i].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/) != null) { // Support For 3rd Party Images ListImage = json.feed.entry[i].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1]; } else { ListImage= "'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmHVmKC0KNO5XzkCef8dYzoxertepzPo-eG1uPFbHfkWY4cRvTNRQsBAXpjOYGxHoDa4PDggRaDicuGWobKoQ7fKy2O3Inxd1wu53KrL0WO6CNjQwOApFYISt4Zo3lZQrOfy7FKc8xY0k/s200/Icon.png'"; } //################### Printing List var listing = "<li><div class='flex-div'><div class='iFeatured'><a href=" + ListUrl+ "><img src=" +ListImage+ "/></a></div><a class='mbttitle' href=" +ListUrl+ "target='_blank'>" +ListTitle+ "</a><div class='iline'><span class='iauthor'><img class='iauthorpic' src='"+AuthorPic+"'/>" +ListAuthor+ "</span><span class='icomments'>" +ListComments + "</span> <span class='idate'><div>" + D + "</div><div> " + M + "</div></span></div></div></li>";
document.write(listing);
} } <!-- #### Invoking the Callback Function #### --> document.write("<script src='"+ListBlogLink+"/feeds/posts/default/-/"+ListLabel+"?alt=json-in-script&callback=mbtcarousel'></"+"script>"); </script> </ul></div>
The following control options will help you modify the widget:
slideshowSpeed: You can set the speed of the slideshow cycling, in milliseconds
animationSpeed: You can also set the speed of animations, in milliseconds
pauseOnHover: Pause the slideshow when hovering over slider, then resume when no longer hovering
You can edit the widget title by editing: Blogger Carousel!
If you don't want to use the title then delete the yellowhighlighted code.
ListBlogLink : Insert your Blog link here
ListCount : Decide how many posts do you wish to display.
ListLabel : Insert your blog label/category here. Remember that labels are case sensitive. Therefore type it exactly as it is shown in your browser address bar. If your label is "blogging" and if you type it as "Blogging" then it wont work. You must make sure that all letters are written in correct cases.
TitleCount : Choose how many characters to display in post title.
ImageSize : You can control the resolution or aspect ratio of thumbnails by editing ImageSize = 150;where the value 150 means that you want your images to be within 150 x 150 pixels in size.
Click Save and you are all done!
Let us help you with installation of Blogger Carousel!
Let me know if you need any help or clarification related to any step above. Adding carousel to your blogs will surely increase your pageviews and overall ad impressions. AdSense revenue does surely increase when users visit multiple pages. Widgets such as recent posts carousel, slider and list help to boost website pageviews significantly and help in reducing bounce rate. Add this carousel to your blogs and let me know if you need any help. Good luck! =)
Note:This post is for educational purpose and a part of our entrepreneurship training where we aim to teach you how to think outside the box and explore the world with open eyes.
We have seen enough of good human beings but sometimes meeting people who are convicted or under trial for committing crimes help you to look at this dark world from a different perspective. I live near National Stadium and I often cross Central Jail Karachi to reach my office which is located on Main Shaheed Millat Road. I was always curious to know what exists behind those tall walls and how does life looks like from inside. Fortunately on 20th August 2016, I went for a prison tour thanks to my friend Hussain Kango whose father Aurangzeb Kango is SP Police and administrator at "Youthful Offender Industrial School Karachi". What I saw inside completely changed my negative perception about life in prison.
Hussain Kango also accompanied me in our Eureka Seminar that was organized on 13th August. You can read more about it below:
Just like any normal citizen who has not seen prison from inside, I thought Jail was a nightmare zone with dark sophisticated rooms with poor ventilation, limited access to open air and no quality food. Prisoners in jail would be living in small cages like animals with guards surrounding them from all corners. This is the image we all have in mind thanks to movies and dramas that we watch on daily basis through local television networks. But the reality literally shocked me.
A Jail or Prison is different from Police Thana (station) where you see small rooms with iron bars at front. A Jail is basically a learning institute where criminals are taught how to become civilized human beings. Central Jail Karachi is the second largest jail of Pakistan housing over 6000 prisoners including convicted terrorists and international militants like murderer of Daniel Pearl. The jail is divided into three sub-jails which are:
Central Jail - Houses serious terrorists and convicted criminals
Women Jail - Houses women
Bacha Jail - Under 18 prisoners (One We visited)
Central Prison For Women is a Jail for women prisoners which is sub divided into two sections for boys and women. This prison is dedicated especially for "Women" mostly but a small section is dedicated for teenage boys for their schooling purpose and this smaller section is called "Bacha Jail". Boys and women are kept in separate barracks divided by huge 20+ Feet walls, with no direct contact in between. We were allowed access to the boys prison only. The women prison is safely guarded by trained female police guards and only women or authorized staff is allowed access.
What Did I Saw Inside Prison?
I was accompanied by Hussain Kango (center) and another friend from Islamabad named Muhammad Fahad Raza(right).
We received a kind reception by SP Aurangzeb Kango who is surely an educated and senior police officer. Whatever that you will read later on happened due to SP Aurangzeb's hard work for Jail prisoners.
Our mobile networks seized to work due to jammers. Telephonic communication could be done only using landline PTCL. Mobile phones signals do not work as soon as you are at a distance of 100 meters away from jail. This is done due to security precautions. Jail is now surrounded by bomb proof walls from all corners, which is a development that occurred after a failed penetration through tunnels by TTP.
The moment guards were informed about our arrival. I felt like watching a movie. The world behind large Metallic Gates uncovered for the first time in front of my eyes. I saw a large green ground with ducks moving to my left and a small playground area for kids as shown in the image below.
Image Courtesy:Dawn News
To the right of this play area was a kitchen for prisoners. The food menu was really impressive. Prisoners were served chicken thrice a week and beef once a week. Apart from beef and chicken major menu was Moong Ki Daal, Daal Masood and similar seed recipes. Sir Aurangzeb told us that the staff including him, eats the same food that the prisoners are served and the food is cooked by a contractor and not by the prisoners. Hussain told me that the food is so delicious that it outstands the food we eat at home when it comes to taste. I never expected that prisoners would be served with meat 4 days a week and this was surely a great discovery in its own.
We were not allowed to take pictures but we were told that a TV drama by the name "Ye maira dewanapan hai Episode 31" has been recorded here so we will find most of the screenshots there. Sir Auranzeb Kango has himself acted in it also which you can watch below during the first 15 seconds of this video.
After the second gate, we moved towards Gate 3 which was preceded by a long pathway surrounded by two 20+ feet long walls on both sides as shown below:
Every gate was guarded by two police officers, who would salute SP Kango the moment we would cross them. I saw around 100 teenage boys running towards the mosque on our left because it was time for Zuhr prayer.
We then visited the barracks which were large rooms to house over 50 prisoners. All prisoners were kept inside the same room. I saw comfortable beds, with windows on all sides for ventilation, fans and even a small TV where prisoners could see documentaries and behavioral programs on fixed schedule basis.
Guess what I saw next?
Prisoner dining room with marble tables and comfortable seats. This looked no less than an auditorium also.
A body building gym with few equipment where prisoners could work out
A tailor room where prisoners are taught cloth stitching
A small computer training class where prisoners are taught basic computer operating skills
A small library
A hair saloon for prisoners and also for training purpose
A Dhobi Gat for washing cloths
A Mosque for prayer
A Painting room for art work. the paintings that you see in pictures is mostly painted by prisoners themselves.
A carpenter workshop
I saw no weapon in hands of prison guards, only sticks.
Near Gate2 prisoners could meet their family members in meeting area behind iron bars.
Before we could exit, we took some photos with prison guards on exit gate.
Hope I could give a helicopter view of life inside prison. Signing off from Central Jail Karachi! =)
Your Views
What are your views about life in prison after reading this blog post? Do you think educating prisoners inside jail and providing them with comfortable environment would help them to become better citizens or you are in favor of a more harsh environment. Do share your precious views by commenting below.
On 13th August, STCnetwork was invited for a motivational session at Eureka Institute which is a renown institute that offers certificates in English Learning and IT programs. I was invited by Abrar Khan who is the operations manager at Eureka. I had to speak on the topic: "I chose Plan B and became an Entrepreneur". I am not sure whether it was the excitement of independence month or something else, but this seminar turned out to be the most longest and yet memorable event of my life ever! I spoke for over 3.5 hours and this post will share important highlights of the event. This seminar also had one unexpected visitor that I will disclose later :)
Few days before the event I received a surprise visit of a very close friend, named Hussain Kango who works at Mobilink Telecom firm. Hussain is an IBA graduate and has great experience of working in a corporate firm so I requested him to accompany me in this seminar to present his take on whether one should go for jobs or setup their own business. He was kind enough to say: "Sure lets do it!".
This seminar was not conducted inside a large hall or auditorium nor was it attended by a crowd of hundreds unlike our previous events because it was not meant for general crowd. Our aim was to motivate developers and youngsters who need proper direction to launch an online business. It was organized inside a small class with no more than 50 participants. Most of these attendees were students enrolled in web development courses at Eureka. But there was something different about it, that made me speak for hours and yet not feel tired at all. This happened thanks to a passionate and actively responding crowd. The crowd kept on asking questions during the seminar and I loved responding them. This is how a formal presentation transformed into a friendly discussion.
This time I shared things on more practical and technical grounds. Following is a bird view:
Shared some of my ecommerce projects that I am working on,
Shared marketing strategy of a product that I aim to launch inshAllah, (koti.pk)
Discussed the basic difference between Assets and Liabilities
Discussed the difference between victims of PlanA and PlanB.
Shared example of a French Fries seller to emphasize on "Uniqueness In Business"
Explained importance of old friends and mentors - Social Interaction
Shared story of a Blind PHP developer who visited us - "If he can do it then why can't you?"
Shared basics of setting up an Ecommerce business by sharing examples of sites I optimized.
Shared how I earned up to $2000 Alhamdulillah within a month by writing just 3 reviews.
Explained "Search Engine Optimization" in layman terms.
Shared how to do SEO auditing of any website - Taking Eureka's site as test case.
Played the SEO Game!
Hussain shared his corporate experience and how to build your own empire through startup businesses. His presentation was really unique and yet engaging. Unfortunately he just had an hour to speak because I had already swallowed much of the time! ;)
I picked Hussain from Central Jail Karachi and it was my first experience going inside the city's most highly secured jail full of top-notch criminals. This is where he actually lives along with his family. His father is a senior Govt. officer, can't disclose the designation for security reasons.
Hussian is also a talented Photographer and Short film maker, so I shared one of his videos with the crowd that you can watch below:
Mud Volcanoes near Kund Malir Beach Balochistan
The seminar was attended by several outsiders which included Mohammad Abid (ACupOfBlog), Mohammad Ibrahim and Abdul Samad Essani (BornBlogger). Meeting Abdul Samad was surely a proud moment to see someone who waited for 4 years just to meet a small man like me. I honestly have no proper words to thank him for his love and respect. Therefore as a thanksgiving I wont share in detail the A-Z of what discussion took place that day and instead I will share Samad's blog post to give you a complete experience of the seminar from an attendee's point of view.
I asked three questions and distributed three gift hampers.
The first gift was given to a participant for describing the difference between Assets and Liabilities. I don't have his clear photo unfortunately.
The second gift was given to Abdul Samad for correctly pin-pointing up to four SEO mistakes live within 5 minutes in Eureka's official website. Three Contestants tried but only he could spot the knot correctly.
The third gift was given to Mohammad Abid for describing the key marketing strategy for bringing more sales to one of our ecommerce site. He received the most precious gift ever as shown in the video below:
An Unexpected Visitor!
During the presentation, I saw someone sitting at the back row. Upon a close look I happen to discover that it was my childhood friend and best classmate buddy, Muhammad Abbas Naqvi. I was really shocked to see him and yet amazed with this pleasant surprise. I called him on stage, introduced him and hugged him for such a beautiful gift. He works at Habib Bank and is ACCA certified but he came all the way to attend the seminar because he sincerely wanted to hear this little man's success story.
Than you buddy for taking out time and attending the seminar. This surprise will be glorified forever!
He did not choose to sit at front but rather choose to sit quietly at back row. Such is Abbas's humbleness. Love you bro!
Shields & Certificates Distribution
Every attendee was given a certificate of participation by Eureka management. Speakers were given shields and were served with hospitality not once but thrice something that I loved the most.
Special Thanks
Thank you Abrar Khan for inviting us and for the wonderful hospitality. Thank you for the refreshments, perfect arrangements, that beautiful standee gift and that punjabi Palao. It was surely not possible without you.
I will share our experience of the Country Inn conference in my next post where I happen to meet several TV news anchors, journalists and social activists.
Do share your feedback about this recent seminar that took place at Eureka. I wish the best of luck to all of you. You guys have a brilliant future and abundance of natural skills. It is time to just start using them without fearing failure as I said several times in the seminar: "In business there is either success or experience but never failure!"
If you have any queries, please feel free to post them below. I would love to answer them all. God bless you all buddies! =)
Note: This post is for educational purpose and a part of our entrepreneurship training where we aim to teach you how to think outside the box and explore the world with open eyes. 
On 13th August, 
