Cara Menampilkan Postingan Yang Di Kirim Ke Blog ( Amp )

Cara menampilkan postingan yang di kirim ke blog ( AMP )

Sebenarnya saya binggung mau di beri judul apa tentang postingan kali ini kemarin setalah saya liat di blog Kompi Ajaib saya melihat ada cantuman di akhir postingan ada author penulis di bawahnya tetapi yang posting bukan orang lain atau penulis yang mengirim posting tapi justru oleh kang adhy sendiri
Jadi intinya yang memposting itu bukan orang lain tapi pemilik blog itu sendiri ( Kompi Ajaib ) ini cuma hanya menampilkan profile author di bawahnya saja,jadi dengan begitu orang lain ini tidak nulis di blog itu cuma mengirimkan postingan lewat jalan lain atau metode lainya

Sebenarnya jika ingin menampilkan author profile di blog AMP ini cuma tinggal mengundang penulis di blog itu dan setalah di undang lalu di terima secara otomatis penulis bisa nulis di blog kita dan secara otomatis juga ini akan menampilkan author penulis tersebut.

Jika anda ingin mencoba menampilkan author penulis di blog tanpa harus mengundang telerlebih dalu penulis dan tentunya ada sendiri yang menulisnya cuma menampilkan author postingan yang di kirim ke anda atau juga anda kopy paste postingan orang lain heheh ya tentunya harus harus seizin yang punya blog tersebut jadi seolah olah postingan itu di tulis oleh author berbeda padah ini cuma anda sendiri heheh


Ok mengkin sedikit mengerti ya maksud saya,jika ingin mencobanya simak langkah langkahnya berikut ini :

1.

Pertama silhkan anda simpan kode CSS di bawah ini dan simpan di bawah <style amp-custom='amp-custom'>

.post-sender{background:#E5E5E5;padding:10px;width:auto;display:block;position:relative;font-size:16px;margin:30px auto;color:#141924}.photo-sender,.post-sender img{width:90px;height:90px}.title-sender{border-bottom:1px solid #dbdbdb;padding-bottom:8px;line-height:1.3em}.photo-sender{overflow:hidden;display:inline-block;margin:10px 10px 0 0;position:relative;float:left}.name-sender{font-weight:500;line-height:1.3em;display:inline-block;text-align:left}.profil-description{padding-top:10px;border-top:1px solid #eeeded}.profil-description p{margin-top:5px;margin-bottom:0;line-height:1.3em;font-size:100%}.post-sender::before{content:"";display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #E5E5E5;position:absolute;top:-10px;left:50%;margin-left:-10px}

2.

Langkah kedua lalu gunakan code HTML di bawah ini bisa di simpan di akhir postingan anda yang anda tulis
<div class="post-sender">
<div class="title-sender">
Postingan ini dikirim oleh:
    </div>
<div class="photo-sender">
<amp-img alt="Encep Nurdin" height="90" src="https://4.bp.blogspot.com/-qKQcXECGh8c/WZ29lXXRXtI/AAAAAAAADrM/wrNzXP6YIdINTSxlpXbsxd4nPWpX4UatQCLcBGAs/s1600/logoadmin.jpg" title="Encep Nurdin" width="90"></amp-img>
    </div>
<div class="profil-description">
<div class="name-sender separator">
<a href="https://plus.google.com/+EncepNurdin" target="_blank" title="Encep Nurdin">Encep Nurdin</a></div><br/>
Seorang Blogger pemula yang suka belajar bla bla bla bla.....</div>

Silahkan anda ganti/seuaikan namanya,url google plus,gambar,dan juga kata-katanya
Pastikan juga anda di mode HTML bukan di mode Compose

Mungkin hanya itu yang bisa sampaikan maaf bila kurang jelas tentang postingan kali ini, bisa kirim pesan lewat pansfage saya jika ada pertanyaan


blog views
Reactions:
Donate via PayPal

You Might Also Like:

ADD A COMMENT WITH YOUR FACEBOOK PLEASE WAIT FOR FACEBOOK COMMENT WILL SOON OPEN

ADD A COMMENT WITH DISQUS HIDE COMMENT

Disqus Comments

ADD A COMMENT WITH GOOGLE PLUS HIDE COMMENT

google Comments

Hello, how may we help you? Just send us a message now to get assistance.

Facebook Messenger ×