يقتبس
لإنشاء اقتباس بسيط، ما عليك سوى تحديد النص الذي تريد أن يكون اقتباسًا، ثم انقر فوق أيقونة الاقتباس من لوحة محرر نص منشور المدونة.
زر
تمت إضافة زر العرض التوضيحي والتنزيل.
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear"></div>
كابح
<div id="flippy"><button>Spoiler</button></div>
<div id="flippanel">
--- TAMBAHKAN KONTEN DISINI ---
</div>
تقسيم محتوى المنشور إلى ثلاثة أجزاء
<div class="bagitiga">
--- TAMBAHKAN KONTEN DISINI ---
</div>
إدراج الجداول في المشاركات
<table cellpadding="0" cellspacing="0" style="text-align: left;">
<tbody>
<tr>
<th>Table Header 1</th>
<th>Table Header 2</th>
<th>Table Header 3</th>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
</tbody>
</table>
تضمين مقاطع فيديو يوتيوب في المنشورات
أضف الكود أدناه داخل منشور مدونتك في علامة التبويب HTML واستبدل رابط فيديو YouTube هذا _1EYAH8dmx0 برابط فيديو YouTube الخاص بك .
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/_1EYAH8dmx0">
</div>
</div>
</div>
إضافة كود التمييز في المنشورات
أضف الكود أدناه داخل منشور مدونتك ضمن علامة التبويب HTML واستبدل هذا النص --PASTE CODE HERE-- بكود HTML/JavaScript/CSS الخاص بك.
<pre><code>--PASTE KODE DI SINI--</code></pre>
ينبغي تحليل رمز الترميز أولاً هنا هنا
9. إصدار Safelink
إضافة كود Safelink في المنشورات
أضف هذا الكود داخل التدوينة، وأدخله بين فقرات مقالة مدونتك (أعلاه). استبدل الكود المحدد بكود الإعلان الخاص بك.
<div id="timer"></div>
<div class="text-center">
<button id='getlink' class='btn bt-success hidden' disabled=''>Get Link</button>
<!-- Kode iklan di sini -->
</div>
ثم قم بإضافة هذا الكود داخل التدوينة، وأدخله بين فقرات مقالة مدونتك (في الأسفل). استبدل الكود المحدد بكود الإعلان الخاص بك.
<div class="text-center">
<button id='gotolink' class='btn bt-success hidden' disabled=''>Go to Link</button>
<div style='margin:auto;display:inline-block'>
<!-- Kode iklan di sini -->
</div>
</div>
ومن الأمثلة على ذلك ما يلي:
Oh acceptance apartments up sympathize astonished delightful. Waiting him new lasting towards. Continuing melancholy especially so to. Me unpleasing impossible in attachment announcing so astonished. What ask leaf may nor upon door. Tended remain my do stairs. Oh smiling amiable am so visited cordial in offices hearted.
<div id="timer"></div>
<div class="text-center">
<button id='getlink' class='btn bt-success hidden' disabled=''>Get Link</button>
<!-- Kode iklan di sini -->
</div>
So insisted received is occasion advanced honoured. Among ready to which up. Attacks smiling and may out assured moments man nothing outward.
<h4>
Me unpleasing impossible</h4>
Oh acceptance apartments up sympathize astonished delightful. Waiting him new lasting towards. Continuing melancholy especially so to. Me unpleasing impossible in attachment announcing so astonished. What ask leaf may nor upon door. Tended remain my do stairs. Oh smiling amiable am so visited cordial in offices hearted.
<div class="text-center">
<button id='gotolink' class='btn bt-success hidden' disabled=''>Go to Link</button>
<div style='margin:auto;display:inline-block'>
<!-- Kode iklan di sini -->
</div>
</div>
Down has rose feel find man. Learning day desirous informed expenses material returned six the. She enabled invited exposed him another. Reasonably conviction solicitude me mr at discretion reasonable. Age out full gate bed day lose.
رابط الأمان التلقائي
لاستخدام Auto Safelink، أضف الكود الموجود أدناه إلى مدونتك الرئيسية قبل الكود </body> مباشرةً حتى تشير جميع الروابط الموجودة في المدونة الرئيسية تلقائيًا إلى مدونة Safelink الخاصة بك.
<script type="text/javascript">
//<![CDATA[
var setting={exceptionurl:"google.com,twitter.com",path:"#?o="};
//]]>
</script>
<script src="https://cdn.jsdelivr.net/gh/Indzign/theme@master/autosafelink.js"></script>
<script src="https://www.blogger.com/feeds/3441289521812010022/posts/default?alt=json-in-script&max-results=150&callback=showurl"></script>
استبدل معرف المدونة هذا 3441289521812010022 بمعرف مدونة Safelink الخاص بك. وأضف عنوان URL للاستثناء إلى كود exceptionurl.
وسائل التواصل الاجتماعي
الرجاء فتح Blogger > Theme > انقر فوق Edit HTML
ابحث عن الكود أدناه وابحث عن الكود # أسفله ثم استبدل الكود # برابط مدونتك.
<section class='hero' id='hero1'>
<div class='inner1'>
<div class='copyv'>
<h3><span class='spim'>In SEO</span> Safelink</h3>
<div id='mariber-social'>
<ul>
<li class='fb-item'>
<a href='#' rel='nofollow noopener' target='_blank' title='Follow Us on Facebook'><i class='fa fa-facebook fa-fw'/><span class='inv'/></a>
</li>
<li class='twitter-item'>
<a href='#' rel='nofollow noopener' target='_blank' title='Follow Us on Twitter'><i class='fa fa-twitter fa-fw'/><span class='inv'/></a>
</li>
<li class='instagram-item'>
<a href='#' rel='nofollow noopener' target='_blank' title='Follow Us on Instagram'><i class='fa fa-instagram fa-fw'/><span class='inv'/></a>
</li>
</ul>
</div>
</div>
</div>
</section>
أداة نموذج الاتصال (الإصدارات المخصصة للقراءة فقط في Safelink وIn SEO)
أضف الكود أدناه داخل المنشور الثابت في مدونتك
Silakan isi form di bawah ini untuk menghubungi admin. Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.
<form name="contact-form">
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='Name' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='Email' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='Message' rows="7"></textarea>
</div>
<div class='formcolumn4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#ContactForm1{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{font-family:'Google Sans';display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Google Sans';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://2.bp.blogspot.com/-nkmaptT0VoA/WumFePAy9DI/AAAAAAAAGlM/8lA5aRi2E-okumpdikjQancIKDjYaGNqwCLcBGAs/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>