ब्लॉगर पोस्ट को कैसे प्रिंट करें how to print in blogger post
किसी पोस्ट को pdf के रूप में डाउनलोड करने के लिए थीम में जाकर search करे <data:post.body/>
एक थीम में कई <data:post.body/> हो सकते है तो सटीक के निचे में निचे दिए code को पेस्ट करे बस हो गया
<b:if cond='data:blog.pageType == "item"'>
<style>
.print-button {
display: inline-block;
padding: 10px 20px;
margin: 10px 0;
background-color: #4b5563;
color: white;
text-align: center;
text-decoration: none;
border-radius: 5px;
cursor: pointer;
font-family: 'Roboto', sans-serif;
}
.print-button:hover {
opacity: 0.9;
}
@media print {
.blog-pager, .footer, #question-form, .widget-content, #navbar-iframe-container, .header-inner, .sidebar,
.question-form, .comments, .feed-links, .comment-form, .post-footer, .post-labels, .post-comment-link,
.post-share-buttons, .post-actions {
display: none !important;
}
.main-wrapper {
margin: 0;
padding: 0;
position: relative;
}
.post-body {
margin: 0;
padding: 0;
width: 100%;
}
/* दोहराया जाने वाला टेक्स्ट वाटरमार्क */
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;utf8,<svg height='100' width='300' xmlns='http://www.w3.org/2000/svg'><text fill='%23666' font-family='Arial' font-size='20' transform='rotate(-45 10 50)' x='10' y='50'>aaryanchiram@gmail.com</text></svg>");
background-repeat: repeat; /* टेक्स्ट को पूरे पेज पर दोहराएँ */
opacity: 0.3; /* टेक्स्ट को हल्का करें */
z-index: -1; /* कंटेंट के पीछे रखें */
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
/* मूल छवि वाटरमार्क */
body::after {
content: '';
position: fixed;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTH5qJyr8y1SnWcpPmMdvLuiO6tMC2qwQT71g-ccw7SizY-Zcw0pZo_yaoxGgFKdzZEagAQvWjHKIEwNuhKh97eSrgly-2VXSOEJcToexJjdhE3K0qXGTMWbrsItlIPYDkxr084ygLiY-G2h-Td6KaOfccNBZmNBaU7fV7lMrFgtPwVWShcnclqAF0uNo/s299/1.png');
background-repeat: no-repeat;
background-position: center;
background-size: 50%; /* छवि का आकार */
opacity: 0.4; /* छवि को हल्का करें */
transform: translate(-50%, -50%);
z-index: -1; /* कंटेंट के पीछे रखें */
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
</style>
</b:if>
<!-- ब्लॉगर पोस्ट लूप में प्रिंट बटन जोड़ें -->
<b:loop values='data:posts' var='post'>
<!-- प्रिंट बटन -->
<b:if cond='data:blog.pageType == "item"'>
<button class='print-button' onclick='window.print()'>
<i class='fas fa-print'/> प्रिंट
</button>
</b:if>
</b:loop>
प्रिंट बटन दबाने
पर ऐसा शो होगा
No comments: