Features

  • February 14, 2019

    Add Responsive Video by pasting its URL

    Add responsive video by pasting URL How it works Samples Youtube Vimeo
  • February 14, 2019

    How to set Google Adsense on Pjax Blog

    You can set Google Adsense via Google Ad Manager in Pjax Blog Theme. Here, we will explain how to set up Google Ad Manager and Google Adsense. Before using Google Ad Manager, you have to have a Google account and Google Adsense account. Please activate your own accounts if you don’t have them yet.    Setup Google Ad Manager Open Ad Manager Dashboard After the activations of Google Adsense and Google Ad Manager, please login Google Ad Manager. And click Ad units > New ad unit.   Create New Ad Unit Please input parameters like below. The input fields surrounded by the red frame are important. Sizes: This is the ad unit sizes displayed on the desktop window width. The settings on the picture is made for ads in the sidebar. Adsense inventory settings: This determines whether you display ads from Adsense or not. Please set “Enabled” to this field. After creating “Ad unit”, click “GENERATE TAGS” on the top right corner. Generate TAGS from Ad Units Select “Google Publisher Tag” in Select Tag Type Just Click “Continue”  in Select Tag Options Copy Ad Unit Tag Information Now your ad tag is generated. Please restore Adunit Path, Ad Size, and Opt Div. Add [Pjax Blog] Google Ad Manager(Adsense) on your page Now, go to your WordPress Admin Dashboard. Please add “[Pjax Blog] Google Ad Manager(Adsense)” and paste the values you obtained in the previous step. After 1 – 6 hours, you can find ads on your site:) *First delivery must be very late, so you may wait for more time to confirm it on your site. Please be patient.
  • January 29, 2019

    Variety of News Feed Layouts

    [Pjax Blog] Blog Posts Widget has a lot of Blog layouts. Enjoy samples.
  • January 23, 2019

    Mobile Menu Design For Pro Edition

    Mobile Menu For Free Edition(Drawer) Mobile Menu For Pro Edition(Slide Content) Select “Slide Content” at Pjax Blog Settings > Mobile Menu > Select Menu Type. See On Demo
  • January 23, 2019

    Smooth Image Lazy Load

    Image lazy load technique is a major solution to avoid poor performance caused by slow networks. Pjax Blog Pro fetch and display images very smoothly and never bother user scroll. Example On the topic of alignment, it should be noted that users can choose from the options of None, Left, Right, and Center. In addition, they also get the options of Thumbnail, Medium, Large & Fullsize. The image above happens to be centered. The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned. As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished! And now for a massively large image. It also has no alignment. The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content. And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently. In just a bit here, you should see the text start to wrap below the right aligned image and settle in...
  • January 21, 2019

    Decorate Pages with Shortcodes

    Font Example Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend Reference [crayon-5ce4f703a8b52475801385/] Button Example [crayon-5ce4f703a8b58250521391/] Reference [crayon-5ce4f703a8b5a249921722/] Label Example [crayon-5ce4f703a8b5b384190215/] Reference [crayon-5ce4f703a8b5d442037096/] Block Example [crayon-5ce4f703a8b5e200382476/] Fill with image and button [crayon-5ce4f703a8b60951890143/] Block with label [crayon-5ce4f703a8b61740265715/] Reference [crayon-5ce4f703a8b62065646529/] Speech Bubble Example Reference [crayon-5ce4f703a8b63684531138/] Drawer Example [crayon-5ce4f703a8b65545278310/] Reference [crayon-5ce4f703a8b67575560572/] Testimonial Example [crayon-5ce4f703a8b68693892340/] Reference [crayon-5ce4f703a8b6a655472654/]
  • Scroll animation is one of the best ways to add awesomeness to your website. Pjax Blog Pro has its feature which is very smooth and asynchronously triggered so that it doesn’t bother user scroll. All you have to do it is adding classes to the element you want to animate. Classes below are animation classes you can use in this theme. Fade class=”lp-scroll fade” Slide class=”lp-scroll slide up” class=”lp-scroll slide down” class=”lp-scroll slide right” class=”lp-scroll slide left” Flip class=”lp-scroll flip up” class=”lp-scroll flip down” class=”lp-scroll flip right” class=”lp-scroll flip left” Zoom class=”lp-scroll zoom in” class=”lp-scroll zoom out” Duration Transition duration can be set every 50ms from 200ms to 2000ms.lp-duration-{200~2000} class=”lp-scroll zoom in lp-duration-200″ class=”lp-scroll zoom in lp-duration-1000″ class=”lp-scroll zoom in lp-duration-2000″ Delay Transition delay can be set every 50ms from 50ms to 1000ms.lp-delay-{50~1000} class=”lp-scroll zoom in lp-delay-50″ class=”lp-scroll zoom in lp-delay-500″ class=”lp-scroll zoom in lp-delay-1000″
  • October 9, 2018

    Article Header Style Selection

    Select proper header style for the article. Normal   Full Width Title Only No Header
  • Gradient Background Color brings cool appearance to your website. Check the demo below and see how it looks. Header Bar Background Gradient   Mobile Menu Background Gradient

Latest Posts