html codes for new site or blog publisher to make beautiful.widget and gadget for blogger or sites.html codes- facebook, amazon, download, social share.

Today I am giving html codes for new bloggers / site owners,That will make your blog beautiful and proffesional.Some of site owners make sites but not find right place for find.


NOTE-YOU HAVE TO REPLACE YELLOW BACKGROUND IN ALL CODES WITH GIVEN MATHOD- YOUR TEXT/LINKS ETC.




Top Ad Networks Total Review.WHAT IS BEST PLACE TO MAKE MONEY FOR YOU.CLICK HERE TO KNOW

FaceBook Page Like Tool html codes-

(A)Simple Box- Simple box will look like a box only,that will show your page's cover photo,name and like -share buttons.


How to place these html code on your site?

(1)-Select and copy the code given below in blue background-

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/hi_IN/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-page" data-href="https://www.facebook.com/Rajasthani-ONE-958441410901380/" data-tabs="page" data-small-header="true" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="false"></div>

(2)-Now put your page url at yellow background.[You can find your page url in browser while you open your fb page in a browser then page url will be find in url bar on top]

(3) Now paste these code in html editer where you want.

DONE


(B) Box With Showing Face html Facebook code-

In this u can show user's friend's faces with box, who like your page.


How to place code on your site?

(1)-Select and copy the code given below in blue background-

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/hi_IN/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-page" data-href="https://www.facebook.com/Rajasthani-ONE-958441410901380/" data-tabs="page" data-small-header="true" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true"></div>



(2)-Now put your page url at yellow background.[You can find your page url in browser while you open your fb page in a browser then page url will be find in url bar on top]

(3) Now paste these code in html editer where you want.

DONE



How To Increase pageview/Traffic For Your Site/Blog.CLICK HERE TO READ

Amazon Search Tool Box html codes-

This tool will help users to find everythig they want to search.If you want to keep your visitors updated than add this widget.After adding this feature visitor will never go away for shoping from your site and they will feel comfertable also.And this widget will give proffesional look to your site.I suggest you to use this code in sidebar for awesome look.

How to place these html code on your site?


(1)-Select and copy the code given below in blue background-

<script charset="utf-8" type="text/javascript">
amzn_assoc_ad_type = "responsive_search_widget";
amzn_assoc_tracking_id = "wwwrajasthani-21";
amzn_assoc_marketplace = "amazon";
amzn_assoc_region = "IN";
amzn_assoc_placement = "";
amzn_assoc_search_type = "search_widget";
amzn_assoc_width = 300;
amzn_assoc_height = 250;
amzn_assoc_default_search_category = "";
amzn_assoc_default_search_key = "";
amzn_assoc_theme = "light";
amzn_assoc_bg_color = "FFFFFF";
</script>

<script src="//z-in.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1&MarketPlace=IN"></script>

(2)You can change box size with edit yellow background numbers in pixel.
(3) Now paste these code in html editor where you want.

DONE




html Code For Download Song-

If you want to give image link for your song/video/movie/other file.Then you have to use these gadget code-

How to place these html code on your site?


(1)-Select and copy the code given below in blue background-

<a href="www.yoursite.com/song/0000" rel="nofollow" style="text-align: left;"><img alt="Download Your song/movie from here www.rajasthani1.blogspot.com" src="http://i.imgur.com/qZ8iheL.jpg" title="DOWNLOAD SONG" /></a>

(2) Give(Replace) your download link to yellow background in code.
(3) Now paste these code in html editor where you want.

DONE

THE DOWNLOAD LINK WILL LOOK LIKE THIS-
download latest rajasthani dj marwadi songs gane free mp3 www.rajasthani1.blogspot.com


How To Increase pageview/Traffic For Your Site/Blog.CLICK HERE TO READ

Song Share Tool Box html code-

If you have a download site or blog then i will recommodent you to use this gadget because how your visitor will share your site.I suggest you to use this code just upper/above song.

How to place these html code on your site?


(1)-Select and copy the code given below in blue background-

<a href="whatsapp://send?text=WRITE HERE YOUR TEXT FOR WHATSAPP MESSAGE"><img src="http://i.imgur.com/nbV2cLT.png" title="SHARE ON WHATSAPP" / /></a><a href="https://plus.google.com/share?url=https://www.rajasthani1.blogspot.com.com"><img src="http://i.imgur.com/f7FppcB.png" title="SHARE ON g+" / /></a><a href="http://www.facebook.com/sharer/sharer.php?u=https://www.facebook.com/Rajasthani-ONE-958441410901380"><img src="http://i.imgur.com/YjJEYRx.png" title="SHARE ON FB" / /></a>

(2)-Give what text you want to show in whatsapp share in first yellow background".
Now Second yellow backgroud is link which you want to share on google plus.
Third yellow background is facebook url of your page.

(3) Now paste these code in html editor where you want.

THE WIDGET WILLLOOK LIKE THIS-






Beautiful Top Sites Gadget Html Code For Your Site-

This beautiful gadget will allow users to browse direct top sites from your site. And don't worry they will not leave your site because every top site will open in new window.So give these codes for user's comfertable.I am suggesting you to use this widget in sidebar of desktop site.

How to place these html code on your site?


(1)-Select and copy the code given below in blue background-

<div style="border: 1px solid #000; height: 160px; width: 240px;">
<a href="www.google.com" target="_blank"><img alt="Widget/gadget for get morw pageview on site blog" src="http://i.imgur.com/ghQ3hHg.png?1" title="Google.com" /></a><a href="https://www.amazon.in/?tag='wwwrajasthani-21' target="_blank""><img alt="Widget/gadget for get morw pageview on site blog" src="http://i.imgur.com/F77Kf5S.png?1" title="Amazon.com" /></a><a href="https://in.yahoo.com" target="_blank"><img alt="Widget/gadget for get morw pageview on site blog" src="http://i.imgur.com/DuVw8G1.jpg?1" title="Yahoo" /></a><a href="www.fb.com" target="_blank"><img alt="Widget/gadget for get morw pageview on site blog" src="http://i.imgur.com/mshdByX.png?1" title="Facebook" /></a><a href="https://www.bing.com/ target="_blank""><img alt="Widget/gadget for get morw pageview on site blog" src="http://i.imgur.com/boJUKzV.png?1" title="Search Bing" /></a><a href="www.yourdomain.com/mypopularpost.html" target="_blank"><img alt="Widget/gadget for get morw pageview on site blog" src="http://i.imgur.com/9ZToAq4.png?1" title="Popular post" /></a><a href="https://www.rajasthani1.blogspot.com/2016/09/increasepageviewsofsiteblogwaystogetmoretrafficbloggertipsincreasetrafficfree.html" target="_blank"><img alt="Widget/gadget for get morw pageview on site blog" src="http://i.imgur.com/oPFMKTx.png?1" title="Create This widget for your Site/blog" /></a></div>

(2) Give(Replace) your Popular/faviorate post link to yellow background in code.

(3) Now paste these code in html editor where you want.

This gadget will look like this-

Widget/gadget for get morw pageview on site blogWidget/gadget for get morw pageview on site blogWidget/gadget for get morw pageview on site blogWidget/gadget for get morw pageview on site blogWidget/gadget for get morw pageview on site blogWidget/gadget for get morw pageview on site blogWidget/gadget for get morw pageview on site blog
















RELATED POSTS-


Top Ad Networks Total Review.WHAT IS BEST PLACE TO MAKE MONEY FOR YOU.CLICK HERE TO KNOW

How To Increase pageview/Traffic For Your Site/Blog.CLICK HERE TO READ

You can read here about ad's behaviour and real used review for top ad networks. CLICK HERETO READ

1 comment:

Blogger said...

Bluehost is definitely the best hosting company for any hosting services you might require.