Home Blog

Show custom sidebar in WordPress?

2

WordPress Tips & Tricks

Create your custom sidebar in WordPress admin side (“my-custom-widget”) and paste the below code where you want to show the widget

<?php if( is_active_sidebar('my-custom-widget') ):  //check if sidebar is not empty ?>  
     <div class="sidebar pr-0" id="sidebar" role="navigation">
         <?php dynamic_sidebar('my-custom-widget'); ?>
     </div>
<?php endif; ?>

Note: Don’t forget to change the custom sidebar name

How to save HTML content into the database table?

16

Save HTML content via PHP in MySQL database

There are different ways to save the HTML data into the database table

  1. base64_encode(): encode HMTL code into base64 format by using the PHP function base64_encode() and save the string into a table.
    To view the saved content, decode the base64 code into HTML by using base64_decode()

Output 1

2. Using htmlentities(): In htmlentites(), HTML code is converted in characters string and that can be easily saved to the database table, as per see the given screenshot with example:

The HTML output of the code above will be (View Source)
The browser output of the code above will be:

PDF Generation via PHP

4

TCPDF:

TCPDF is now one of the world’s most active Open Source projects, used daily by millions of users and included in thousands of CMS and Web applications, tcpdf.org

Main Features:

  • No external libraries are required for the basic functions;
  • All standard page formats, custom page formats, custom margins and units of measure;
  • UTF-8 Unicode and Right-To-Left languages;
  • TrueTypeUnicode, OpenTypeUnicode, TrueType, OpenType, Type1 and CID-0 fonts;
  • Font subsetting;
  • Methods to publish some XHTML + CSS code, Javascript and Forms;
  • Images, graphic (geometric figures) and transformation methods;
  • Supports JPEG, PNG and SVG images natively, all images supported by GD (GD, GD2, GD2PART, GIF, JPEG, PNG, BMP, XBM, XPM) and all images supported via ImagMagick (http: www.imagemagick.org/www/formats.html)
  • 1D and 2D barcodes: CODE 39, ANSI MH10.8M-1983, USD-3, 3 of 9, CODE 93, USS-93, Standard 2 of 5, Interleaved 2 of 5, CODE 128 A/B/C, 2 and 5 Digits UPC-Based Extention, EAN 8, EAN 13, UPC-A, UPC-E, MSI, POSTNET, PLANET, RMS4CC (Royal Mail 4-state Customer Code), CBC (Customer Bar Code), KIX (Klant index – Customer index), Intelligent Mail Barcode, Onecode, USPS-B-3200, CODABAR, CODE 11, PHARMACODE, PHARMACODE TWO-TRACKS, Datamatrix ECC200, QR-Code, PDF417;
  • ICC Color Profiles, Grayscale, RGB, CMYK, Spot Colors and Transparencies;
  • Automatic page header and footer management;
  • Document encryption up to 256 bit and digital signature certifications;
  • Transactions to UNDO commands;
  • PDF annotations, including links, text and file attachments;
  • Text rendering modes (fill, stroke and clipping);
  • Multiple columns mode;
  • No-write page regions;
  • Bookmarks and table of content;
  • Text hyphenation;
  • Text stretching and spacing (tracking/kerning);
  • Automatic page break, line break and text alignments including justification;
  • Automatic page numbering and page groups;
  • Move and delete pages;
  • Page compression (requires php-zlib extension);
  • XOBject templates;
  • PDF/A-1b (ISO 19005-1:2005) support.

FPDF

FPDF or Free PDF is a PHP class which allows to generate PDF files with pure PHP, you may use it for any kind of usage and modify it to suit your needs. www.fpdf.org

Main Features:

  • Choice of measure unit, page format and margins
  • Page header and footer management
  • Automatic page break
  • Automatic line break and text justification
  • Image support (JPEG, PNG and GIF)
  • Colors
  • Links
  • TrueType, Type1 and encoding support
  • Page compression

How to setup simple SMTP in WordPress ?

2

Simple SMTP configuration in wordpress via plugin

  • Install an Easy WP SMTP plugin from WordPress site (How to install plugin in wordpress)
  • Go to Settings >> Easy WP SMTP >> SMTP Setting (see the screenshot)
  • Fill the form:
    From Email Address: This email address will be used in the FROM field
    From Name: This text will be used in the ‘FROM’ field
    Reply-To Email Address: Optional. This email address will be used in the ‘Reply-To’ field of the email. Leave it blank to use ‘From’ email as the reply-to value.
    SMTP Host: Your mail server
    Type of Encryption: For most servers SSL/TLS is the recommended option
    SMTP Port: The port to your mail server
    SMTP Authentication: Required yes for SMTP
    SMTP Username: The username to login to your mail server
    SMTP Password: The password to login to your mail server
  • Save the settings
smtp-settings

GMAIL SMTP SETTINGS:

