SVG is a vector image format that's great for responsive web design. It's scalable, lightweight, and easy to edit with code or design tools.
Have you ever wondered how to make your website more dynamic and appealing? Look no further than SVG! Scalable Vector Graphics, or SVG, provide an easy way to add eye-catching graphics and animations to your website. Not only are they visually stunning, but they also offer numerous benefits such as faster loading times and better accessibility. In this article, we will explore the many advantages of using SVG and how they can help improve the user experience on your website. So, let's dive in and discover the world of SVG!
Say When SVG Without TitleIf you are a graphic designer or work with digital media, you might have heard of SVG files. Scalable Vector
Graphics (SVG) is a file format used for vector graphics images. It is an XML-based format that can be used to display images on the web or print media. Unlike other image formats, SVG files can be scaled without losing their quality. However, there are some cases where SVG files should be used without titles. What are SVG Files?Before we discuss SVG files without a title, let us first understand what SVG files are. As mentioned earlier, SVG files are a type of image file that uses vector graphics. Unlike raster graphics, vector graphics use mathematical equations to define shapes and lines. This means that SVG files can be scaled to any size without losing their quality. SVG files are commonly used for logos, icons, and other images that need to be resized frequently.Why Use SVG Files?SVG files have become popular in recent years due to their versatility and scalability. They are an excellent choice for web design as they load faster than other image formats. Moreover, SVG files are responsive, meaning they can be scaled up or down to fit any screen size. This makes them ideal for mobile devices and responsive web design. What is a Title in SVG?The title element in SVG is used to provide a short description of the image. It appears as a tooltip when the user hovers over the image. The title element is an essential part of accessibility as it provides context to users with disabilities. The text inside the title element should be concise and descriptive. When to Use SVG Files without a Title?While the title element is crucial for accessibility, there are some cases where SVG files should be used without a title. One such case is when the image is purely decorative and does not provide any information or context. In such cases, adding a title might confuse the user and make the image less accessible. Another scenario where an SVG file should be used without a title is when the image already contains text. For example, if an SVG file contains a logo with the company name, adding a title would be redundant. In such cases, the text within the image itself serves as the title. How to Use SVG Files without a Title?Using SVG files without a title is straightforward. All you need to do is omit the title element from the SVG code. You can do this by deleting the
tags and the text inside them. Once you have removed the title element, you can save the SVG file and use it in your project. It is essential to note that removing the title element does not mean you are ignoring accessibility. If the image provides valuable information, you should use alternative text to describe it. Alternative text (alt text) is a text description of the image that is read by screen readers for users with disabilities. ConclusionIn conclusion, SVG files without a title are useful in certain scenarios. When an image is purely decorative or already contains text, adding a title can be redundant. However, it is crucial to provide alternative text if the image provides valuable information. Remember, accessibility should always be a priority when using SVG files or any other media.Say When SVG: Ensuring Accessibility for AllIn today's digital world, there is an increasing demand for websites and applications that are accessible to everyone, regardless of their abilities. One way to achieve this is through the use of Scalable Vector <a href="/search?q=Graphics">Graphics</a> or SVG. SVG is a file format used for creating vector graphics that can be scaled to any size without losing quality. It is a popular choice for web designers and developers because it offers many advantages over other formats such as JPEG and PNG.What is SVG?SVG stands for Scalable Vector Graphics. It is an XML-based file format used for creating vector graphics. Unlike raster graphics such as JPEG and PNG, which are made up of pixels, SVG graphics are made up of mathematical equations, which means they can be scaled to any size without losing quality. This makes them ideal for use on websites and applications where graphics need to be flexible and responsive to different screen sizes.Importance of Titles in SVGOne of the most important aspects of creating accessible SVG graphics is the use of titles. Titles provide a brief description of the graphic, which is read aloud by screen readers for people with visual impairments. Titles also help search engines to understand the content of the graphic, which can improve search engine optimization (SEO).Risks of Using SVG without TitlesWhen SVG graphics are created without titles, they become inaccessible to people with visual impairments who rely on screen readers to access web content. Without a title, screen readers are unable to provide a meaningful description of the graphic, which can make it difficult for users to understand the content of the page. This can result in frustration and exclusion for those who rely on assistive technology.Best Practices for Adding Titles to SVG GraphicsAdding a title to an SVG graphic is easy. The title element should be placed inside the SVG tag and should describe the content of the graphic in a concise and meaningful way. Some best practices for adding titles to SVG graphics include:1. Use descriptive text that accurately describes the content of the graphic.2. Keep the title short and concise.3. Avoid using generic titles such as image or graphic.4. Ensure that the title is visible to screen readers by placing it inside the SVG tag.HTML Markup for Accessible SVG GraphicsTo create accessible SVG graphics, it is important to use HTML markup that is compliant with web accessibility standards. This includes using proper heading tags, alt text for images, and ARIA attributes for interactive elements. When creating HTML markup for SVG graphics, some best practices include:1. Use h1, h2, and h3 tags to structure the content of the page.2. Use alt text to describe the content of images.3. Use ARIA attributes to provide additional context for interactive elements.4. Use semantic HTML to improve the readability and accessibility of the page.How to Create Accessible SVG GraphicsCreating accessible SVG graphics requires a combination of design and development skills. Some best practices for creating accessible SVG graphics include:1. Use high contrast colors to ensure that the graphic is readable by people with low vision.2. Avoid complex designs that may be difficult to understand.3. Use descriptive titles and alt text to provide context for the graphic.4. Test the graphic with screen readers to ensure that it is accessible to all users.Essential Tools and Resources for SVG AccessibilityThere are many tools and resources available for creating accessible SVG graphics. Some essential tools and resources include:1. Adobe Illustrator: A popular software program used for creating SVG graphics.2. AChecker: An online tool for checking the accessibility of web content.3. WebAIM: A website that provides information and resources for web accessibility.4. The Web Content Accessibility Guidelines (WCAG): A set of guidelines for making web content accessible to all users.Understanding the Role of Screen Readers in SVG AccessibilityScreen readers are assistive technology devices that read aloud the content of web pages for people with visual impairments. When it comes to SVG accessibility, screen readers play a critical role in providing users with access to the content of the graphic. Some best practices for ensuring that SVG graphics are accessible to screen readers include:1. Using descriptive titles and alt text to describe the content of the graphic.2. Avoiding complex designs that may be difficult to understand.3. Ensuring that the graphic is readable by people with low vision by using high contrast colors.The Benefit of ARIA Labels in SVG AccessibilityARIA (Accessible Rich Internet Applications) labels are attributes that can be added to HTML markup to provide additional context for interactive elements. When it comes to SVG accessibility, ARIA labels can be used to provide additional information about the content of the graphic. Some best practices for using ARIA labels in SVG accessibility include:1. Using ARIA labels to provide additional context for interactive elements such as buttons and links.2. Ensuring that ARIA labels are meaningful and descriptive.3. Avoiding the use of generic labels such as click here or learn more which do not provide any meaningful context.The Impact of Proper SVG Accessibility on User ExperienceProper SVG accessibility has a significant impact on user experience. When SVG graphics are accessible to all users, including those with visual impairments, it improves the usability and effectiveness of the website or application. It also ensures that the website or application complies with web accessibility standards, which can improve search engine optimization and increase user engagement. Ultimately, ensuring that SVG graphics are accessible to all users is essential for creating a more inclusive and accessible digital world.In conclusion, Say When SVG is a powerful tool for creating flexible and responsive graphics for websites and applications. However, it is important to ensure that SVG graphics are accessible to all users, including those with visual impairments. By following best practices for adding titles, using HTML markup that is compliant with web accessibility standards, and testing SVG graphics with screen readers, designers and developers can create accessible SVG graphics that improve user experience and help to create a more inclusive and accessible digital world.From my point of view, using SVG (Scalable Vector Graphics) can have numerous benefits for web designers and developers. Below are some pros and cons to consider when deciding whether or not to use SVG:Pros:1. Scalability: SVG graphics can be scaled without losing quality, making them ideal for use on various screen sizes and resolutions.2. Small file size: Compared to other image formats, SVG files tend to have smaller file sizes, which can improve website loading times.3. Easy to style: SVGs can be easily styled with CSS, allowing for more flexibility in design.4. Accessibility: Since SVG images are made up of vector paths rather than pixels, they are accessible to individuals who rely on screen readers.Cons:1. Limited browser support: Some older browsers may not support SVG images, which could impact the user experience.2. Complex coding: SVGs can be complex to code, requiring a higher level of skill and experience.3. Limited animation capabilities: While animations can be added to SVGs, they may not be as dynamic as those created with other animation tools.4. Not suitable for all types of images: SVGs are best suited for simple graphics and logos, rather than highly detailed or photographic images.Overall, SVG can be a useful tool for web designers and developers seeking to create scalable, visually appealing graphics. However, it's important to weigh the pros and cons before deciding whether or not to use SVG in a particular project.Dear valued blog visitors,We hope you have enjoyed reading our article about the importance of using title tags in SVG images. As we have discussed in our previous paragraphs, title tags serve as a crucial element in making your website more accessible and inclusive for all users.It is imperative to note that not all SVG images come with a title tag, which can pose a challenge for those who rely on assistive technologies to navigate through web content. In such cases, it becomes the responsibility of web developers and designers to add appropriate title tags to ensure maximum accessibility.Furthermore, we understand that implementing title tags may seem like a tedious task, but the benefits of doing so outweigh the effort put into it. Not only does it enhance the user experience, but it also improves your website's search engine optimization.In conclusion, we urge our readers to take the time to consider the impact of omitting title tags in SVG images and take the necessary steps to ensure that their websites are inclusive and accessible to all. By doing so, we can create a more inclusive online community where everyone has equal access to information and resources.Thank you for taking the time to read our article, and we hope it has been insightful and helpful in your journey towards creating more inclusive and accessible web content.<p>When it comes to SVG (Scalable Vector Graphics), people tend to have some common questions that they want answered. Here are some of the most frequently asked questions:</p><ol> <li> <p>What is an SVG file?</p> <p>An SVG file is a vector image file format that can be scaled or resized without losing quality. It is widely used for web graphics, logos, and icons.</p> </li> <li> <p>How do I open an SVG file?</p> <p>SVG files can be opened and edited using various graphics editors such as Adobe Illustrator, Sketch, Inkscape, and more. They can also be viewed in most web browsers.</p> </li> <li> <p>Can SVG files be animated?</p> <p>Yes, SVG files can be animated using CSS or JavaScript. This makes them ideal for creating interactive web graphics and animations.</p> </li> <li> <p>Are SVG files SEO-friendly?</p> <p>Yes, SVG files are SEO-friendly because they are lightweight and can help improve website load time. They can also be easily indexed by search engines, making them a good choice for optimizing web graphics.</p> </li> <li> <p>What are the advantages of using SVG files?</p> <ul> <li>Scalability: SVG files can be scaled to any size without losing quality.</li> <li>Small file size: SVG files are lightweight and can help improve website load time.</li> <li>SEO-friendly: SVG files can be easily indexed by search engines.</li> <li>Editable: SVG files can be edited and customized using various graphics editors.</li> <li>Interactive: SVG files can be animated and made interactive using CSS or JavaScript.</li> </ul> </li></ol><p>Overall, SVG files are a versatile and useful file format for creating web graphics, logos, and icons that can be easily scaled and edited. They offer many advantages over other image formats and are becoming increasingly popular among web designers and developers.</p>
</div>
<div id='share-container'>
<p class='share-this-pleaseeeee'>Share :</p>
<div id='share'>
<a aria-label='facebook' class='facebook' href='https://www.facebook.com/sharer.php?u=https://superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html' rel='nofollow noreferrer' target='_blank' title='facebook'>
<svg viewBox='0 0 24 24'>
<path d='M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z'></path>
</svg>
</a>
<a aria-label='twitter' class='twitter' href='https://twitter.com/intent/tweet?text=Say Hello to SVG: Revolutionizing the Way We Create Graphics!&url=https://superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html' rel='nofollow noreferrer' target='_blank' title='twitter'>
<svg viewBox='0 0 24 24'>
<path d='M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z'></path>
</svg>
</a>
<a aria-label='pinterest' class='pinterest' href='https://pinterest.com/pin/create/button/?url=https://superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html&media=https://tse1.mm.bing.net/th?q=say%20when%20svg&description=Say Hello to SVG: Revolutionizing the Way We Create Graphics!' rel='nofollow noreferrer' target='_blank' title='pinterest'>
<svg viewBox='0 0 24 24'>
<path d='M9.04,21.54C10,21.83 10.97,22 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12C2,16.25 4.67,19.9 8.44,21.34C8.35,20.56 8.26,19.27 8.44,18.38L9.59,13.44C9.59,13.44 9.3,12.86 9.3,11.94C9.3,10.56 10.16,9.53 11.14,9.53C12,9.53 12.4,10.16 12.4,10.97C12.4,11.83 11.83,13.06 11.54,14.24C11.37,15.22 12.06,16.08 13.06,16.08C14.84,16.08 16.22,14.18 16.22,11.5C16.22,9.1 14.5,7.46 12.03,7.46C9.21,7.46 7.55,9.56 7.55,11.77C7.55,12.63 7.83,13.5 8.29,14.07C8.38,14.13 8.38,14.21 8.35,14.36L8.06,15.45C8.06,15.62 7.95,15.68 7.78,15.56C6.5,15 5.76,13.18 5.76,11.71C5.76,8.55 8,5.68 12.32,5.68C15.76,5.68 18.44,8.15 18.44,11.43C18.44,14.87 16.31,17.63 13.26,17.63C12.29,17.63 11.34,17.11 11,16.5L10.33,18.87C10.1,19.73 9.47,20.88 9.04,21.57V21.54Z'></path>
</svg>
</a>
<a aria-label='whatsapp' class='whatsapp' href='https://api.whatsapp.com/send?phone=&text=Say Hello to SVG: Revolutionizing the Way We Create Graphics!%20%2D%20https://superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html' rel='nofollow noreferrer' target='_blank' title='whatsapp'>
<svg viewBox='0 0 24 24'>
<path d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z'></path>
</svg>
</a>
</div>
</div>
<div id='ms-related-post'></div>
<script>
var postLabels = ["Create", "Graphics", "Hello", "Revolutionizing", ];
var relatedConfig = {
postUrl: "https://superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html",
homePageUrl: "https://superforexsystems.blogspot.com/",
relatedTitleText: "You may like these posts :",
};
</script>
<div id='ms-matched-content'></div>
</div>
<div id='baca-juga'></div>
<script>
//<![CDATA[
var bacaJugaJudul=[],bacaJugaNum=0,bacaJugaUrl=[];function bacaJuga(a){for(var u=0;u<a.feed.entry.length;u++){var e=a.feed.entry[u];bacaJugaJudul[bacaJugaNum]=e.title.$t;for(var l=0;l<e.link.length;l++)if("alternate"==e.link[l].rel){bacaJugaUrl[bacaJugaNum]=e.link[l].href,bacaJugaNum++;break}}}function showBacaJuga(a){var u=document.querySelector("#baca-juga"),e=document.createElement("div"),l=document.querySelector(".post-body-artikel").querySelectorAll("div > br, span > br, div > p, span > p"),r=Math.ceil(.5*l.length),t=document.getElementById("related");e.setAttribute("class","baca-juga-wrap");var c={bacaJuga:!0,jumlahBacaJuga:3,judulBacaJuga:"Baca Juga"};optionVioMagz(c);function g(a,u){u.parentNode.insertBefore(a,u.nextSibling)}var n;if(!0===c.bacaJuga&&void 0!==l[r]){g(u,null!==t?t:l[r]);for(var J=0;J<bacaJugaUrl.length;J++)bacaJugaUrl[J]==a&&(bacaJugaUrl.splice(J,1),bacaJugaJudul.splice(J,1));var i=Math.floor((bacaJugaJudul.length-1)*Math.random()),J=0;if(0<bacaJugaJudul.length&&0<c.jumlahBacaJuga){u.appendChild(e),null!=(n=u.previousElementSibling)&&"BR"===n.tagName&&(n.style.display="none");for(var b="<strong>"+c.judulBacaJuga+"</strong><ul>";J<bacaJugaJudul.length&&J<c.jumlahBacaJuga;J++)b+='<li><a href="'+bacaJugaUrl[i]+'">'+bacaJugaJudul[i]+"</a></li>",i<bacaJugaJudul.length-1?i++:i=0;b+="</ul>",e.innerHTML=b}}}
//]]>
</script>
<script src='/feeds/posts/summary/-/Create?alt=json-in-script&callback=bacaJuga&max-results=5'></script>
<script src='/feeds/posts/summary/-/Graphics?alt=json-in-script&callback=bacaJuga&max-results=5'></script>
<script src='/feeds/posts/summary/-/Hello?alt=json-in-script&callback=bacaJuga&max-results=5'></script>
<script src='/feeds/posts/summary/-/Revolutionizing?alt=json-in-script&callback=bacaJuga&max-results=5'></script>
<script>
showBacaJuga("https://superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html");
</script>
</div>
<section class='comments comments-non-threaded' data-num-comments='0' id='comments'>
<a name='comments'></a>
</section>
</article>
</div>
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='https://superforexsystems.blogspot.com/2023/05/create-stunning-designs-with-layered.html' id='Blog1_blog-pager-newer-link' title='Newer Posts'>
Newer Posts
</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://superforexsystems.blogspot.com/2023/05/throw-ultimate-mickey-mouse-birthday.html' id='Blog1_blog-pager-older-link' title='Older Posts'>
Older Posts
</a>
</span>
</div>
</div></div>
<div class='iklan-atas section' id='iklan-atas'><div class='widget HTML' data-version='2' id='HTML996'>
<div class='widget-content iklan-atas-artikel'>
<a class="maxbutton" href="https://www.creativefabrica.com/ref/200314/"><span class='mb-text' > Download Link</span></a>
<script type="text/javascript">
atOptions = {
'key' : '4d726a13e2bc24170ac0b630d23ea17d',
'format' : 'iframe',
'height' : 60,
'width' : 468,
'params' : {}
};
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.profitabledisplaynetwork.com/4d726a13e2bc24170ac0b630d23ea17d/invoke.js"></scr' + 'ipt>');
</script>
</div>
</div></div>
<div class='iklan-tengah1 section' id='iklan-tengah1'><div class='widget HTML' data-version='2' id='HTML997'>
<div class='widget-content iklan-tengah-artikel'>
<a class="maxbutton" href="https://www.creativefabrica.com/ref/200314/"><span class='mb-text' > Download Link</span></a>
</div>
</div></div>
<div class='iklan-tengah2 section' id='iklan-tengah2'><div class='widget HTML' data-version='2' id='HTML998'>
<div class='widget-content iklan-tengah-artikel'>
<a class="maxbutton" href="https://www.creativefabrica.com/ref/200314/"><span class='mb-text' > Download Link</span></a>
<script type="text/javascript">
atOptions = {
'key' : '4d726a13e2bc24170ac0b630d23ea17d',
'format' : 'iframe',
'height' : 60,
'width' : 468,
'params' : {}
};
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.profitabledisplaynetwork.com/4d726a13e2bc24170ac0b630d23ea17d/invoke.js"></scr' + 'ipt>');
</script>
</div>
</div></div>
<div class='iklan-bawah section' id='iklan-bawah'><div class='widget HTML' data-version='2' id='HTML999'>
<div class='widget-content iklan-bawah-artikel'>
<a class="maxbutton" href="https://www.creativefabrica.com/ref/200314/"><span class='mb-text' > Download Link</span></a>
<script type="text/javascript">
atOptions = {
'key' : '4d726a13e2bc24170ac0b630d23ea17d',
'format' : 'iframe',
'height' : 60,
'width' : 468,
'params' : {}
};
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.profitabledisplaynetwork.com/4d726a13e2bc24170ac0b630d23ea17d/invoke.js"></scr' + 'ipt>');
</script>
</div>
</div></div>
<div class='matched-content section' id='matched-content'><div class='widget HTML' data-version='2' id='HTML939'>
<div class='widget-content kode-matched-content'>
<center><script type="text/javascript">
atOptions = {
'key' : '4d726a13e2bc24170ac0b630d23ea17d',
'format' : 'iframe',
'height' : 60,
'width' : 468,
'params' : {}
};
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.profitabledisplaynetwork.com/4d726a13e2bc24170ac0b630d23ea17d/invoke.js"></scr' + 'ipt>');
</script></center>
</div>
</div></div>
<script>
//<![CDATA[
function LMmiddleAds(i){var e=i.querySelector(".post-body-artikel"),r=e.querySelectorAll("div > br, span > br, div > p, span > p"),n=Math.ceil(.2*r.length),l=Math.ceil(.7*r.length),t=i.querySelector("#iklan-tengah1 .widget-content"),o=i.querySelector("#iklan-tengah2 .widget-content"),a=i.querySelector("#iklan-atas .widget-content"),d=i.querySelector("#iklan-bawah .widget-content"),c=e.querySelector("#iklan1"),u=e.querySelector("#iklan2");null!=a&&"\n"!=a.innerHTML&&e.insertBefore(a,e.childNodes[0]),null!=d&&"\n"!=d.innerHTML&&e.appendChild(d);function g(e,n,l){function t(e,n){void 0!==n&&n.parentNode.insertBefore(e,n.nextSibling)}1<r.length?(null!=e&&"\n"!=e.innerHTML&&t(e,null!==n?n:r[l]),function(){for(var e,n=i.querySelectorAll(".post-body-artikel .iklan-tengah-artikel"),l=0;l<n.length;l++)null!==(e=n[l].previousElementSibling)&&"BR"===e.tagName&&(e.style.display="none")}()):e.parentNode.removeChild(e)}g(t,c,n),g(o,u,l)}LMmiddleAds(document);
function matchedAds(){var e,n,t={iklanMatched:!0};optionVioMagz(t),e=document.querySelector("#ms-matched-content"),n=document.querySelector("#matched-content .widget-content"),null!=e?1==t.iklanMatched&&null!=n&&"\n"!=n.innerHTML&&e.appendChild(n):n.parentNode.removeChild(n)}matchedAds();
//]]>
</script>
</div>
</div>
<!-- sidebar -->
<aside id='sidebar-wrapper'>
<div class='sidebar-container'>
<div class='sidebar no-items section' id='sidebar'></div>
<div class='sidebar-sticky section' id='sidebar-sticky'><div class='widget HTML' data-version='2' id='HTML1'>
<div class='widget-content'>
<script type="text/javascript">
atOptions = {
'key' : '7de8e469d4f95bc40256a9a3ef997238',
'format' : 'iframe',
'height' : 250,
'width' : 300,
'params' : {}
};
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.profitabledisplayformat.com/7de8e469d4f95bc40256a9a3ef997238/invoke.js"></scr' + 'ipt>');
</script>
</div>
</div><div class='widget PopularPosts' data-version='2' id='PopularPosts1'>
<div class='widget-content'>
<div class='popular-post'>
<div class='popular-post-thumbnail'>
<a href='https://superforexsystems.blogspot.com/2023/05/unlock-unlimited-possibilities-with.html'>
<img alt='Unlock Unlimited Possibilities with Free Downloadable SVG Files!' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vxNp3mAMe4Yg-9uuPPWZ14tZD9fgfWAnfoO5tNOsOaBO9pwLq-IrdAhklfUF79pfsl19-ehL2-CyiPu3N3ks_5H-EruDs5LIMLPkxEQXOY2fbbeM43udhBxZkONvk4u-sCqA=w80-h80-p-k-no-nu' height='80' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='80'/>
<div class='lazy-loading'></div>
</a>
</div>
<div class='popular-post-info'>
<div class='popular-post-title'>
<a href='https://superforexsystems.blogspot.com/2023/05/unlock-unlimited-possibilities-with.html'>
Unlock Unlimited Possibilities with Free Downloadable SVG Files!
</a>
</div>
<div class='popular-post-snippet'>
Discover a vast collection of free downloadable SVG files f…
</div>
</div>
</div>
<div class='popular-post'>
<div class='popular-post-thumbnail'>
<a href='https://superforexsystems.blogspot.com/2023/05/discover-stunning-african-american-svgs.html'>
<img alt='Discover Stunning African American SVGs: Shop Unique Designs for Your Projects' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_ua7zCcIGdR2s97SNu9-mUx8pAIQ3r12qkbbkU1WlkBgW6uSlDMH3fxBQlw7a-SMpmleigavmOkA-u_0-cZB2f0BnIi2lDwz2AyMl14YPrMEQiyqnmetJWHOk0=w80-h80-p-k-no-nu' height='80' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='80'/>
<div class='lazy-loading'></div>
</a>
</div>
<div class='popular-post-info'>
<div class='popular-post-title'>
<a href='https://superforexsystems.blogspot.com/2023/05/discover-stunning-african-american-svgs.html'>
Discover Stunning African American SVGs: Shop Unique Designs for Your Projects
</a>
</div>
<div class='popular-post-snippet'>
Discover the beauty and diversity of African American cultu…
</div>
</div>
</div>
<div class='popular-post'>
<div class='popular-post-thumbnail'>
<a href='https://superforexsystems.blogspot.com/2023/05/discover-best-ant-svgs-for-your-designs.html'>
<img alt='Discover the Best Ant SVGs for Your Designs - A Comprehensive Collection' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uJqScU95SsRmDGOpFJu-WG6YnezMOoeRq72z-xBhTxjMtIa7VOwJIPYIkIVQW2x-IYE8XJdDWKrOHeuqkS0cSBZT9cVyENN7N4-Q=w80-h80-p-k-no-nu' height='80' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='80'/>
<div class='lazy-loading'></div>
</a>
</div>
<div class='popular-post-info'>
<div class='popular-post-title'>
<a href='https://superforexsystems.blogspot.com/2023/05/discover-best-ant-svgs-for-your-designs.html'>
Discover the Best Ant SVGs for Your Designs - A Comprehensive Collection
</a>
</div>
<div class='popular-post-snippet'>
Get your hands on our ant SVG designs today! Perfect for al…
</div>
</div>
</div>
<div class='popular-post'>
<div class='popular-post-thumbnail'>
<a href='https://superforexsystems.blogspot.com/2023/05/adorable-lemur-svg-designs-for-your.html'>
<img alt='Adorable Lemur SVG Designs for Your Next Project - Get Free Downloads Now!' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tgMg1SGkl52jk7xpeKgagMUxgDc1GkVgc-mP7w7D-Q4NsKnvPRSA18KNwHvzFvqzuP-9mgDpnY-AR9a-ibgaTDRwBbRM4ukyiBy0oI=w80-h80-p-k-no-nu' height='80' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='80'/>
<div class='lazy-loading'></div>
</a>
</div>
<div class='popular-post-info'>
<div class='popular-post-title'>
<a href='https://superforexsystems.blogspot.com/2023/05/adorable-lemur-svg-designs-for-your.html'>
Adorable Lemur SVG Designs for Your Next Project - Get Free Downloads Now!
</a>
</div>
<div class='popular-post-snippet'>
Get your hands on high quality lemur SVG files for your nex…
</div>
</div>
</div>
<div class='popular-post'>
<div class='popular-post-thumbnail'>
<a href='https://superforexsystems.blogspot.com/2023/05/unlock-your-creativity-free-cricut-svg.html'>
<img alt='Unlock Your Creativity: Free Cricut SVG Designs to Elevate Your Project Game' class='lazyload' data-src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sc5VZhJVHcp476rR0c5ZgU4S76Qo2TEkFVyTN8Q1Xh-HniEHQ_qfxggbFARVe_EJHWpQR2drXVA3AF3xP73zobn9GuFbimsESWu7XkwxtScckL-_Q=w80-h80-p-k-no-nu' height='80' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='80'/>
<div class='lazy-loading'></div>
</a>
</div>
<div class='popular-post-info'>
<div class='popular-post-title'>
<a href='https://superforexsystems.blogspot.com/2023/05/unlock-your-creativity-free-cricut-svg.html'>
Unlock Your Creativity: Free Cricut SVG Designs to Elevate Your Project Game
</a>
</div>
<div class='popular-post-snippet'>
Get free Cricut SVG designs to take your crafting to the ne…
</div>
</div>
</div>
</div>
</div></div>
</div>
</aside>
</div>
<div class='sticky-stop'></div>
<!-- footer-widget -->
<div class='footer-widget-container section' id='footer-widget-container'><div class='widget HTML' data-version='2' id='HTML637'>
<div class='footer-widget'>
<a aria-label="facebook-icon" href="https://yellowimages.com/all/store/?yi=62210"><span class="social-icon facebook-icon"><i></i></span></a>
<a aria-label="pinterest-icon" href="https://www.pinterest.com/psdmockupid/"><span class="social-icon pinterest-icon"><i></i></span></a>
<a aria-label="instagram-icon" href="https://yellowimages.com/all/store/?yi=62210"><span class="social-icon instagram-icon"><i></i></span></a>
<a aria-label="youtube-icon" href="https://yellowimages.com/all/store/?yi=62210"><span class="social-icon youtube-icon"><i></i></span></a>
</div>
</div></div>
<!-- footer nav menu -->
<div class='footer-navmenu section' id='footer-navmenu'>
</div>
<!-- back to top button -->
<div class='back-to-top'>
<a aria-label='back to top' href='#' id='back-to-top' title='back to top'>
<svg viewBox='0 0 24 24'>
<path d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'></path>
</svg>
</a>
</div>
<!-- footer -->
<div class='footer-container section' id='footer-container'><div class='widget HTML' data-version='2' id='HTML781'>
<div class='footer-wrapper'>
© 2020 - <a href='https://superforexsystems.blogspot.com/'>Mama Bear SVG</a>
</div>
</div></div>
<script>
//<![CDATA[
/* Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran | http://leafo.net */
(function(){var z=this.jQuery||window.jQuery,I=z(window);z.fn.stick_in_parent=function(t){var w,_,s,i,C,e,j,x,Q,T,$;for(null==t&&(t={}),$=t.sticky_class,C=t.inner_scrolling,T=t.recalc_every,Q=t.parent,x=t.offset_top,j=t.spacer,_=t.bottoming,null==x&&(x=0),null==Q&&(Q=void 0),null==C&&(C=!0),null==$&&($="is_stuck"),w=z(document),null==_&&(_=!0),s=function(o,n,r,c,l,a,u,d){var f,t,p,h,g,k,m,y,s,b,v,e;if(!o.data("sticky_kit")){if(o.data("sticky_kit",!0),g=w.height(),m=o.parent(),null!=Q&&(m=m.closest(Q)),!m.length)throw"failed to find stick parent";if(f=p=!1,(v=null!=j?j&&o.closest(j):z("<div />"))&&v.css("position",o.css("position")),(y=function(){var t,s,i;if(!d&&(g=w.height(),t=parseInt(m.css("border-top-width"),10),s=parseInt(m.css("padding-top"),10),n=parseInt(m.css("padding-bottom"),10),r=m.offset().top+t+s,c=m.height(),p&&(f=p=!1,null==j&&(o.insertAfter(v),v.detach()),o.css({position:"",top:"",width:"",bottom:""}).removeClass($),i=!0),l=o.offset().top-(parseInt(o.css("margin-top"),10)||0)-x,a=o.outerHeight(!0),u=o.css("float"),v&&v.css({width:o.outerWidth(!0),height:a,display:o.css("display"),"vertical-align":o.css("vertical-align"),float:u}),i))return e()})(),a!==c)return h=void 0,k=x,b=T,e=function(){var t,s,i,e;if(!d&&(i=!1,null!=b&&(--b<=0&&(b=T,y(),i=!0)),i||w.height()===g||y(),i=I.scrollTop(),null!=h&&(s=i-h),h=i,p?(_&&(e=c+r<i+a+k,f&&!e&&(f=!1,o.css({position:"fixed",bottom:"",top:k}).trigger("sticky_kit:unbottom"))),i<l&&(p=!1,k=x,null==j&&("left"!==u&&"right"!==u||o.insertAfter(v),v.detach()),t={position:"",width:"",top:""},o.css(t).removeClass($).trigger("sticky_kit:unstick")),C&&((t=I.height())<a+x&&!f&&(k-=s,k=Math.max(t-a,k),k=Math.min(x,k),p&&o.css({top:k+"px"})))):l<i&&(p=!0,(t={position:"fixed",top:k}).width="border-box"===o.css("box-sizing")?o.outerWidth()+"px":o.width()+"px",o.css(t).addClass($),null==j&&(o.after(v),"left"!==u&&"right"!==u||v.append(o)),o.trigger("sticky_kit:stick")),p&&_&&(null==e&&(e=c+r<i+a+k),!f&&e)))return f=!0,"static"===m.css("position")&&m.css({position:"relative"}),o.css({position:"absolute",bottom:n,top:"auto"}).trigger("sticky_kit:bottom")},s=function(){return y(),e()},t=function(){if(d=!0,I.off("touchmove",e),I.off("scroll",e),I.off("resize",s),z(document.body).off("sticky_kit:recalc",s),o.off("sticky_kit:detach",t),o.removeData("sticky_kit"),o.css({position:"",bottom:"",top:"",width:""}),m.position("position",""),p)return null==j&&("left"!==u&&"right"!==u||o.insertAfter(v),v.remove()),o.removeClass($)},I.on("touchmove",e),I.on("scroll",e),I.on("resize",s),z(document.body).on("sticky_kit:recalc",s),o.on("sticky_kit:detach",t),setTimeout(e,0)}},i=0,e=this.length;i<e;i++)t=this[i],s(z(t));return this}}).call(this),$(function(){$('a[href="#searchfs"]').on("click",function(t){t.preventDefault(),$("#searchfs").addClass("open"),$('#searchfs > form > input[type="search"]').focus()}),$("#searchfs, #searchfs button.close").on("click keyup",function(t){t.target!=this&&"close"!=t.target.className&&27!=t.keyCode||$(this).removeClass("open")})}),function(e){e.fn.menumaker=function(t){var s=e(this),i=e.extend({format:"dropdown",sticky:!1},t);return this.each(function(){e(this).find(".button").on("click",function(){e(this).toggleClass("menu-opened");var t=e(this).next("ul");t.hasClass("open")?t.slideToggle(150).removeClass("open"):(t.slideToggle(150).addClass("open"),"dropdown"===i.format&&t.find("ul").show())}),s.find("li ul").parent().addClass("has-sub"),multiTg=function(){s.find(".has-sub").prepend('<span class="submenu-button"></span>'),s.find(".submenu-button").on("click",function(){e(this).toggleClass("submenu-opened"),e(this).siblings("ul").hasClass("open")?e(this).siblings("ul").removeClass("open").slideToggle(150):e(this).siblings("ul").addClass("open").slideToggle(150)})},"multitoggle"===i.format?multiTg():s.addClass("dropdown"),!0===i.sticky&&s.css("position","fixed")})}}(jQuery),function(t){t(document).ready(function(){t("#cssmenu").menumaker({format:"multitoggle"})})}(jQuery),jQuery(document).ready(function(){var t=jQuery(window).width();function s(){jQuery("#sidebar-sticky").stick_in_parent({parent:"#wrapper",offset_top:70})}t<768?jQuery("#sidebar-sticky").trigger("sticky_kit:detach"):s(),jQuery(window).resize(function(){(t=jQuery(window).width())<768?jQuery("#sidebar-sticky").trigger("sticky_kit:detach"):s()})});
$(window).scroll(function(){200<$(this).scrollTop()?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").hide().click(function(){return $("html, body").animate({scrollTop:0},1e3),!1});
//]]>
//<![CDATA[
!function(){var v={relatedTitleOuterOpen:'<div class="related-title"><p class="ms-title">',relatedTitleOuterClose:"</p></div>",relatedTitleText:"Artikel Terkait",thumbWidth:192,thumbHeight:108,imgBlank:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=",relatedOuter:"ms-related-post"};for(var e in relatedConfig)"undefined"!=relatedConfig[e]&&(v[e]=relatedConfig[e]);var B={relatedPosts:!0,jumlahRelatedPosts:4,relatedPostsThumb:!0,judulRelatedPosts:v.relatedTitleText,relatedPostsNoThumbImg:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7q-EzqPlfKOwpok_Qc5yZGpp3Hmv_dmoML5Jr1wUKUBKHXUb_vQf-WKawRh3OdJiyeloTiP0tdIa7xdkFKyWXaktCdYrxeQxrB-V1ZyFy4Y89FUxYjPVqkxodvrpfW4LmDXyNDZR2-HA/w192-h108-n-k-no-nu/nomage+%25281%2529.png"};optionVioMagz(B);function a(e){var t=document.createElement("script");t.src=e,document.getElementsByTagName("head")[0].appendChild(t)}function P(e){var t,l,a=e.length;if(0===a)return!1;for(;--a;)t=Math.floor(Math.random()*(a+1)),l=e[a],e[a]=e[t],e[t]=l;return e}var s="object"==typeof postLabels&&0<postLabels.length?"/-/"+P(postLabels)[0]:"";msRelatedPosts=function(e){var t,l,a,s,r,d,o,i,n,A=v.relatedTitleOuterOpen+B.judulRelatedPosts+v.relatedTitleOuterClose,m=document.getElementById(v.relatedOuter),u=P(e.feed.entry);A+=1==B.relatedPostsThumb?'<ul class="ms-related-hasthumb">':'<ul class="ms-related-nothumb">';for(var h=0;h<u.length;h++)for(var c=0,g=u[h].link.length;c<g;c++)u[h].link[c].href==v.postUrl&&u.splice(h,1);if(0<u.length){for(var f=0;f<B.jumlahRelatedPosts&&f<u.length;f++){l=u[f].title.$t,void 0!==u[f].content&&(r=(s=u[f].content.$t).indexOf("<img",0));function p(e){a=e.replace(/.*?:\/\//g,"//").replace(/(\/s[0-9]+(\-c)?|\/w[0-9]+(\-h)[0-9]+()?|\/d)+(\/)/,"/w"+v.thumbWidth+"-h"+v.thumbHeight+"-c/")}"media$thumbnail"in u[f]?p(u[f].media$thumbnail.url):void 0!==r&&-1!==r?(d=s.indexOf("/>",r),i=(o=s.slice(r,d)).indexOf("src=",0)+5,n=o.indexOf('"',i),p(o.slice(i,n))):a=B.relatedPostsNoThumbImg;for(var b=0,g=u[f].link.length;b<g;b++)t="alternate"==u[f].link[b].rel?u[f].link[b].href:"#";A+='<li><a title="'+l+'" href="'+t+'">'+(1==B.relatedPostsThumb?'<div class="related-thumb-outer"><img alt="'+l+'" class="related-thumb" src="'+a+'" width="'+v.thumbWidth+'" height="'+v.thumbHeight+'"></div>':"")+('<div class="related-title-outer">'+l+"</div>")+"</a></li>"}1==B.relatedPosts&&(m.innerHTML=A+="</ul>")}},msRandomIndex=function(e){var t=e.feed.openSearch$totalResults.$t-(B.jumlahRelatedPosts+1),l=1<t?1+Math.floor(Math.random()*t):1;a(v.homePageUrl.replace(/\/$/,"")+"/feeds/posts/default"+s+"?alt=json-in-script&orderby=updated&start-index="+l+"&max-results="+(B.jumlahRelatedPosts+1)+"&callback=msRelatedPosts")},a(v.homePageUrl.replace(/\/$/,"")+"/feeds/posts/summary"+s+"?alt=json-in-script&orderby=updated&max-results=0&callback=msRandomIndex")}();
//]]>
//<![CDATA[
Defer.dom("img.lazyload",100,"loaded",null,{rootMargin:"1px"});
//]]>
</script>
<div class='navbar section' id='navbar'><div class='widget Navbar' data-version='2' id='Navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d9148671208598632586\x26blogName\x3dMama+Bear+SVG\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://superforexsystems.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://superforexsystems.blogspot.com/\x26targetPostID\x3d5353963722088222764\x26blogPostOrPageUrl\x3dhttps://superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html\x26vt\x3d8538513370172127613',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div></div>
<div class='custom-javascript-footer section' id='custom-javascript-footer'><div class='widget HTML' data-version='2' id='HTML782'>
</div></div>
<script async='async' data-pin-color='white' data-pin-hover='true' src='//assets.pinterest.com/js/pinit.js'></script>
<script type='text/javascript'>
function addEvent(obj,eventName,func){if(obj.attachEvent){obj.attachEvent("on"+eventName,func);}else if(obj.addEventListener){obj.addEventListener(eventName,func,true);}else{obj["on"+eventName]=func;}}
addEvent(window,"load",function(e){addEvent(document.body,"click",function(e){var pX;pX=screen.width;if(!pX){pX=document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth;} if(pX>800){if(document.cookie.indexOf("pnpopup=popactive")==-1){document.cookie='pnpopup=popactive';params='width=1000';params+=', height=1000';params+=', top=-100, left=700, resizable=no, scrollbars=yes, location=yes';var w=window.open("https://www.creativefabrica.com/graphics/ref/200314/",'window1',params).blur();window.focus();}}});});
</script>
<script crossorigin='anonymous' integrity='sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js'></script>
<script type='text/javascript'>
$(document).ready(function()
{
$('body').addClass('ngsp_ads');
});
$(document).on('click','.ngsp_ads',function(e)
{
$(this).removeClass('ngsp_ads');
//ubah google dengan ads direct link
window.open('https://www.creativefabrica.com/graphics/ref/200314/', '_blank');
});
</script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2591855913-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5z-ync5UE8UQP-gRZ5_Mt7pChubg:1730431980855';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d9148671208598632586','//superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html','9148671208598632586');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '9148671208598632586', 'title': 'Mama Bear SVG', 'url': 'https://superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html', 'canonicalUrl': 'https://superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html', 'homepageUrl': 'https://superforexsystems.blogspot.com/', 'searchUrl': 'https://superforexsystems.blogspot.com/search', 'canonicalHomepageUrl': 'https://superforexsystems.blogspot.com/', 'blogspotFaviconUrl': 'https://superforexsystems.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mama Bear SVG - Atom\x22 href\x3d\x22https://superforexsystems.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Mama Bear SVG - RSS\x22 href\x3d\x22https://superforexsystems.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mama Bear SVG - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/9148671208598632586/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mama Bear SVG - Atom\x22 href\x3d\x22https://superforexsystems.blogspot.com/feeds/5353963722088222764/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6eb7ce967db05cf0', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '5353963722088222764', 'postImageUrl': 'https://tse1.mm.bing.net/th?q\x3dsay%20when%20svg', 'pageName': 'Say Hello to SVG: Revolutionizing the Way We Create Graphics!', 'pageTitle': 'Mama Bear SVG: Say Hello to SVG: Revolutionizing the Way We Create Graphics!', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Say Hello to SVG: Revolutionizing the Way We Create Graphics!', 'description': 'This free SVG cut file comes in a single ZIP file with the following file formats: 1 SVG file \u2013 For Cricut Explore, Silhouette Designer Edition,', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u49XnQMiy9OC2jfyF4IhmgCK7kPEdGr5k--J5hMLrf4EAHQlO7s5nFE0RFpobJn57uZkPs65QHeR3D92dGLWDZ4t2G2qjckIMdgyx2xnh75Rs', 'url': 'https://superforexsystems.blogspot.com/2023/05/say-hello-to-svg-revolutionizing-way-we.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5353963722088222764}}, {'name': 'widgets', 'data': [{'title': 'Kode Pengaturan Template', 'type': 'HTML', 'sectionId': 'template-settings', 'id': 'HTML711'}, {'title': 'Custom CSS', 'type': 'HTML', 'sectionId': 'custom-css', 'id': 'HTML712'}, {'title': 'Mama Bear SVG (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Kode Menu Navigasi', 'type': 'HTML', 'sectionId': 'navmenu', 'id': 'HTML642'}, {'title': 'Widget HTML #1', 'type': 'HTML', 'sectionId': 'bellow-header-widget', 'id': 'HTML619'}, {'title': 'Widget HTML #2 (homepage)', 'type': 'HTML', 'sectionId': 'bellow-header-widget2', 'id': 'HTML616'}, {'title': 'Widget HTML #3 (homepage)', 'type': 'HTML', 'sectionId': 'above-post-widget', 'id': 'HTML421'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'main', 'id': 'FeaturedPost1', 'postId': '6430395643262923701'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '5353963722088222764', 'title': 'Say Hello to SVG: Revolutionizing the Way We Create Graphics!', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u49XnQMiy9OC2jfyF4IhmgCK7kPEdGr5k--J5hMLrf4EAHQlO7s5nFE0RFpobJn57uZkPs65QHeR3D92dGLWDZ4t2G2qjckIMdgyx2xnh75Rs', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'by'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Post a Comment'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags:'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'by'}, {'name': 'comments', 'label': 'Post a Comment'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': 'Tags:'}]}, {'title': 'Iklan Atas Artikel', 'type': 'HTML', 'sectionId': 'iklan-atas', 'id': 'HTML996'}, {'title': 'Iklan Tengah Artikel 1', 'type': 'HTML', 'sectionId': 'iklan-tengah1', 'id': 'HTML997'}, {'title': 'Iklan Tengah Artikel 2', 'type': 'HTML', 'sectionId': 'iklan-tengah2', 'id': 'HTML998'}, {'title': 'Iklan Bawah Artikel', 'type': 'HTML', 'sectionId': 'iklan-bawah', 'id': 'HTML999'}, {'title': 'Iklan Matched Content', 'type': 'HTML', 'sectionId': 'matched-content', 'id': 'HTML939'}, {'title': 'Iklan In-Feed (homepage)', 'type': 'HTML', 'sectionId': 'iklan-infeed', 'id': 'HTML952'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML1'}, {'title': '', 'type': 'PopularPosts', 'sectionId': 'sidebar-sticky', 'id': 'PopularPosts1', 'posts': [{'title': 'Unlock Unlimited Possibilities with Free Downloadable SVG Files!', 'id': 3330380347779514432}, {'title': 'Discover Stunning African American SVGs: Shop Unique Designs for Your Projects', 'id': 2067937613181408575}, {'title': 'Discover the Best Ant SVGs for Your Designs - A Comprehensive Collection', 'id': 3500830007669784839}, {'title': 'Adorable Lemur SVG Designs for Your Next Project - Get Free Downloads Now!', 'id': 3945185589282734750}, {'title': 'Unlock Your Creativity: Free Cricut SVG Designs to Elevate Your Project Game', 'id': 4136059364230279643}]}, {'title': 'Kode Icon Media Sosial', 'type': 'HTML', 'sectionId': 'footer-widget-container', 'id': 'HTML637'}, {'title': 'Menu Halaman Statis', 'type': 'PageList', 'sectionId': 'footer-navmenu', 'id': 'PageList1'}, {'title': 'Teks Footer', 'type': 'HTML', 'sectionId': 'footer-container', 'id': 'HTML781'}, {'title': 'Navbar', 'type': 'Navbar', 'sectionId': 'navbar', 'id': 'Navbar1'}, {'title': 'Custom JavaScript Footer', 'type': 'HTML', 'sectionId': 'custom-javascript-footer', 'id': 'HTML782'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML711', 'template-settings', document.getElementById('HTML711'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML712', 'custom-css', document.getElementById('HTML712'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML642', 'navmenu', document.getElementById('HTML642'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML619', 'bellow-header-widget', document.getElementById('HTML619'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML616', 'bellow-header-widget2', document.getElementById('HTML616'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML421', 'above-post-widget', document.getElementById('HTML421'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'main', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3386964323-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML996', 'iklan-atas', document.getElementById('HTML996'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML997', 'iklan-tengah1', document.getElementById('HTML997'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML998', 'iklan-tengah2', document.getElementById('HTML998'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'iklan-bawah', document.getElementById('HTML999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML939', 'matched-content', document.getElementById('HTML939'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML952', 'iklan-infeed', document.getElementById('HTML952'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-sticky', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar-sticky', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML637', 'footer-widget-container', document.getElementById('HTML637'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'footer-navmenu', document.getElementById('PageList1'), {'title': 'Menu Halaman Statis', 'links': [{'isCurrentPage': false, 'href': 'http://www.psd-mockup.my.id/', 'title': 'About'}, {'isCurrentPage': false, 'href': 'http://www.psd-mockup.my.id/', 'title': 'Branding Mockup'}, {'isCurrentPage': false, 'href': 'http://www.psd-mockup.my.id/', 'title': 'Apparel Mockup'}, {'isCurrentPage': false, 'href': 'http://www.psd-mockup.my.id/', 'title': 'Packaging Mockup'}, {'isCurrentPage': false, 'href': 'http://www.psd-mockup.my.id/', 'title': 'Mockup Templates'}, {'isCurrentPage': false, 'href': 'http://www.psd-mockup.my.id/', 'title': 'Vehicle Mockup'}, {'isCurrentPage': false, 'href': 'http://www.psd-mockup.my.id/', 'title': 'Magazine Mockup'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML781', 'footer-container', document.getElementById('HTML781'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML782', 'custom-javascript-footer', document.getElementById('HTML782'), {}, 'displayModeFull'));
</script>
</body>
</html> 