Tampilkan postingan dengan label blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label blogspot. Tampilkan semua postingan

Minggu, 02 Juni 2013

Cara memasukkan reply komen pada blogspot / website

aa-irwan - Selamat pagi dunia !! semoga hari ini kita dalam keadaan sehat dan tetap semangat. amin. Kali ini aa-irwan mau berbagi tips blogger yaitu cara menambah reply komen di blogspot. Semoga sobat ada yg sangat memerlukan untuk memasukkan tambahan reply komen pd kolom komen blog anda. Sudah lama saya mencari eh ternyata dapat dari mbah google dan blog sahabat saya. Biasanya reply komen sudah ada pada tema blog tertentu tidak semua ada tombol reply komennya. Jadi kita harus memasukkan kodenya secara manual. Untuk memasukkan kode script ini harus berhati-hati bila tidak blog anda error dan tidak bisa dibuka. Selamat mencoba.

Langkah-langkahnya silahkan diikuti dengan cermat :
1. Masuk ke Blogger / Dashboard , lalu pilih New Post atau menu lainnya.
2. Lihat Nomor Blog ID sobat pada address bar atas , Contoh 5338424461967xxxxxx , kemudian copas /catat Nomor ID Blognya  dan simpan dulu di notepad atau dimana saja.
3. Setelah Blog ID di dapat, baru pilih Design, lalu Edit HTML
4. Centang dulu Expand Widget Template
5. Cari kode seperti ini :  <dd class='comment-footer'>  ( untuk memudahkan mencarinya pakai saja Ctrl+F / F3 kemudian copas kode ini di kotak yg telah disediakan) seperti gamabr dibawah ini :

6. Copas kode dibawah ini setelah kode yang no.5 tersebut ( simpan dibawah kode no.5).
            <span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=NOMOR-BLOG-ID-ANDA&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;' style='padding:0px 5px; border:1px solid #999;'>Reply</a></span>
7. Ganti  NOMOR BLOG ID ANDA dengan nomor ID Sobat pada No. 2 diatas
8. Kalau  mau merubah tampilan Replynya, bisa merubah di kode Style-nya.
    Selesai … jangan lupa untuk menyimpan settingannya - Save Template nya. Bila berhasil tidak ada peringatan galat / error berarti anda berhasil memasukkan kodenya.
Semoga bermanfaat dan ditunggu komennya.

Sumber

Selasa, 28 Mei 2013

cara mudah membuat scroll pada widget standar blogger

cara mudah membuat scroll pada widget standar blogger
Judulnya memang cara mudah tapi akan tidak mudah bagi yang pemula. he3x. smoga bisa belajar ane juga gan.
Kadang ketika kita ingin membuat penambahan fungsi scroll pada widget standar blogger yang kita pasang entah dihalaman sidebar dan footer seperti arsip blog, artikel populer dan atau lainnya, membuat kita bingung bagaimana cara memodifikasi setiap daftar widget tersebut? agar semua widget terdapat keseragaman dan sehingga tampilan halaman blog kita lebih terkesan menarik dipandang.

Selain itu juga dengan adanya fungsi scroll pada setiap widget akan menghemat ruang dihalaman sidebar atau pada halaman footer blog yang memanjang kebawah. Jadi untuk memodifikasi semua widget yang telah kita pasang sebelumnya, perlu dilakukan beberapa trik yang sangat sederhana. Oleh karenanya, untuk menerapkan trik tersebut, silahkan saudara mengikuti uraian singkat dibawah ini :
1. Masuk terlebih dulu ke blog blogger yang anda kelola, apabila sebelumnya sudah masuk, pada halaman draft blogger klik menu Template.
2. Backup template, untuk menjaga kemungkinan terjadi eror.
3. Lalu klik Edit HTML.
4. Beri tanda centang atau ceklis pada kotak Expand Template Widget.
5. Kemudian cari nama widget yang akan diberi fungsi scroll, caranya adalah sebagai berikut :
• Tekan Ctrl F pada keyboard, lalu ketik nama widget. Sebagai contoh : daftar widget Artikel Populer, maka lihat nama widget pada blog yang anda kelola untuk mencari pada editor template.
• Contoh struktur widget artikel populer pada editor template Krang Francisco adalah sebagai berikut :

<b:widget id='PopularPosts1' locked='false' title='Artikel Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>

……………….Rangkaian Kode disini………………………

</div>
</b:includable>
</b:widget>

• Atau contoh widget Like, Follow & Review seperti pada halaman sidebar disamping, struktur rangkaian kode dalam editor template Kraeng Francisco adalah sebagai berikut :

<b:widget id='HTML3' locked='false' title='Like, Follow &amp;amp; Review' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

</b:includable>
</b:widget>

• Apabila telah menemukan nama widget yang ingin anda tambahkan fungsi scroll, letakkan kode berikut : <div style='overflow:auto; width:auto; height:250px;'> tepat dibawah kode <div class='widget-content popular-posts'> atau <div class='widget-content'>.

• Kemudian scroll kebawah cari lagi kode </b:includable> atau untuk mempermudah jika dalam editor template anda terdapat kode <b:include name='quickedit'/>, letakkan kode </div> tepat diatas kode tersebut, sehingga terbentuk seperti struktur kode dibawah :

<b:widget id='PopularPosts1' locked='false' title='Artikel Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>   <<<<<<<<<perhatikan bagian ini.
<div style='overflow:auto; width:auto; height:250px;'>

……………….Rangkaian Kode disini………………………

</div>
</div>
</b:includable>  <<<<<<<<<perhatikan bagian ini.
</b:widget>

Atau seperti contoh dibawah

<b:widget id='HTML3' locked='false' title='Like, Follow &amp;amp; Review' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <<<<<<<<<perhatikan bagian ini.
<div style='overflow:auto; width:auto; height:250px;'>
<data:content/>
</div>

</div>
</b:includable> <<<<<<<<<perhatikan bagian ini.
</b:widget>

6. Untuk melihat hasilnya klik tombol pritinjau, apabila berhasil maka sebagai contohnya perhatikan pada gambar berikut yang telah jadi.

membuat-scrool-pada-semua-widget-di-blog
7. Jika sudah, Simpan Template anda dan Tutup kembali editor template.
8. Selesai.

Keterangan :
• Untuk mempermudah cara mencari nama widget selalu gunakan Ctrl F, lalu ketik nama widget seperti pada contoh uraian diatas.
• 250px adalah tinggi scroll, anda bisa menyesuaikan dengan kebutuhan, misalnya menjadi 100px, 150px atau 200px.
• <div class='widget-content'>, sebagai kunci utama untuk meletakkan kode pembuka <div style='overflow:auto; width:auto; height:250px;'>, dibawahnya. Anda bisa melihat perbedaannya pada contoh struktur widget Artikel Populer dan Like, Follow & Review.
• </b:includable> dan <b:include name='quickedit'/> sebagai tempat penutup kode </div>, diatasnya.

• Jika sebelumnya anda pernah menghapus kode <b:include name='quickedit'/>, letakkan kode penutup </div> tepat diatas </b:includable>, seperti pada contoh diatas.

Gimana gan pusing atau bingung ??? he3x. Apalagi ane gan sudah berkali-kali coba memang awalnya error terus karena belum paham kalau berhasil itu peuasana tersendiri. semoga bermanfaat. Ditunggu cendolnya / eh maaf komennya !!!! slm sukses untuk anda.

Sumber