Showing posts with label blogger. Show all posts
How To Post Automated Website Links On Social networks like Facebook, Twitter, etc.
In this Tutorial i will help you to how to post link of your blog or website on social websites like facebook twitter myspace etc.just follow the steps.
1.go to http://feedburner.google.com/
2.put your website name and make your feed.
3. copy your feed adress and paste on your blogger
where image given below
5. dlvr.it asking your feed adress so put your adress and set up your account .
for any help , write on comment box
Facebook Like Box For Website Or Blog With Po up Window
because social networks are those sites which can increase your site traffic.
1. go to blogger
2.open layot then click on add a gadget
3. choose html/javascript
4. copy the code given below
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/aniketgamezone&width=292&height=258&
amp;colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:292px; height:258px;" ></iframe>
the code written in red color simply change on your own username page
5. save it.
2. If you wish to put pop up Facebook Widget For Your site
then Copy the following links
<!--
DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA.
Facebook Likebox using jQuery Lightbox - Extended v1.0
Source Url: http://www.techprevue.com/2013/05/facebook-likebox-using-jquery-lightbox.html
This widget is distributed under cc license - BY-NC-ND INT. No-derivatives Allowed.
jQuery Colorbox Credit: http://www.jacklmoore.com/colorbox/
Please keep intact this copyright notice if you are using or distributing this widget on your website/site/blog.
-->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script src="//sites.google.com/site/techprevue/home/jquery.colorbox.min.js"></script>
<link rel="stylesheet" href="//sites.google.com/site/techprevue/home/colorbox.css" type="text/css" />
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var setDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + setDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"430px", height:"470px", inline:true, href:"#tP"});
}
});
</script>
<div style="display:none">
<div id="tP" style="background:#fff;position:scroll;z-index:99999999">
<div style="text-align:center;padding-top:15px">
<h2 class="tP">Subscribe all latest updates via Facebook</h2>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Faniketgamezone&width=342&height=300&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:342px; height:300px;" allowtransparency="true"></iframe>
<p style="font-size:xx-small"><a href="http://www.techprevue.com/2013/05/facebook-likebox-using-jquery-lightbox.html">Facebook Likebox using jQuery Lightbox v1.0 Extended by Tech Prevue</a></p>
<!-- DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA. -->
</div></div></div>
<style>
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%;background:#fff}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative;background:#fff;overflow:hidden}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}#cboxTitle{margin:0;position:absolute;bottom:0;left:0;text-align:center;width:100%;color:#999}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;background:#fff}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#colorbox{outline:0}#cboxTopLeft{width:25px;height:25px;background:url(//goo.gl/FZnJE) no-repeat}#cboxTopCenter{height:25px;background:url(//goo.gl/FZnJE) repeat-x 0 -50px}#cboxTopRight{width:25px;height:25px;background:url(//goo.gl/FZnJE) no-repeat -25px 0}#cboxBottomLeft{width:25px;height:25px;background:url(//goo.gl/FZnJE) no-repeat 0 -25px}#cboxBottomCenter{height:25px;background:url(//goo.gl/FZnJE) repeat-x 0 -75px}#cboxBottomRight{width:25px;height:25px;background:url(//goo.gl/FZnJE) no-repeat -25px -25px}#cboxMiddleLeft{width:25px;background:url(//goo.gl/bhmpc) repeat-y}#cboxMiddleRight{width:25px;background:url(//goo.gl/bhmpc) repeat-y -25px 0}#cboxError{padding:50px;border:1px solid #ccc}#cboxCurrent{position:absolute;bottom:0;left:100px;color:#999}#cboxLoadingOverlay{background:url(//goo.gl/o98PY) no-repeat 5px 5px #fff}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;bottom:0;right:42px;color:#444}#cboxPrevious{position:absolute;bottom:0;left:0;color:#444}#cboxNext{position:absolute;bottom:0;left:63px;color:#444}#cboxClose{position:absolute;bottom:0;right:0;display:block;color:#444}.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)}
</style>
note - the popup show the same visitors once in 30 days if u wish to change simply the code written in blue change it.
Here The code written in red color change on your own facebook page username .
for any help comment below
Beautiful Recent Posts Widget To Blogger with Thumbnails
Step 1: Go to your Blog Dashboard.
Step 2:Go to Layout > Add a Gadget.
Step 3: Choose HTML/JavaScript Widget.
Step 4: Copy paste the following code inside the widget.
<br />
<style type='text/css'>img.recent_thumb {padding:0px;width:55px;height:55px;border:0; float:left;margin:12px;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:14px;} ul.recent_posts_with_thumbs li {padding-bottom:0px;padding-top:5px;min-height:65px;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs strong {font-size:10px;}</style>
<p><script style="text/javascript" src="http://www.webaholic.co.in/other/recent-posts-widget-with-images.js"></script><script style="text/javascript">var numposts = 5; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 95;</script><script src="http://www.allbloggingtools.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
Don’t forget to make these changes
**Now change the www.allbloggingtools.com with your Blog Address and Save the widget.
**You can customize the code as per your requirement, To change the number of posts to display change ‘var numposts = 5′. Step 5: Save the HTML/JavaScript Widget.
That’s all…Don’t forget to use the comment box for your valuable thoughts..
source by- www.allbloggingtools.com
Subscribe to:
Posts (Atom)
