{"id":2256,"date":"2012-02-05T02:37:31","date_gmt":"2012-02-05T02:37:31","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=2256"},"modified":"2021-09-04T06:51:23","modified_gmt":"2021-09-04T06:51:23","slug":"scroll-popup-html-content-ads-wordpress-plugin","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2012\/02\/05\/scroll-popup-html-content-ads-wordpress-plugin\/","title":{"rendered":"Scroll popup html content ads WordPress plugin"},"content":{"rendered":"\n<p>This <strong>Scroll popup HTML content ads<\/strong> WordPress plugin allows you to build and show a scrolling popup using HTML div. You can locate the scrolling popup in a corner of a web page and choose the scrolling direction (i.e., left-to-right or top-down). and we have a separate content management page to manage the popup content. using this plugin we can show our ads and special information to the user. this is the unblockable popup and tested on IE and Mozilla.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column1\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Large Rectancle Center page -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"0362029595\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n\t<div class=\"ads-column2\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- gopiplus.org Main -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"7521653079\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin live demo available in this page page. <a href=\"http:\/\/www.gopiplus.com\/work\/2012\/02\/05\/scroll-popup-html-content-ads-wordpress-plugin\/\">Refresh<\/a> this page to show the demo again. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/work\/2014\/04\/13\/iframe-popup-wordpress-plugin\/\">IFrame popup<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n<link rel=\"StyleSheet\" href=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/scroll-popup-html-content-ads.css\" TYPE=\"text\/css\">\n<script src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/scroll-popup-html-content-ads.js\" type=\"text\/javascript\"><\/script>\n<script type=\"text\/javascript\">\nvar html_code = '<img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/gopiplus.jpg\" border=\"0\"  \/>';\nsphca_loadpopup(500, 400, 'Scroll popup html content Demo', html_code);\n<\/script>\n<script type=\"text\/javascript\">ShowTheBox(false, rightSide, topCorner, topDown);<\/script>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin scroll-popup-html-content-ads.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Unpack the <strong>scroll-popup-html-content-ads.zip<\/strong> file and extract the folder.<\/li><li>Drop the scroll-popup-html-content-ads folder into your \u2018wp-content\/plugins\u2019 folder.<\/li><li>In WordPress administration panels, click on plugin from the menu.<\/li><li>You should see your new <strong>scroll-popup-html-content-ads<\/strong> plugin listed.<\/li><li>To turn the WordPress plugin on, click activate.<\/li><\/ul>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to \u2018<strong>Add New<\/strong>\u2019 menu under \u2018<strong>Plugins<\/strong>\u2019 tab in your WordPress admin.<\/li><li>Search scroll-popup-html-content-ads plugin using search option.<\/li><li>Find the plugin and click \u2018<strong>Install Now<\/strong>\u2019 link.<\/li><li>Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<p><strong>Method 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin scroll-popup-html-content-ads.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Go to \u2018<strong>Add New<\/strong>\u2019 menu under \u2018<strong>Plugins<\/strong>\u2019 tab in your WordPress admin.<\/li><li>Select upload plugin button.<\/li><li>Upload the available <strong>scroll-popup-html-content-ads.zip<\/strong> file and click install now.<\/li><li>Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configure<\/h2>\n\n\n\n<p>In your WordPress administrator section go to the <strong>Settings <\/strong>menu and select the <strong>Scroll popup<\/strong> HTML content ad menu to configure this plugin.<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/scroll-popup-html-content-ads.png\" alt=\"Scroll popup html content ad WordPress plugin\"><\/figure>\n\n\n\n<p>1. To load the popup into the particular page, use the page shortcode.<\/p>\n\n\n\n<p>2. To load the popup into all pages on the website, use the given PHP code. copy the PHP code and paste it into the footer.php file. watch the video for more info.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t<!-- Above Comment -->\n\t<ins class=\"adsbygoogle\"\n\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t data-ad-slot=\"2359628415\"><\/ins>\n\t<script>\n\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin short code<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;scroll-popup-html id=\"1\"]<\/code><\/pre>\n\n\n\n<p>ID: This is content ID, Check the plugin content management page for the shortcode. If we enter 0, it displays random 1 content from the available list. example if you have 5 records. <\/p>\n\n\n\n<p>This picks and displays random records. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;scroll-popup-html id=\"0\"] <\/code><\/pre>\n\n\n\n<p>This will always pick the 3rd record for the popup display.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;scroll-popup-html id=\"3\"]<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">PHP code<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;scroll-popup-html id=\"0\"]' ); ?><\/code><\/pre>\n\n\n\n<p>Use this PHP code in the footer.php file to show the popup into all the pages. In the PHP code zero(0) refers to pick random 1 from the available list. also, you can specify the exact ID. example.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;scroll-popup-html id=\"1\"]' ); ?><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently Asked Questions<\/h2>\n\n\n\n<p><strong>Q. Can not see the close button in the popup window?<\/strong><\/p>\n\n\n\n<p>Open &#8220;scroll-popup-html-content-ads.js&#8221; the javascript file and check the close button link. It should look like: http:\/\/www.your-domain-name.com\/wp-content\/plugins\/scroll-popup-html-content-ads\/close.gif<\/p>\n\n\n\n<p><strong>Q. Can make this pop-up only for the first visit?<\/strong><\/p>\n\n\n\n<p>Yes, the Option is available on the popup setting page.<\/p>\n\n\n\n<p><strong>Q. How to enable popup on all the pages?<\/strong><\/p>\n\n\n\n<p>Activate the plugin, and add the PHP code in the footer.php (this file is available in the theme folder) file.<br> &lt;?php if (function_exists (sphca)) sphca(0); ?><\/p>\n\n\n\n<p><strong>Q. How to add the popup only on one page?<\/strong><\/p>\n\n\n\n<p><code>[scroll-popup-html id=\"0\"]<\/code> Add this shortcode to the page.<\/p>\n\n\n\n<p><strong>Q. I can&#8217;t<\/strong> find the solution to<strong> my problem?<\/strong><\/p>\n\n\n\n<p>Please visit the plugin video demo. and feel free to post your comments and doubts.<\/p>\n\n\n\n<p><strong>Q. How to change the popup window border color\/background color?<\/strong><\/p>\n\n\n\n<p>Need a little bit of CSS knowledge to do this. open the file &#8220;scroll-popup-html-content-ads.css&#8221; in your plugin folder location and update the color code and other CSS changes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/02\/05\/scroll-popup-html-content-ads-wordpress-plugin\/\">http:\/\/www.gopiplus.com\/work\/2012\/02\/05\/scroll-popup-html-content-ads-wordpress-plugin\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download location<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/10\/28\/scroll-popup-html-content-ads-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/10\/28\/scroll-popup-html-content-ads-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video Demo<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/02\/08\/scroll-popup-wordpress-plugin-video-tutorial\/\">http:\/\/www.gopiplus.com\/work\/2012\/02\/08\/scroll-popup-wordpress-plugin-video-tutorial\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This Scroll popup HTML content ads WordPress plugin allows you to build and show a scrolling popup using HTML div. You can locate the scrolling popup in a corner of a web page and choose the scrolling direction (i.e., left-to-right or top-down). and we have a separate content management page to manage the popup content. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[6,112,17,172,5],"class_list":["post-2256","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-plugin","tag-popup","tag-scroll","tag-slider","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/2256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/comments?post=2256"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/2256\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=2256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=2256"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=2256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}