SMTP Host: smtp.gmail.com
Type of Encryption: TLS
SMTP Port: 465 OR 587
SMTP Authentication: yes
SMTP Username: your gmail (xxxxx123@gmail.com)
SMTP Password: gmail password 

Test your settings:

Select the Test Email tab: Add the followings:
To: Enter the recipient’s email address
Subject: Enter a subject for your message
Message: Write your email message

Click the Send Test Email

Output:
Test email was successfully sent. No errors occurred during the process.

How to Start a Blog or website?

4

Are you a blogger and looking for a blogging website?
Just relax, in the next few minutes you will be an owner of the brand new blogging website by following the simple 6 steps

  1. Select the right topic
  2. Pick your domain name
  3. Get a web hosting account
  4. Install WordPress and required plugins
  5. Setup the suitable design for your blog
  6. Write your blog and share with the world

First, step is to pick a name for your new blog or website. Also, we need to select the blogging platform and web hosting which will setup the website online.
The most popular blogging platform is WordPress which is globally used by other bloggers, mjsaini.com is also running on the WordPress platform. And for web hosting mjsaini.com using Hostgator.in,

Note: Please use the below link to avail 50% discount on web hosting

BUY NOW: Up to 50% Off On Web Hosting

Select the best plan according to your need for Web Hosting

Now let’s get started with choosing your blog name

You need to do the following before choosing the domain name,

  • Deeply research your niche (or blogging topic )
  • Think about the niche, you are going to write about.
  • Know about readers, To whom you want to target so that they get influence by your blogs
  • Add key catching keywords

Click Here to get 5% off on .COM domain

WordPress installation:

How to add long text in the SVG?

3

There are different ways to add text to SVG image
1. foreignObject
2. tspan

1. ForeignObject

<style>
div {
    color: #fff;
    font: 18px houschka-rounded-semibold;
    height: 100%;
    overflow: auto;
 }
</style>

<foreignObject x="530" y="620" width="400" height="300">
    <div xmlns="http://www.w3.org/1999/xhtml">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book </div>
</foreignObject>

2. TSPAN

<g transform="matrix(1,0,0,1,540,655)">
	<g class="st1">
		<text style="fill:#fff;font-family:'houschka-rounded-semibold';font-size:18;">
			<tspan x="0" y="0" >Lorem Ipsum is simply dummy text of the printing and typesetting industry</tspan>
			<tspan x="0" y="21.6">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</tspan>
			<tspan x="0" y="43.2">when an unknown printer took a galley of type and scrambled it to make a type specimen book.</tspan>
		</text>
	</g>
</g>		

PHP Split long string into multiple line

3

To break long string str_split() function can be used in such a way that

<?php
  $text = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.";
$char = 55;    
$chunks = str_split($text, $char);
foreach($chunks as $piece){
   echo '<p class="sting-piece">' . $piece. '</p>';  
} 
?>

OUTPUT: 

str_split($text, $char); “str_split” breaks the string into array after count on 55 characters, in loop we are adding custom tag for each line.

How to create and view SVG image?

4

Use the following code to create a simple SVG image,

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000" xml:space="preserve">
	<desc>
		Custom hidden text can be added will not appear on the image
	</desc>
	<g mask="url(#mask)">
		<g class="image" transform="translate(200,0)">
			<g transform="rotate(0) scale(1)">
				<image xlink:href="assets/background.png" transform="translate(0,0)"/>
			</g>
		</g>	
		<g class="text" transform="matrix(1,0,0,1,750,100)">
			<text transform="rotate(0)" style="text-anchor:middle;fill:#81b930;font-family:'BlogScript';font-size:64;">Custom Color text</text>
		</g>
		<g class="text" transform="matrix(1,0,0,1,750,150)">
			<text transform="rotate(0)" style="text-anchor:middle;fill:red;font-family:'BlogScript';font-size:30;">Outside text</text>
		</g>
		<g class="text" transform="matrix(1,0,0,1,420,180)">
			<text transform="rotate(0)" style="text-anchor:middle;fill:#000;font-family:'houschka-rounded-semibold';font-size:18;">This text in circle</text>
		</g>
		<g transform="matrix(1,0,0,1,350,300)">
			<g class="st1">
				<text style="fill:#fff;font-family:'houschka-rounded-semibold';font-size:18;">
					<tspan x="0" y="0" >Mulitple lines text line 1</tspan>
					<tspan x="0" y="21.6">Mulitple lines text line 2</tspan>
					<tspan x="0" y="43.2">Mulitple lines text line 3</tspan>
				</text>
			</g>
		</g>
		
	</g>
</svg>

Download the above sample and open the file in any browser to view the SVG file.

Beginner: Are you stuck in programming should not do

6

Happy Sunday from Software Expand! In this week’s edition of Feedback Loop, we talk about the future of Windows Phone, whether it makes sense to build media centers discuss the preferences for metal vs. plastic on smartphones. All that and more past the break the proof of concept can make.

