Posts

Showing posts with the label WIDGET BLOG

How To Add Social Horny Bookmarks v2 to Blogger

Image
This is the second model of "How To Add Sexy Social Bookmark to Blogger".The creator of Attractive Social Bookmarks is http://www.cssreflex.com/ .For second version of horny social bookmarks, you need to use jquery.I hosted horny bookmarks photos(2 pictures) in google code or other hosting service.Don't try to host photos in blogger.If you accomplish that this sexy bookmark widget is not going to work correctly.Under I clarify how you can add this horny bookmarks v2 on your blogspot blog.If you like so as to add it to your blog then comply with the steps given below. 1.Log in to your dashboard--> format- -> Edit HTML 2.Click on "Expand Widget Templates" 3.Scroll right down to where you see </head> tag. 4.Now add below code before </head> tag. var sexyBookmarkCount=jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).length; var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth); var sexyRowWidth=Math.min(numPerRow, sexyB...

21 Amazing jQuery Tabs Collection

Image
Using jQuery,we can do many things very easily than normal JavaScript.So jQuery has became the most popular JavaScript library in use today.I wrote my previous article about popular jQuery featured content sliders,that are used by web designers.In this article I am going to show you a better jQuery Tabs collection you can use for your websites or blogs.When we go to websites,we can see different types of jQuery Tabs.If you add a tab view to your website,it save a lot of space in your web pages.Also it gives a better appearance to your website or blog. You can visit authors websites for configuration instructions/guides,can view live demos of these jQuery Tabs and also you can download files of these tabs using the URLs given below.I checked all of these links and they are working correctly.But in future if this links doesn't work, please leave a comment.I hope to add more jQuery tabs to this article in the future ,so bookmark this web page for future reference.If t...

Optimise Blog Title for Search engine Results and increase visitors

The default titles of Blogger Post pages are of the form Blog Title + Post Title . But don't you feel that the Post Title should be given a little more importance on the Post Page? The search results including those on search engines like google and yahoo use these titles.So it is always better to keep your title more related to your post content. So here we are going to tweak the Blog 's title tag in post pages..Here is a hack that will change the title to the following attractive format Post Title + Blog Title This trick will help you to optimise the blog title for Search Engines like google yahoo, live bing and others. I am damn sure that this trick will increase your site's visitor count.. It will take a while for the Formatted titles to appear in search results(will appear when it is reindexed by the corresponding search engine ). 1.Login to your blogger account 2.From your Dashboard opt for Layout 3.Now choose Edit Html 4.You will see your templa...

Facebook Like/Fan Box For Blogger

Image
This tutorial is for everyone who has already created a Facebook Fan Page . If have not created one, try making one. A Fan Box or Like Box allows your Blog visitors to like your facebook fan page, without leaving your blog. It can also display faces of the “likers” on your blog. To add the fanbox to blogger, follow these steps: 1. Find out your Facebook Fan Page URL. To do that, just visit your Facebook Fan Page, and copy the url in the address bar. In my case it is http://www.facebook.com/bloggerplugins (The url which you see in the address bar when you visit your fanpage.) .Copy this url from your address bar. 2. Visit This page http://developers.facebook.com/docs/reference/plugins/like-box You have already copied the facebook fan page url. Paste this into the Facebook Page URL field Select the choices appropriately and you can see a live preview of the Like/Fan box. 3.Once you are satisfied with the looks of the Like Box, Click on the “ Get Code ” button 4. Copy the i...

How To Show Post Title Only on HomePage in Blogger

