Memasang Widget RSS-Langganan Email-FaceBook-Twitter di Atas Header

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Sederhana tapi tidak norak,tampilan yang biasa tapi enak dilihat. Mungkin hal ini bisa untuk menilai cara memasang widget berupa link RSS posting,langganan Email,facebook, twitter juag di tambah search box jadi satu horisontal di atas Header. Di samping menghemat halaman blog namun letak di atas header lebih mudah dilihat dan paling cepat di temukan serta akan tampil lebih profesional (begitu kiranya).

Nah sekarang kita akan membahas bagaimana cara untuk memasangnya secara manual lewat edit html blogspot (dan sekarang menggunakan edit html tampilan paling terbaru). Untuk contoh jadinya seperti gambar di bawah ini:

Lihat yang di kotaki merah ia tampil tepat di atas header. Atau klik gambar bila kurang jelas. Dan sekarang kiat lanjut pada langkah pemasangan script-nya di blog anda.

1. Sebagaimana biasa anda masuk ke halaman dashboard blogger anda anda menuju ke tata letak/layout,pada gambara tampilan blog anda silahkan klik edit html.

2. Sekarang anda cari kode seperti ini :

Template lama- <div id='header-wrapper'> atau Template baru -<div class='header-outer'>. 

Silahkan anda sesuaikan yang cocok dengan template anda. Atau bila tidak di temukan cari yang mirip dengan itu,anda kira saja yang pas bagian header,asal di preview dulu sebelum di simpan,nanti juga ketemu. Tapi saya sudah mencoba dengan kode di atas.

<center><div id='masthead'>
        <tr class='nav_masthead'>
                <td><a class='gab_rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank' title='Subscribe Posting RSS'> RSS for Posts</a></td>

              <td><a class='gab_email' href='http://feeds.feedburner.com/Tip-tipan' rel='nofollow' target='_blank' title='Langganan Artikel via Email'> | Subscribe by e-mail</a></td>

              <td><a class='gab_twitter' href='https://twitter.com/ArsipFank' rel='nofollow' target='_blank' title='Ikuti Di Twitter Arsip Fank'>| Follow on Twitter</a></td>

              <td><a class='gab_facebook' href='http://www.facebook.com/arsip.fank' rel='nofollow' target='_blank' title='Hubungkan Dengan Facebook Arsip Fank'>|Connect on Facebook</a></td>             

<td><form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text"/>
<input id="search-btn" value="Search" type="submit"/>
              </form></td>
        </tr>
        </div></center>   

Lalu URL RSS fb,twitter langganan email (yang saya wanai merah) silahkan anda ganti dengan URL anda. Lalu save/simpan dan selesai. Bila belum yakin preview/tinjau dulu sebelum di simpan. Bila hasil sudah pas baru simpan.

Demikianlah berbagi kali ini,lain kali di sambung lagi. Ini sudah saya terapkan dan berhasil. Dan bagi anda semoga membantu dan juga berhasil.

Silahkan berbagi dengan tombol share di bawah,mungkin orang lain lebih membutuhkan artikel ini:

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَاٰلَمِين