Cara Membuat Author Box Dibawah Postingan Blog

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--id.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--id.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...

Cara Membuat Author Box Dibawah Postingan Blog 2013-10-05T21:00:00+07:00 Rating: 4.5 Diposkan Oleh: Unknown