Just because you can do something, should you? Samsung thinks so. Its second experimentally screened phone taps into its hardware R&D and production clout to offer something not many other companies.

WHAT DO YOU WANT FROM WINDOWS PHONE?

fotolia_73526765

And so, following the Galaxy Round, here’s the Galaxy Edge. If you take the basic shape and concept, it’s the spitting image of the curved-screen Youm prototype spied at CES a little less than two years ago US. Fortunately.

Now, though, it’s a for-real smartphone you can buy. I’ve been testing it out in Japan, where it launched instead of the Note 4, although both the Note 4 and the Note Edge will eventually be available.

Galaxy Note Edge is how much it resembles the Note 4

The ability to shrink the likes of Chrome and Google Maps to a popup window and layer it on top of other apps is also useful. Love to see something similar on the iPhone 6 Plus you just get the Note 4 anyway?

Despite the unusual, curved screen, it still packs all of the good things that made the Note 4 such a strong choice. But bragging rights aside, is there enough of an argument for a curved screen.

METAL VS. PLASTIC PHONE BODIES?

Galaxy Note 4 because the setup is identical here. Yes running on Android 4.4 KitKat.
Galaxy Note 4 because the setup is identical here. Yes running on Android 4.4 KitKat.

 

The exploration of space stands as one of humanity’s greatest achievements. While history has hailed the men and women who reached the cosmos, and those who helped them get there, much of the infrastructure that sent them skyward lies forgotten and dilapidated.

Galaxy Note 4 running Android 4.4 KitKat

And how does Apple’s biggest phone compare to the Note Edge? Well, both remain unwieldy to grip, and the Note Edge is wider. However, the edged screen nuzzles into my hand better and those software tweaks mentioned above give it the advantage. However, just like the stylus, there’s a while before you get the knack of all the little provisions Samsung’s made to ease users into this screen size.

Roland Miller has spent nearly half his life chronicling these landmarks before they are lost forever long been obsessed with space as a child, he dreamed of being an astronaut.

HARDWARE

Its curves are subjective and divisive; my friends and colleagues have offered up reactions ranging from outright bemusement to adoration. The screen looks great, with the punchy contrast and sharpness that’s been a Samsung flagship mainstay for years. We’ll get back to that edge, but it’s the headline part of a 5.6-inch Quad-HD+ display.

ONE-HANDED USE

Make this secondary menu transparent, allowing me to maintain all that screen space. The ability to shrink the likes of Chrome and Google Maps to a popup window and layer it on top of other apps is also useful I’d love to see something similar on the iPhone 6 Plus continues to clear away.

SOFTWARE

If you’re looking to learn more about the stylus uses, I’d advise a quick read of Brad’s Galaxy Note 4 review, because the setup is identical here. Yes, there are TouchWiz bits running on Android 4.4 KitKat.

fotolia_81764888
The Galaxy Note Edge grabs your attention. Its curves are subjective and divisive

 

But let’s focus on what’s different here: that edge. There are two display modes you can flit between: a slender, unassuming bar that can display a customized message and a more substantial column that attempts to offer extra functionality, notifications or context-dependent menus for certain apps, like the camera.

The front-facing camera is also a top-end sensor compared to the competition, 3.7 megapixels with an f/1.9 lens.

While I’m not a huge selfie taker, you’ll have to ask our Senior Selfie Editor, but I do take a whole lot of photos with my smartphone.

The same high-resolution 2,560 x 1,600 screen we're certain 1080p Plus
The same high-resolution 2,560 x 1,600 screen we’re certain 1080p Plus

When it’s expanded, the UI is a basic row of icons, which you can navigate with a little swipe. This may look a little unusual, but swishing through the various mini-screens is immensely satisfying.

And how does Apple’s biggest phone compare to the Note Edge? Well, both remain unwieldy to grip, and the Note Edge is wider. However, the edged screen nuzzles into my hand better and those software tweaks mentioned above give it the advantage.

However, just like the stylus, there’s a while before you get the knack of all the little provisions Samsung’s made to ease users into this screen size.

The screen is marginally smaller than the Note 4, despite the cranked-up pixel count. Like the Note 4, text pops a little more, and pictures you take with the 16MP camera are obviously better replicated on the Note Edge’s screen.

All told, it’s an excellent camera. The image stabilizing works well on all the neon lights that pepper Tokyo, while even people were neatly captured. There’s some noise, but it compares favorably against older Galaxy phones. Daylight meant effortless captures and some really nice shots, if I say so myself.

Well, both remain unwieldy to grip, and the Note Edge is wider. However, the edged screen nuzzles into my hand better and those software tweaks mentioned above give it the advantage.

- Advertisement -

APPLICATIONS

How to create and view SVG image?

4
Use the following code to create a simple SVG image, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000" xml:space="preserve"> <desc> Custom hidden text can be added will not...