// API callback
related_results_labels_thumbs({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-6437818070294764738"},"updated":{"$t":"2021-07-21T16:17:24.741-07:00"},"category":[{"term":"Top Tricks"},{"term":"Top Hacking"},{"term":"Best"},{"term":"best tricks in the universe"},{"term":"Famous Tricks"},{"term":"amazing tricks"},{"term":"best tricks"},{"term":"Android"},{"term":"Android apps"},{"term":"FWS weekend tricks"},{"term":"Facebook Tricks"},{"term":"how to"},{"term":"Best Earning"},{"term":"Free Earning Tricks"},{"term":"Windows"},{"term":"Facebook"},{"term":"hidden tricks"},{"term":"ipad"},{"term":"iphone"},{"term":"Games"},{"term":"Mobile"},{"term":"Website tricks"},{"term":"ipod touch"},{"term":"480P Movies"},{"term":"Allwinner"},{"term":"Allwinner a10"},{"term":"Blogger"},{"term":"a10"},{"term":"movies downloads"},{"term":"pc tricks"},{"term":"Airtel tricks"},{"term":"apple"},{"term":"likes"},{"term":"Artisteer"},{"term":"Free Facebook Likes"},{"term":"Mobile lost help"},{"term":"Notepad Tricks"},{"term":"SixApps Blog"},{"term":"Tabs"},{"term":"Wallpapers"},{"term":"Youtube Tricks"},{"term":"cydia"},{"term":"ios"},{"term":"ipod thouch"},{"term":"jailbreaked device tricks"},{"term":"recharge"},{"term":"storge"},{"term":"tv series"}],"title":{"type":"text","$t":"FWS Tricks "},"subtitle":{"type":"html","$t":" "},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"http:\/\/www.fwstricks.co.vu\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6437818070294764738\/posts\/default\/-\/Blogger?alt=json-in-script\u0026max-results=8"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.fwstricks.co.vu\/search\/label\/Blogger"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"J.T"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/07991140741470709661"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"3"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"8"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-6437818070294764738.post-1734440316074439770"},"published":{"$t":"2014-04-14T06:48:00.000-07:00"},"updated":{"$t":"2014-04-14T06:48:19.087-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Best"},{"scheme":"http://www.blogger.com/atom/ns#","term":"best tricks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Famous Tricks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"}],"title":{"type":"text","$t":"How to make images unclickable and un-draggable in Blogger"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\u003Cdiv style=\"background-color: white; color: #666666; font-size: 15px; line-height: 22px; margin-bottom: 1.2em; padding: 0px;\"\u003E\u003Cspan style=\"font-family: Verdana, sans-serif;\"\u003EIf you are running a Blogger blog then you will know that all your media files are hosted in Google’s server that is in Picasa. In\u0026nbsp;Blogger you are always limited\u0026nbsp;and for media files you will get a free storage space of 1 GB which is more than enough. Since Blogger is free people never care about optimizing their images, they simply upload huge image files to the server which eventually slow downs the site. For the purpose of SEO and to preserve the server space and image bandwidth it is must that you optimize all your images before uploading.\u003C\/span\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; color: #666666; font-size: 15px; line-height: 22px; margin-bottom: 1.2em; padding: 0px;\"\u003E\u003Cspan style=\"font-family: Verdana, sans-serif;\"\u003EWhat will you do if you run out of free space in feature, probably you will start to host your images in sites like photo bucket, Flickr, Image Shack etc. You will host in third party image servers and call it to your site. In Blogger Whenever you add an image in to your post or page whether by uploading or calling straight from the URL, you don’t have the option to unlink the image.\u003C\/span\u003E\u003Cimg alt=\"How to unlink blogger images, make images unclickable and undraggable\" class=\"aligncenter\" height=\"248\" src=\"http:\/\/blogtimenow.com\/images\/blogger-images-unlink-unclikcable-undraggable2.jpg\" style=\"border: 0px; box-sizing: border-box; display: block; height: auto; margin: 0px auto 15px; max-width: 100%; padding: 0px; text-align: center;\" width=\"598\" \/\u003E\u003Cspan style=\"font-family: Verdana, sans-serif;\"\u003ESo you simply add it in your post and you publish it, but without your knowledge that image sends some link juice to the site where you linked that image from. Here let’s see how to unlink an image.\u003C\/span\u003E\u003C\/div\u003E\u003Ch3 style=\"background-color: white; font-size: 1.4em; font-weight: normal; line-height: 1.4em; margin: 20px 0px 0.4em; padding: 0px;\"\u003E\u003Cspan style=\"color: #325ba3; margin: 0px; padding: 0px;\"\u003E\u003Cstrong style=\"margin: 0px; padding: 0px;\"\u003E\u003Cspan style=\"font-family: Verdana, sans-serif;\"\u003EHow to make images unclickable and undraggable in Blogger\u003C\/span\u003E\u003C\/strong\u003E\u003C\/span\u003E\u003C\/h3\u003E\u003Cdiv style=\"background-color: white; color: #666666; font-size: 15px; line-height: 22px; margin-bottom: 1.2em; padding: 0px;\"\u003E\u003Cspan style=\"font-family: Verdana, sans-serif;\"\u003EAs normally you can notice that all your images are clickable and draggable. On clicking it the image gets enlarged and if you wish to disable it then here is how you do it.\u003C\/span\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; color: #666666; font-size: 15px; line-height: 22px; margin-bottom: 1.2em; padding: 0px;\"\u003E\u003Cimg alt=\"How to make images unclickable and undraggable in Blogger - link unlink images\" class=\"aligncenter\" height=\"315\" src=\"http:\/\/blogtimenow.com\/images\/blogger-images-unlink-unclikcable-undraggable3.jpg\" style=\"border: 0px; box-sizing: border-box; display: block; height: auto; margin: 0px auto 15px; max-width: 100%; padding: 0px; text-align: center;\" width=\"478\" \/\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; color: #666666; font-size: 15px; line-height: 22px; margin-bottom: 1.2em; padding: 0px;\"\u003E\u003Cspan style=\"font-family: Verdana, sans-serif;\"\u003EAfter inserting the image using compose mode click on that image and you can see that the link option will be highlighted. To make the image unclickable just unlink it and if you would like to link the image to some other URL then click on the link option and then add the URL. You will also have options like making the image link nofollow and opening the image link in new tab, enable it if you want.\u003C\/span\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; color: #666666; font-size: 15px; line-height: 22px; margin-bottom: 1.2em; padding: 0px;\"\u003E\u003Cimg alt=\"How to link and unlink blogger images, make image unclickable and undraggable\" class=\"aligncenter\" height=\"319\" src=\"http:\/\/blogtimenow.com\/images\/blogger-images-unlink-unclikcable-undraggable4.jpg\" style=\"border: 0px; box-sizing: border-box; display: block; height: auto; margin: 0px auto 15px; max-width: 100%; padding: 0px; text-align: center;\" width=\"474\" \/\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; color: #666666; font-size: 15px; line-height: 22px; margin-bottom: 1.2em; padding: 0px;\"\u003E\u003Cspan style=\"font-family: Verdana, sans-serif;\"\u003EYou have un-linked the image and the image is now unclickable, so how to make it un-draggable. To make the image un-draggable switch to HTML editor and add\u0026nbsp;\u003Cstrong style=\"margin: 0px; padding: 0px;\"\u003Edraggable=”false”\u003C\/strong\u003E\u0026nbsp;in to your image tag just like you see below.\u003C\/span\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; color: #666666; font-size: 15px; line-height: 22px; margin-bottom: 1.2em; padding: 0px; text-align: center;\"\u003E\u003Cspan style=\"font-family: Verdana, sans-serif;\"\u003E\u0026lt;img\u0026nbsp;\u003Cstrong style=\"margin: 0px; padding: 0px;\"\u003Edraggable=”false”\u003C\/strong\u003E\u0026nbsp;border=”0″ src=”http:\/\/4.bp.blogspot.com\/-AJxidtt1EI4\/UleuojLuBXI\/AAAAAAAAAIE\/Oyi92HpWBvo\/s320\/sample-1.jpg” height=”240″ width=”320″ \/\u0026gt;\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/www.fwstricks.co.vu\/feeds\/1734440316074439770\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/www.fwstricks.co.vu\/2014\/04\/how-to-make-images-unclickable-and-un.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6437818070294764738\/posts\/default\/1734440316074439770"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6437818070294764738\/posts\/default\/1734440316074439770"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.fwstricks.co.vu\/2014\/04\/how-to-make-images-unclickable-and-un.html","title":"How to make images unclickable and un-draggable in Blogger"}],"author":[{"name":{"$t":"J.T"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/07991140741470709661"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-6437818070294764738.post-8638376663181261678"},"published":{"$t":"2013-10-11T06:17:00.001-07:00"},"updated":{"$t":"2013-10-11T07:16:57.048-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"amazing tricks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Best"},{"scheme":"http://www.blogger.com/atom/ns#","term":"best tricks in the universe"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Famous Tricks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Free Earning Tricks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"FWS weekend tricks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"pc tricks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Top Hacking"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Top Tricks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Website tricks"}],"title":{"type":"text","$t":"How To : Make a site like blogger with HOSTING  free [with video tutorial]"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003EHey Friends Today i am posting a very special trick\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u0026nbsp;How To : Make a site like blogger with HOSTING\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u003Cbr \/\u003E\u003C\/span\u003E\u003C\/b\u003E\u003Cb\u003ESo first go to :\u0026nbsp;\u003Ca href=\"http:\/\/freewebhostingarea.com\/\" target=\"_blank\"\u003EFree Hosting Website\u003C\/a\u003E\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EEnter the domain \u0026nbsp;click proceed (shown below )\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-k4SRsAYHGZk\/Ulfw9wMeRZI\/AAAAAAAAATs\/PMZW7qWLkdo\/s1600\/1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"252\" src=\"http:\/\/3.bp.blogspot.com\/-k4SRsAYHGZk\/Ulfw9wMeRZI\/AAAAAAAAATs\/PMZW7qWLkdo\/s640\/1.png\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E-------------------------------------------------------------------------------------------\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-C63kGxtt6kQ\/Ulfynd5yylI\/AAAAAAAAAT4\/TDt_h5lSJZM\/s1600\/2.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"384\" src=\"http:\/\/4.bp.blogspot.com\/-C63kGxtt6kQ\/Ulfynd5yylI\/AAAAAAAAAT4\/TDt_h5lSJZM\/s640\/2.png\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E------------------------------------------------------------------------------------------------------------\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-EYxUZRUYTuA\/UlfzqBs708I\/AAAAAAAAAUA\/vJk53WsbG8Q\/s1600\/3.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"211\" src=\"http:\/\/4.bp.blogspot.com\/-EYxUZRUYTuA\/UlfzqBs708I\/AAAAAAAAAUA\/vJk53WsbG8Q\/s640\/3.png\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EDownload \u003Cb\u003EFilezilla \u003C\/b\u003E(search Google)\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-Z6vMttDT3fQ\/Ulf2XNBJeuI\/AAAAAAAAAUY\/zfXszUGbYPM\/s1600\/4.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"340\" src=\"http:\/\/4.bp.blogspot.com\/-Z6vMttDT3fQ\/Ulf2XNBJeuI\/AAAAAAAAAUY\/zfXszUGbYPM\/s640\/4.png\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003Enow delete all the files which is pre-uploaded\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003ENOW IS THE MAIN STEP :\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003E\u003Cbr \/\u003E\u003C\/b\u003E\u003C\/span\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003Enow \u0026nbsp;go to :\u0026nbsp;\u003Ca href=\"http:\/\/blogger.com\/\" target=\"_blank\"\u003Eblogger.com\u003C\/a\u003E\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Cbr \/\u003E\u003C\/span\u003E\u003Cspan style=\"font-size: large;\"\u003Ethen select you blog then go to posts open \u0026nbsp;a post then click \u003Cb\u003EHTML\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003E\u003Cbr \/\u003E\u003C\/b\u003E\u003C\/span\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003ECOPY ALL THE CODE, NOW GO TO FILEZILLA :\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-7YMAlzjBSSs\/Ulf4gapk56I\/AAAAAAAAAUk\/apx6XeprCk4\/s1600\/5.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"386\" src=\"http:\/\/4.bp.blogspot.com\/-7YMAlzjBSSs\/Ulf4gapk56I\/AAAAAAAAAUk\/apx6XeprCk4\/s640\/5.png\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E----------------------------------------------------------------------------------------\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003EClick Create new file Give the file name : index.php\u003C\/b\u003E\u003Cbr \/\u003E\u003Cb\u003Enow right click on index.php and click View \/Edit\u0026nbsp;\u003C\/b\u003E\u003Cbr \/\u003E\u003Cb\u003ENow Notepad will open first type in the post title then leave 4-5 lines then paste the code we copied from blogger\u003Cbr \/\u003E\u003Cbr \/\u003EIn index.php after pasting code the press CTRL+S then click cross (close it)\u003C\/b\u003E\u003Cbr \/\u003E\u003Cb\u003E\u003Cbr \/\u003E\u003C\/b\u003E\u003Cb\u003Eyou will see a dialog box press \u003C\/b\u003Eyes\u003Cbr \/\u003E\u003Cb\u003Enow open index.php again \u0026nbsp;then scroll down to bottom leave more than 4-5 lines again paste any other title and go to blogger then go to a post get its HTML paste there You can repeat this step again and again for more posts!\u003C\/b\u003E\u003Cbr \/\u003E\u003Cb\u003E\u003Cbr \/\u003E\u003C\/b\u003E\u003Cspan style=\"font-size: x-large;\"\u003E\u003Cb\u003EIn my next posts i will teach you all for its customization!\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003E\u003Cbr \/\u003E\u003C\/b\u003E\u003Cspan style=\"font-size: x-large;\"\u003E\u003Cb\u003ESO VISIT MY RIGHT NOW\u0026nbsp;\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-size: x-large;\"\u003E\u003Cb\u003ELINK :\u0026nbsp;\u003Ca href=\"http:\/\/fwstricks.eu5.org\/\" target=\"_blank\"\u003Ehttp:\/\/fwstricks.eu5.org\/\u003C\/a\u003E\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-size: x-large;\"\u003E\u003Cbr \/\u003E\u003C\/span\u003E\u003Cspan style=\"font-size: x-large;\"\u003EVideo HERE!!!!\u003C\/span\u003E\u003C\/div\u003E\u003Ciframe allowfullscreen=\"\" frameborder=\"0\" height=\"344\" src=\"\/\/www.youtube.com\/embed\/z_RSFCtWLfs\" width=\"459\"\u003E\u003C\/iframe\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/www.fwstricks.co.vu\/feeds\/8638376663181261678\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/www.fwstricks.co.vu\/2013\/10\/BestTrickOfOurBLOG.html#comment-form","title":"3 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6437818070294764738\/posts\/default\/8638376663181261678"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6437818070294764738\/posts\/default\/8638376663181261678"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.fwstricks.co.vu\/2013\/10\/BestTrickOfOurBLOG.html","title":"How To : Make a site like blogger with HOSTING  free [with video tutorial]"}],"author":[{"name":{"$t":"J.T"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/07991140741470709661"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-k4SRsAYHGZk\/Ulfw9wMeRZI\/AAAAAAAAATs\/PMZW7qWLkdo\/s72-c\/1.png","height":"72","width":"72"},"thr$total":{"$t":"3"}},{"id":{"$t":"tag:blogger.com,1999:blog-6437818070294764738.post-8373191143156569345"},"published":{"$t":"2013-10-09T10:07:00.001-07:00"},"updated":{"$t":"2013-10-09T10:07:50.477-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Artisteer"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Top Tricks"}],"title":{"type":"text","$t":"How To : make a professional template for blogger with artisteer"},"content":{"type":"html","$t":"\u003Cspan class=\"Apple-style-span\" style=\"color: rgb(70, 70, 70); font-family: lora; font-size: 14px; line-height: 25px; -webkit-tap-highlight-color: rgba(26, 26, 26, 0.296875); -webkit-composition-fill-color: rgba(175, 192, 227, 0.230469); -webkit-composition-frame-color: rgba(77, 128, 180, 0.230469); -webkit-text-size-adjust: auto; \"\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cdiv class=\"mblpostthumb\" style=\"float: right !important; margin-top: -260px !important; margin-right: 10px !important; height: 217px !important; width: 265px !important; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(210, 210, 210); border-right-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-left-color: rgb(210, 210, 210); \"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-XK1hoRHdlBs\/UWFv2HGjxpI\/AAAAAAAAPRE\/m4ab_2OVNIY\/s1600\/How-to-Create-a-Professional-Blogger-Template-using-Artisteer.png\" imageanchor=\"1\" style=\"margin-top: 0px; margin-right: 1em; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(47, 105, 134); clear: left; float: left; \"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-XK1hoRHdlBs\/UWFv2HGjxpI\/AAAAAAAAPRE\/m4ab_2OVNIY\/s1600\/How-to-Create-a-Professional-Blogger-Template-using-Artisteer.png\" width=\"265px\" style=\"margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(210, 210, 210); border-right-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-left-color: rgb(210, 210, 210); border-style: initial !important; border-color: initial !important; position: relative; z-index: -1; width: 265px !important; max-height: 217px !important; \"\u003E\u003C\/a\u003E\u003C\/div\u003EBlogger has a remarkable Template designer that helps you in customizing your themes and templates. The designer tool helps you to change the background, fonts, color etc, but it does not allow you to change its appearance. Often we get emails from users that how we can design a custom Blogger template without learning HTML or CSS coding? \u0026nbsp;In most cases, people prefer to hire some developers but a person who is new to blogging, perhaps he is a beginner cannot pay thousands of dollars to a professional web developer. Using Artisteer you can create your very-own custom blogger template within few minutes. Today in this article, we will discuss How to Create a Professional Blogger Template using Artisteer.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003C\/div\u003E\u003Ca name=\"more\" style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(47, 105, 134); \"\u003E\u003C\/a\u003E\u003Cbr\u003E\u003Ch4 style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; font-size: 18px; line-height: 30px; color: rgb(70, 70, 70); font-family: Oswald, Helvetica, Arial; text-align: left; \"\u003EWhat is Artisteer – Web Design Software?\u003C\/h4\u003E\u003Cdiv style=\"text-align: justify; \"\u003EHonestly, the combination of CSS with HTML is incredible, but guys who don’t want to get their hands dirty with some confusing coding could always prefer Artisteer. It is the first web based automotive web design software that supports almost all foremost blogging platforms like Blogger, WordPress, Jhoomla and Drupal. \u0026nbsp;It instantly creates themes and templates for your website through just drag and drop there is no need of HTML or CSS coding. Following are few prominent features of this software.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cbr\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003C\/div\u003E\u003Cul style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; \"\u003E\u003Cli style=\"line-height: 1.8em; background-image: url(http:\/\/3.bp.blogspot.com\/_7wsQzULWIwo\/SuM3oFg5zlI\/AAAAAAAACHo\/n5UluB5ugMI\/s400\/255.gif); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.3em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0.8em; padding-left: 20px; background-position: 0px 4px; background-repeat: no-repeat no-repeat; \"\u003EAllow you to design incredible web templates not in minutes, in seconds.\u0026nbsp;\u003C\/li\u003E\u003Cli style=\"line-height: 1.8em; background-image: url(http:\/\/3.bp.blogspot.com\/_7wsQzULWIwo\/SuM3oFg5zlI\/AAAAAAAACHo\/n5UluB5ugMI\/s400\/255.gif); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.3em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0.8em; padding-left: 20px; background-position: 0px 4px; background-repeat: no-repeat no-repeat; \"\u003ECreate different pages for your website using drag and drop options.\u0026nbsp;\u003C\/li\u003E\u003Cli style=\"line-height: 1.8em; background-image: url(http:\/\/3.bp.blogspot.com\/_7wsQzULWIwo\/SuM3oFg5zlI\/AAAAAAAACHo\/n5UluB5ugMI\/s400\/255.gif); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.3em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0.8em; padding-left: 20px; background-position: 0px 4px; background-repeat: no-repeat no-repeat; \"\u003EAllows you to either edit an existing theme or create a new one.\u0026nbsp;\u003C\/li\u003E\u003Cli style=\"line-height: 1.8em; background-image: url(http:\/\/3.bp.blogspot.com\/_7wsQzULWIwo\/SuM3oFg5zlI\/AAAAAAAACHo\/n5UluB5ugMI\/s400\/255.gif); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.3em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0.8em; padding-left: 20px; background-position: 0px 4px; background-repeat: no-repeat no-repeat; \"\u003EThere is no need to learn Photoshop, CSS, HTML or any other web designing language.\u003C\/li\u003E\u003C\/ul\u003E\u003Cbr\u003E\u003Ch4 style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; font-size: 18px; line-height: 30px; font-weight: normal !important; color: rgb(70, 70, 70); font-family: Oswald, Helvetica, Arial; text-align: left; \"\u003EHow To Create Blogger Templates Through Artisteer:\u003C\/h4\u003E\u003Cdiv style=\"text-align: justify; \"\u003EThe First thing you need to do is to\u0026nbsp;\u003Ca href=\"http:\/\/www.artisteer.com\/?p=downloads\" rel=\"nofollow\" target=\"_blank\" style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(47, 105, 134); \"\u003EDownload and install Artisteer\u003C\/a\u003E. Just like\u0026nbsp;\u003Ca href=\"http:\/\/www.mybloggerlab.com\/2013\/04\/how-to-customize-your-blogger-template.html\" style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(47, 105, 134); \"\u003ECodelobster\u003C\/a\u003E\u0026nbsp;this software is also not a freeware. However, its trial version still allows you to create, export or import web templates so if you want to buy a premium version then it’s your choice because trial version works as good as the paid one.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cbr\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003EThe installation wizard is quite straightforward, just follow the instructions as it guides through the installation. Once installations finishes open the software either from your start menu, or from your desktop. \u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cbr\u003E\u003C\/div\u003E\u003Ch4 style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; font-size: 18px; line-height: 30px; font-weight: normal !important; color: rgb(70, 70, 70); font-family: Oswald, Helvetica, Arial; text-align: left; \"\u003EStep#1: Creating a New Blogger Template:\u003C\/h4\u003E\u003Cdiv style=\"text-align: justify; \"\u003EAfter opening Artisteer, the next thing is to create a new template document so go to File \u0026gt;\u0026gt; New. Now a new wizard will appear asking you to select a CMS (Content management system). It supports four most popular CMS system i.e. Blogger, Drupal, WordPress, DukeNetNuke and Jhoomla. Since, you are trying to create a blogger template, so you would select the “Blogger” icon. However, you can also work on other CMS themes. \u0026nbsp;Once done proceed to the next step.\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center; \"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-rTmH9DZxAN0\/UWFjtSDmQGI\/AAAAAAAAPP8\/I98mZtXuNXg\/s1600\/Artisteer-Blogger-Getting-started.png\" imageanchor=\"1\" style=\"margin-top: 0px; margin-right: 1em; margin-bottom: 0px; margin-left: 1em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(47, 105, 134); \"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-rTmH9DZxAN0\/UWFjtSDmQGI\/AAAAAAAAPP8\/I98mZtXuNXg\/s1600\/Artisteer-Blogger-Getting-started.png\" style=\"margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(210, 210, 210); border-right-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-left-color: rgb(210, 210, 210); border-style: initial !important; border-color: initial !important; position: relative; z-index: -1; \"\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Ch4 style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; font-size: 18px; line-height: 30px; font-weight: normal !important; color: rgb(70, 70, 70); font-family: Oswald, Helvetica, Arial; text-align: left; \"\u003EStep#2: \u0026nbsp;Designing the Header:\u003C\/h4\u003E\u003Cdiv style=\"text-align: justify; \"\u003ENow you would be able to see a Simple blog theme, using the custom functions you would convert it into a professional theme. To start off you have to design your header area. On the tool bar there is an option known as “Header” just select it as shown in the screenshot below.\u0026nbsp;\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center; \"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-OEptKqIPEb0\/UWFk7SzA3ZI\/AAAAAAAAPQI\/0BajrpsDils\/s1600\/Customizing-header-artisteer.png\" imageanchor=\"1\" style=\"margin-top: 0px; margin-right: 1em; margin-bottom: 0px; margin-left: 1em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(47, 105, 134); \"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-OEptKqIPEb0\/UWFk7SzA3ZI\/AAAAAAAAPQI\/0BajrpsDils\/s1600\/Customizing-header-artisteer.png\" style=\"margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(210, 210, 210); border-right-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-left-color: rgb(210, 210, 210); border-style: initial !important; border-color: initial !important; position: relative; z-index: -1; \"\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003EIt will provide you numberless option through which you can change the width, height, background, position and lots of other things in your header. In fact, you can also use ready-to-use Flash and gradient background effects. Doesn’t that sound interesting? You can also use “Suggest Header” tool that assists your design and automatically applies a design that matches your color scheme and style.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cbr\u003E\u003C\/div\u003E\u003Ch4 style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; font-size: 18px; line-height: 30px; font-weight: normal !important; color: rgb(70, 70, 70); font-family: Oswald, Helvetica, Arial; text-align: left; \"\u003EStep#3: Designing a Perfect Sidebar:\u003C\/h4\u003E\u003Cdiv style=\"text-align: justify; \"\u003EEvery blog has a sidebar that usually appears either on the left or right side of a website. On selecting “Sidebar” from the toolbar, it would provide you a few options. You can change the layout, add two sidebars, and can even customize it appearance.\u0026nbsp;\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center; \"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-PTK5Lur6xPQ\/UWFl0aDwR0I\/AAAAAAAAPQU\/lXX8hdCkMAg\/s1600\/Customize-sidebar-blogger.png\" imageanchor=\"1\" style=\"margin-top: 0px; margin-right: 1em; margin-bottom: 0px; margin-left: 1em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(47, 105, 134); \"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-PTK5Lur6xPQ\/UWFl0aDwR0I\/AAAAAAAAPQU\/lXX8hdCkMAg\/s1600\/Customize-sidebar-blogger.png\" style=\"margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(210, 210, 210); border-right-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-left-color: rgb(210, 210, 210); border-style: initial !important; border-color: initial !important; position: relative; z-index: -1; \"\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003EIf you wish to add two sidebars in your website select “Layout” from the sidebar menu which would provide you a couple of options such as one column, two columns and three columns. You can select it according to your needs.\u0026nbsp;\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center; \"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-itqgK4eGA90\/UWFmHEFUSzI\/AAAAAAAAPQc\/ZBRIAH4Ghqc\/s1600\/layout-sidebar-artisteer-blogger.png\" imageanchor=\"1\" style=\"margin-top: 0px; margin-right: 1em; margin-bottom: 0px; margin-left: 1em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(47, 105, 134); \"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-itqgK4eGA90\/UWFmHEFUSzI\/AAAAAAAAPQc\/ZBRIAH4Ghqc\/s1600\/layout-sidebar-artisteer-blogger.png\" style=\"margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(210, 210, 210); border-right-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-left-color: rgb(210, 210, 210); border-style: initial !important; border-color: initial !important; position: relative; z-index: -1; \"\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003EThere are lots of other options like styling and coloring your sidebar. You can experiment all the functions and can create a new thing every time you play with them. However, if you have no idea how to style the sidebar, then you can try the “Suggest Sidebar” tool and this software would advise a few modifications.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cbr\u003E\u003C\/div\u003E\u003Ch4 style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; font-size: 18px; line-height: 30px; font-weight: normal !important; color: rgb(70, 70, 70); font-family: Oswald, Helvetica, Arial; text-align: left; \"\u003EStep#4: Designing an Impressive Post Page:\u003C\/h4\u003E\u003Cdiv style=\"text-align: justify; \"\u003EPost pages are the basic need of a website. Without having a proper post design your blogs remain empty or incomplete. To design impressive post pages select “Article” button present on the toolbar. It would take you to a list of options that can help you in creating an ideal post pages for your site. You can Change the Heading style, fonts, color, Blockquote and appearance of your post area.\u0026nbsp;\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center; \"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-eFU99bIhxVs\/UWFmi7TFLLI\/AAAAAAAAPQk\/96tRVLQDEl0\/s1600\/Customizing-postpages-blogger.png\" imageanchor=\"1\" style=\"margin-top: 0px; margin-right: 1em; margin-bottom: 0px; margin-left: 1em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(47, 105, 134); \"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-eFU99bIhxVs\/UWFmi7TFLLI\/AAAAAAAAPQk\/96tRVLQDEl0\/s1600\/Customizing-postpages-blogger.png\" style=\"margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(210, 210, 210); border-right-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-left-color: rgb(210, 210, 210); border-style: initial !important; border-color: initial !important; position: relative; z-index: -1; \"\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003EAll tools are there to help you, you can experiment each of them and can convert your theme into a masterpiece.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cbr\u003E\u003C\/div\u003E\u003Ch4 style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; font-size: 18px; line-height: 30px; font-weight: normal !important; color: rgb(70, 70, 70); font-family: Oswald, Helvetica, Arial; text-align: left; \"\u003EStep#4: Designing Other Core Elements of your Template:\u003C\/h4\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cb\u003EFooter:\u0026nbsp;\u003C\/b\u003EYou can also create a unique footer area for your site using the “Footer” button located on the tool bar. It doesn’t have lots of options for customization, but they are enough to create a decent footer.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cbr\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cb\u003EMenu:\u0026nbsp;\u003C\/b\u003EBy default, you get multi-drop down menus, so you do not code them from scratch. However, you can customize theme accordingly from the “Menu” button. It has a lot of options for customization.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cbr\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cb\u003EBackground:\u0026nbsp;\u003C\/b\u003EUsing the background tool, you can either upload image backgrounds or can use the custom gradient color backgrounds. You can also add texture to your background using the same tool.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cbr\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cb\u003ELayout:\u0026nbsp;\u003C\/b\u003EYou can either use full-width layout or can select a certain width using the “Layout” option located at the toolbar. You can add border to your layout, texture, and other fascinating stuff to play.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify; \"\u003E\u003Cbr\u003E\u003C\/div\u003E\u003Ch4 style=\"margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; font-size: 18px; line-height: 30px; font-weight: normal !important; color: rgb(70, 70, 70); font-family: Oswald, Helvetica, Arial; text-align: left; \"\u003EStep#5: Exporting Your Blogger Template:\u003C\/h4\u003E\u003Cdiv style=\"text-align: justify; \"\u003EOnce your template is ready, it is time to export so that you can upload it on your blog. Go to File \u0026gt;\u0026gt; Export \u0026gt;\u0026gt; Export Template \u0026gt;\u0026gt; save the file. Remember: The file would be saved in .zip extension, so you need WinRAR to unzip it. The package would consist of two files i.e. the main blogger template in .xml format and a folder of pattern images.\u0026nbsp;\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center; \"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-a3w2FYNjxJk\/UWFndByANqI\/AAAAAAAAPQs\/axjDrAriVuY\/s1600\/Export-Blogger-Template-Artisteer.png\" imageanchor=\"1\" style=\"margin-top: 0px; margin-right: 1em; margin-bottom: 0px; margin-left: 1em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(47, 105, 134); \"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-a3w2FYNjxJk\/UWFndByANqI\/AAAAAAAAPQs\/axjDrAriVuY\/s1600\/Export-Blogger-Template-Artisteer.png\" style=\"margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(210, 210, 210); border-right-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-left-color: rgb(210, 210, 210); border-style: initial !important; border-color: initial !important; position: relative; z-index: -1; \"\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr\u003E\u003C\/div\u003E\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/www.fwstricks.co.vu\/feeds\/8373191143156569345\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http:\/\/www.fwstricks.co.vu\/2013\/10\/how-to-make-professional-template-for.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6437818070294764738\/posts\/default\/8373191143156569345"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6437818070294764738\/posts\/default\/8373191143156569345"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.fwstricks.co.vu\/2013\/10\/how-to-make-professional-template-for.html","title":"How To : make a professional template for blogger with artisteer"}],"author":[{"name":{"$t":"J.T"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/07991140741470709661"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-XK1hoRHdlBs\/UWFv2HGjxpI\/AAAAAAAAPRE\/m4ab_2OVNIY\/s72-c\/How-to-Create-a-Professional-Blogger-Template-using-Artisteer.png","height":"72","width":"72"},"thr$total":{"$t":"0"}}]}});