Image
Do you like to show only your blogger post title on your home page?Then follow the steps below: 1.Login to your blogger dashboard--> layout- -> Edit HTML 2.Scroll down to where you see </head> tag . 3.Copy below code and paste it just before the </head> tag . <style type='text/css'> <b:if cond='data:blog.pageType != "item"'></b:if> .post { margin:.5em 0 1.5em; border-bottom:0px dotted $bordercolor; padding-bottom:1.0em; height: 50 px; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:20px; font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif; font-weight:normal; line-height:1.4em; color: #cc6600 ; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color: #cc6600 ; font-weight:normal; } .post h3 strong, .post h3 a:hover {color: #333333 ;} .post-body {display:none;} .post-footer {display:none;} .comment-link {display:none;} .post img {display:none;} .post bl...

How To Compatible Blogger Blog With Mobile Phones

If you are using a Blogger Layout Template,this tutorial will helpful for you.But if your template is a blogger template,created by using Blogger Template Designer, usually this feature has already added to your template.This will really helpful to increase the number of mobile visitors of your blog. Now follow the simple steps given below to ready your blogger blog for mobile phones. 1.Login to your blogger Dashboard--> Design- -> Edit HTML 2.Scroll down to where you see below code: <b:include data='blog' name='all-head-content'/> 3.Now copy below code and paste it just before the above line. <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> <b:if cond='data:blog.isMobile'> <meta content='width=device-width,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if> 4.Now save your...

How To Add Perfect Share Box to Blogger

Image
In this tutorial, I am going to show how to add a useful share box for your blogger blog. This share box contains official Tweet button with counter, official Facebook share button with counter, official Google Buzz button with counter, official Stumbleupon button with counter, BlogThis! link, Email This! link, Print This! link, Comments count link and Facebook like button. I have configure all this button for Blogger blogs, so you can add this share box quickly to your blog. Now follow the steps given below to add this share box for your blog. 1.Login to your blogger Dashboard and go to --> Design- -> Edit HTML 2.Click on " Expand Widget Templates " 3.Scroll down to where you see below code: <div class='post-header-line-1'/> 4.Now Copy Share Box code given below and paste it just below the above code. NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "Twitter tweet button...

How To Install Dynamic Meta Description Tags

If you define a meta description tag for your home page it will be replicated for all your pages which would be taken as a duplicate ‘meta-tag’ in Google. With the code below you can have different description tag for each page of your blogspot hosted blog. 1.Login to your blogger dashboard-->layout--> Edit HTML 2.Scroll down to where you see this:- <b:include data='blog' name='all-head-content'/> 3.Copy the below code and paste it after above code. <META NAME='description' expr:content='data:blog.pageTitle + &quot;,PUT IN YOUR COMMON BLOG DESCRIPTION TAGS HERE &quot;'/> Replace PUT IN YOUR COMMON BLOG DESCRIPTION TAGS HERE with suitable description for your blog separated by comma. So if your blog is about Blogger tips,the tags can be blogger tips,tricks,hacks,blogspot tips ..... expr:content= ‘data:blog.pageTitle’ gets replaced by the title of your current page.So when combined with the common description t...

How To Add Disqus Comment System to Blogger

Image
DISQUS is a comments platform that helps you build an active community from your website's audience. It has awesome features, powerful tools, and it's easy to install.Before this I have explain how to add IntenseDebate comment system to blogger blog and now I am going to explain how to add Disqus comment system to your blogger blog. There are lot of good features with Disqus comment system when we comparing it with Blogger default comment system. Realtime comment system Comments become more like live discussions with realtime posting and updating. By offering a faster, more intuitive experience, Disqus is everyone's favorite way to comment. Notification and reply system The notification system lets people know when they've received a response. Best of all, they can continue the conversation straight from the email. Inline media embedding Full integration with media services such as Youtube, Flickr, and more. Attach media such as photos and video...

Submit Blog to Blog Directories to increase Traffic

Do you want more visitors and readers to your Blogsite? submitting your Blog URL to many good Blog directories as possible you can attract more visitors to your blog.So Start now to submit your blogsite to blog directories to make your Blog more visible. There are many blog directories on internet. Below I listed some good blog directories.You can join with them and below blog directories are completely free. Technorati : http://technorati.com/ Fuel My Blog : http://www.fuelmyblog.com/ Blogtoplist : http://www.blogtoplist.com/ Mybloggingarea : http://www.mybloggingarea.com/ Topblogarea : http://www.topblogarea.com/ Topblogging : http://www.topblogging.com/ Blogroll : http://blogroll.net/ Worldtopblogs : http://www.worldtopblogs.com/ Topbloglists : http://www.topbloglists.com/ Blogvillage : http://blogvillage.gotop100.com/ Blogelites : http://www.blogelites.com/ Myblogdirectory : http://www.myblogdirectory.net/ Blogcatalog : http://www...

How To Change Default Title Tag on Blogger for SEO

This Tip will change the Blogger's title tag to help amplify relevant keywords to your blog which improve the search engine ranking of your blog. 1.Log in to your dashboard--> layout- -> Edit HTML 2.Scroll down to where you see this:- <title><data:blog.pageTitle/></title> 3.Now Replace above line with below code. <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <b:else/> <title><data:blog.pageName/> ~ <data:blog.title/></title> </b:if> Click on " Save Templates " and you are done.

MEMBUAT KOMENTAR DIBAWAH POSTINGAN BLOG

Image
Akhirnya datang juga.... Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati. Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan. 1. Login ke http://draft.blogger.com , Ingat yang http://draft.blogger.com bukan blogger.com. 2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah) 3. Kemudian klik "Save Setting" Sekarang coba kamu lihat blogmu ...
Image
Apa itu pageview? Pageview adalah nilai rata-rata jumlah halaman b log kita yang diakses oleh satu visitor dalam satu kali kunjungan.Pageview ini sangat penting sekali, karena anda bisa mengukur seberapa bermanfaatkah atau seberapa menarikah artikel anda untuk para pembaca blog anda, bila pageview anda tinggi walaupun dengan visitor yang masih minim itu berarti artikel-artikel yang anda tulis cukup memberikan manfaat dan menarik perhatian untuk pembaca.Hal ini pun menurut pengalaman pribadi saya bisa menambah semangat anda dalam menulis.Coba anda bayangkan ketika blog anda mempunyai traffic yang tinggi ditambah artikel-artikel anda yang menarik dan bermanfaat sudah dipastikan pageview anda juga akan sangat tinggi mungkin bisa menyamai blog ini bahkan mungkin bisa melewati blog CHOKY BEMBENK ini :D. Saya akan memberikan 5 tips sederhana yang bisa meningkatkan pageview blog anda : 1. Mengupdate Artikel Setiap Hari. Mengapa harus update artikel setiap hari?apa hubungann...

MEMPERCANTIK BLOG DENGAN WIDGET-WIDGET KREN

Image
Bicara soal BLOG, kita pasti mengena istilah Widget ataupun Gadget. Widget digunakan kebanyakan Blogger untuk memperindah, kecantikan, menambah fungsionalitas, koleksi, dll. Widget sendiri merupakan sebuah elemen atau bagian dari blog dan mudah digunakan baik yang telah disediakan oleh penyedia layanan blog, ataupun widget dari pihak ketiga. Para pembuat widget memang membuat proses pemasangan secara mudah. Widget bisa didapat melalui situs penyedia widget. Ada yang harus mendaftar dulu di layanan ini, ada juga yang free, langsung copy paste script (embed) yang telah disediakan dalam element blog Anda Untuk tidak membuat blog anda berkesan acak-acakan dan menjadi lambat, sebaiknya pilihlah widget yang sesuai dengan tema dari blog anda. Dan jangan menambahkan widget yang memang tidak menambah informasi bagi  blog anda. Dibawah ini ada terdapat banyak info dari widget yang bisa anda gunakan, diantaranya adalah : 1. MyBlogLog’s Recent Readers – Widget satu ini sejak keh...