Fulan Rifai

Pada kesempatan kali ini Blogspot ID akan share artikel mengenai Cara Membuat Author Box Dibawah Postingan Blog. Cara ini memang tidak terlalu penting dalam sebuah blog, tapi terserah bagaimana Anda menilainya dengan menggunakan cara ini. Menurut saya dengan menambahkan box author di bawah postingan sangatlah penting karena selain menjelaskan mengenai suatu artikel juga bisa memberitahukan detai penulis artikel tersebut kepada para pembaca artikel tersebut. Selain itu juga dengan menggunakan author box dibawah postingan akan sedikit mempercantik blog kita, ya terutama dalam desainnya. Langsung saja lihat tutorial membuat author box dibawah postingan ini :

1. Masuk ke Blogger.com
2. Pilih blog yang akan Anda edit
3. Cari kode ini <data:post.body/> (tekan tombol F3 atau Ctrl + F untuk mempercepat pencarian)
4. Jika sudah ketemu, copy kode dibawah ini :

<!--BLOG DESIGN author box START-->
                            <b:if cond=data:blog.pageType == &quot;item&quot;>
                              <div class=Rivai-PostAuthor>
                                <div class=Rivai>
                                  <a href=http://blogspot.com target=_blank>
                                    <img alt=Ficri Pebriyana height=100 src=https://lh6.googleusercontent.com/-dDGslvZb6Eo/AAAAAAAAAAI/AAAAAAAAABY/z3z5GmH5q3U/s120-c/photo.jpg title=My Image width=100/>
                                  </a>
                                  <div style=font-family: Geneva, Arial, Helvetica, sans-serif; padding:3px 10px; border:solid #0000FF 1px; background-color:#00CCFF; margin-top:7px; text-align: center; border-color: #0066FF; border-radius:3px; color:#000000; text-shadow: NONE;>
                                    <b>
                                      Ficri Pebriyana                                    </b>                                  </div>
                                </div>
                                <div class=Rivai-text>
                                  <span style=font-size: large;>
                                    <b>
                                      <span style=font-family: Trebuchet MS,sans-serif; color: #990000;>
                                        <h3>Ditulis Oleh : <a expr:href=data:post.authorProfileUrl rel=author title=Author Profile><data:post.author/></a></h3></span></b></span>
                                  <div style=font-family: Trebuchet MS,sans-serif;border-top: dashed #999 1px;border-bottom: dashed #999 1px;>
                                    Terimakasih telah membaca artikel tentang <b><a expr:href=data:post.url><data:post.title/></a></b> Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya :
                                    <br/></div>
<textarea cols=50 id=bloglinking name=bloglinking onclick=this.focus();this.select() onfocus=this.select() onmouseover=this.focus() readonly=readonly rows=2>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
                                    <div class=button style=margin-top:5px;>
                                      <div style=float:left;text-align:left;>
                                        Join Me On:
                                        <a class=button href=https://www.facebook.com/ficri12 rel=nofollow style=color:#fff; target=_blank title=Facebook>
                                          Facebook
                                        </a>
                                     
                                        <a class=button href=https://twitter.com/FicriPebriyana rel=nofollow style=color:#fff; target=_blank title=Twitter>
                                          Twitter
                                        </a>
                                     
                                        <a class=button href=https://plus.google.com/113476389135682194012 rel=nofollow style=color:#fff; target=_blank title=Google+>
                                          Google+
                                        </a>
                                   
                                   
                                      <a class=button href=http://www.blogger.com/follow-blog.g?blogID=3229542297821170139 rel=nofollow style=color:#fff; target=_blank title=Join To Blog>
                                       
Join To Blog                                      </a> </div>
                                    </div>
                                    <div class=more style=float:right;text-align:right;margin-top:18px;>
                                      <a href=http://blogspot.com/2013/10/membuat-author-box-dibawah-postingan.html rel=nofollow target=_blank title=Get Widget>
                                        &gt;&gt; Get Widget 
                                      </a>
                                    </div>
                                </div>
                              </div>
                           
                              <div style=clear:both;/>
                            </b:if>
                           <!--BLOG DESIGN author box END-->

Ganti tulisan yang berwarna Biru dengan kode dan tulisan Anda

5. Anda akan menemukan kode <data:post.body/> lebih dari 1
6. Paste kode di atas, tepat dibawah kode <data:post.body/>
7. Klik Simpan Template

Catatan :
Jika Anda menemukan kode <data:post.body/> lebih dari 1 maka copy pastekan script di atas tepat dibawah kode <data:post.body/> yang ke 1, jika tidak berhasil coba pastekan script diatas tepat dibawah kode <data:post.body/> yang ke 2, jika tidak berhasil juga coba pastekan script diatas tepat dibawah kode <data:post.body/> yang ke 3 begitupun seterusnya. Tapi saya sarankan agar Anda memasangnya pada kode yang ke 2, soalnya saya juga menempatkannya di kode yang ke 2.

Sekian artikel mengenai Cara Membuat Author Box Dibawah Postingan Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...