Komputer, Tips Wordpress

Agar Blog/Web Tampilannya Seperti Majalah [bag.1] : Menampilkan Sticky Post Di Sebelah Kanan Postingan Terbaru

Ketika saya melakukan browsing ana ketemu dengan sebuah blog yang tampilannya sangat menarik menurut ana dengan tampilan seperti sebuah koran atau majalah. Setelah googling ana temukan tutorial ( credit to sodara irfan handi ) yang kemudian ana lihat dan pelajari source dari web tersebut, setelah dicoba ana dapatkan juga tampilan sesuai keinginan ana –masih dalam tahap editing, selanjutnya ana ingin berbagi. Kali ini akan dibahas cara menampilkan tulisan sticky pada sebelah kanan postingan terbaru. Pada tampilan standar tampilan tulisan sticky ini hanya tampil di bagian bawah postingan terbaru. Untuk menampilkannya disebelah kanan perlu sedikit modifikasi, berikut langkah-langkahnya

:

  1. Login ke blog antum (anda)
  2. Buka Widget terus pilih Widget Teks
  3. Kemudian Pastekan kode html seperti berikut ini

<h3 class=”mast”>Ada Apa Dengan Syiah-udi</h3>

<div class=”feat_title” style=”margin:0 0 5px;”><a href=”https://aboeshafiyyah.wordpress.com/2012/10/18/fatwa-dan-rekomendasi-mui-tentang-syiah-udi/&#8221; rel=”bookmark” title=”Fatwa dan Rekomendasi MUI Tentang Syiah-udi”> Fatwa dan Rekomendasi MUI Tentang Syiah-udi </a></div>

<div class=”feat_exc”>

<p style=”text-align:justify;”><a href=”https://aboeshafiyyah.wordpress.com/2012/10/18/fatwa-dan-rekomendasi-mui-tentang-syiah-udi/”><img src=”https://aboeshafiyyah.files.wordpress.com/2012/10/mui.jpg&#8221; alt=”MUI” title=”MUI” width=”110″ height=”62″ style=”margin:5px 15px 0 0;”></a> Pernyataan Umar Syihab, mengundang banyak komentar di antaranya salah satu Ketua MUI Pusat, KH. Cholil Ridwan, beliau berkata : “Umar Shihab tampil di TV itu mestinya pendapat pribadi dia tidak berhak untuk mewakili MUI, yang berhak bicara langsung tanpa mandat dari rapat pimpinan itu adalah ketua umum MUI atau ketua koordinator harian KH. Ma’ruf Amin… <a href=”https://aboeshafiyyah.wordpress.com/2012/10/18/fatwa-dan-rekomendasi-mui-tentang-syiah-udi/”>Baca selengkapnya <span class=”meta-nav”>»</span></a></p>

</div>

<div class=”feat_title” style=”margin:-5px 0 5px;”><a href=”https://aboeshafiyyah.wordpress.com/2012/10/18/syiah-udi-mencocoki-10-kriteria-mui-tentang-aliran-sesat/&#8221; rel=”bookmark” title=” Syiah-udi Mencocoki 10 Kriteria MUI Tentang Aliran Sesat

“> Syiah-udi Mencocoki 10 Kriteria MUI Tentang Aliran Sesat

</a></div>

<div class=”feat_exc”>

