- See more at: http://www.bloggerhow.com/blogger/how-to-add-a-pop-up-window-using-css3-and-jquery-in-blogger-to-display-source-code-pictures/#sthash.NL2l9JhL.dpuf // Place all Javascript code here $(document).ready(function(){ $("#showPopup").click(function() { $("div#Popup").addClass("show"); return false; }); $("#closePopup").click(function() { $("div#Popup").removeClass("show"); return false; }); $(".trigger").click(function(){ $(".panel").toggle("fast"); $(this).toggleClass("active"); return false; }); });

Sunday 9 August 2015


Show the Popup box - See more at: http://www.bloggerhow.com/blogger/how-to-add-a-pop-up-window-using-css3-and-jquery-in-blogger-to-display-source-code-pictures/#sthash.NL2l9JhL.dpuf - See more at: http://www.bloggerhow.com/blogger/how-to-add-a-pop-up-window-using-css3-and-jquery-in-blogger-to-display-source-code-pictures/#sthash.NL2l9JhL.dpuf

DROP-DOWN-MENU.rtf
<div id="Popup"> <h3> Here Starts Your H3 Heading</h3> Here introduce about the image so users easily can select displayed information in the image<br /> Here Write your multipurpose texts also HTML tags and etc. <br /> <a class="button" href="" id="closePopup">OK</a> </div>
hello
1
2
3
4
5
6
7
8
9
10
heelo guys testing 1 2 3 4 5 6 6





tetsSORRY

.post blockquote {background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgle1qFzI7ZOclgf6G1km3CXsJ_KvcyNs15WKaTUOeh4Al5ZkvFEduF_nynkSuCYwy_tQm6a9-HnH4sB8tuDLa4B2_hAdR92ESgg1TX22uooObn4t_RTnjMKldR72cmYqfx0GsY6qrCV3w/s1600/1.png);background-position:top left;background-repeat:repeat-y;margin: 0 20px;padding: 10px 20px 10px 45px;border-top: 2px solid #DDD;border-right: 5px solid #666;border-left: 2px solid #DDD;border-bottom: 5px solid #666;font-size: 0.9em;}.post blockquote p {margin: 0;padding: 0 0 15px;}.blockquote {font: 18px normal  sans-serif,Tahoma;padding-top: 10px;margin: 5px;text-indent: 65px;}.blockquote div {display: block;padding-bottom:10px;}.blockquote p {margin: 0;padding-top:10px;}
hello
   

TESING


HELLO