<p style=”text-align:justify;”><a href=”https://aboeshafiyyah.wordpress.com/2012/10/18/syiah-udi-mencocoki-10-kriteria-mui-tentang-aliran-sesat/”><img src=”https://aboeshafiyyah.files.wordpress.com/2012/10/syiah.jpg&#8221; alt=”Syiah Sesat” title=” Syiah Sesat ” width=”110″ height=”62″ style=”margin:5px 15px 0 0;”></a> Pada tanggal 6 Nopember 2007 MUI kembali mengeluarkan keputusan tentang 10 Kriteria Aliran Sesat/Menyimpang yang jika ditelusuri maka Syiah Imamiyyah/Madzhab Ahlul Bait/IPABI/IJABI mencocoki seluruh kriteria tersebut, sehingga dengan begitu ditarik kesimpulan bahwa SYIAH itu SESAT DAN MENYESATKAN. Berikut uraian ringkas 10 kriteria tersebut dan kecocokannya dengan ajaran Agama Syiah… <a href=”https://aboeshafiyyah.wordpress.com/2012/10/18/syiah-udi-mencocoki-10-kriteria-mui-tentang-aliran-sesat/”>Baca selengkapnya <span class=”meta-nav”>»</span></a></p>

</div>

<div class=”feat_title” style=”margin:-5px 0 5px;”><a href=”https://aboeshafiyyah.wordpress.com/2012/10/09/sesatkah-syiah-antara-umar-syihab-dan-imam-syafii/&#8221; rel=”bookmark” title=”

Sesatkah Syi’ah : Antara Umar Syihab dan Imam Syafi’i”>

Sesatkah Syi’ah : Antara Umar Syihab dan Imam Syafi’i

</a></div>

<div class=”feat_exc”>

<p style=”text-align:justify;”><a href=”https://aboeshafiyyah.wordpress.com/2012/10/09/sesatkah-syiah-antara-umar-syihab-dan-imam-syafii/”><img src=”https://aboeshafiyyah.files.wordpress.com/2012/10/bahaya-syiah.jpg&#8221; alt=”Awas Bahaya Syiah” title=”Awas Bahaya Syiah” width=”110″ height=”62″ style=”margin:5px 15px 0 0;”></a> Syi’ah berkata: “Al-Imam Asy-Syafi’i rahimahullah (204 H): “Aku tidak pernah melihat dari para pengikut hawa nafsu yang lebih dusta di dalam ucapan, dan bersaksi dengan saksi palsu dari (Syi’ah) rafidhah” karya Yusuf Al-Bahrani, hal.236)… <a href=”https://aboeshafiyyah.wordpress.com/2012/10/09/sesatkah-syiah-antara-umar-syihab-dan-imam-syafii/”>Baca selengkapnya <span class=”meta-nav”>»</span></a></p>

</ul>

<div style=”border-top:1px solid #dadada;border-bottom:1px solid #dadada;margin:14px 0 17px;padding:8px 0 24px;”><a href=”https://aboeshafiyyah.wordpress.com/category/kategori-tulisan/syiah-udi/&#8221; class=”alignright”>+ Indeks <strong>Syiah-udi</strong> »</a></div>

</div>

Cat : Position Absolute adalah posisi gambar diukur dari top / atas dan kiri / left. Silahkan disesuaikan sendiri untuk mendapatkan posisi yang diinginkan

  • Setelah itu set widget tersebut pada bilah homepage feature widget area anda kemudian simpan widget nya

Tampilannya bisa dilihat di blog ini….

 —– SELAMAT MENCOBA —–

About Fahruddin Abu Shafiyyah

Hanya Seorang Hamba Yang Sangat Butuh Kepada Ampunan Rabbnya

Diskusi

5 thoughts on “Agar Blog/Web Tampilannya Seperti Majalah [bag.1] : Menampilkan Sticky Post Di Sebelah Kanan Postingan Terbaru

  1. datang untuk berkunjung…
    salam kenal,jangan lupa mampir ke blog saya yaa :)

    Posted by Rahman Tri Antoni | 23/10/2012, 18:24
  2. mnatap Gan infonya ane ijin copas Gan bolehnya

    Posted by smjsyariah | 27/11/2012, 02:17

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Masukkan alamat surat elektronik Anda untuk mengikuti blog ini dan menerima pemberitahuan tentang tulisan baru melalui surat elektronik.

Radio An-Nash Jakarta

Daftar Coretan

%d blogger menyukai ini: