Responsive Ad Slot

Showing posts with label Mempercantik Blog. Show all posts
Showing posts with label Mempercantik Blog. Show all posts

Cobalah Pelan-Pelan Ikuti Tutorial Blog Yang Kami Tampilkan

No comments

Thursday, May 21, 2015





Saya heran, membaca komentar-komentar kawan mengenai tips atau tutorial yang kami paparkan kepada kawan-kawan sekalian yang ada di Blog Tutorial ini. Ada yang mengatakan Tidak Berhasil atau Tidak Bisa dan lain sebagainya. Jujur saya katakan, bahwa sebelum saya mempublikasikan Tips atau Langkah-langkah Tutorial Blog yang kami paparkan, kami sendiri sudah melakukannya (mempraktekkannya) di blog. Dan saya sendiri berani mempertaruhkan nama saya akan hal itu.


Cobalah Pelan-Pelan Ikuti Tutorial Blog Yang Kami Tampilkan
Cobalah Pelan-Pelan Ikuti Tutorial Blog Yang Kami Tampilkan

Satu hal yang bisa saya sampaikan kepada kawan-kawan adalah Cobalah Pelan-Pelan Ikuti Tutorial Blog Yang Kami Tampilkan. Dan saya bisa jamin pasti bisa. Seperti yang saya katakan tadi, sebelum saya mempublikasikannya, saya sendiri mencobanya terlebih dahulu.

Meskipun demikian, saya sarankan kepada kawan-kawan, jangan terlalu sering utak-atik tampilan blog yang anda kelola. Ada baiknya ketika anda sudah menggunakan sebuah template blog, sebaiknya gunakan saja template itu. Tidak usah ganti-ganti template blog baru. Yang lebih penting adalah, membuat artikel sebanyak-banyaknya. Apapun itu jenis artikelnya, yang penting posting saja. (Yang positif yah artikelnya).

Sebagai contoh, lihat saja blog saya yang sederhana ini. Tampilannya ya begini-begini saja. Tidak ada yang berbeda. Dari template blog yang saya pakai (Template ini berasal dari MasKolis.com) Saya pakai apa adanya. Cuma perubahan Recent Post (lihat Bagaimana Cara Membuat Recent Post ala Bos Tutorial). Itu saja rahasianya.

Sekali lagi pesan saya, Cobalah Pelan-Pelan Ikuti Tutorial Blog Yang Kami Tampilkan. Pasti bisa. Yang penting postinglah Artikel Sebanyak-banyaknya. Semoga bermanfaat. Tuhan memberkati. Horas.***

Cara Memasang Rating, Pesan Kata "Terimakasih" dan Admin di Setiap Akhir Postingan Blog

No comments

Tuesday, November 18, 2014

BOS TUTORIAL - Lucu juga judul Postingan Kali ini. Panjang banget. Tapi tujuannya agar gampang di mengerti dan dicerna oleh kita semua. Hehehehehe....

Ehh... sebagai basa-basi nih, Baru-baru ini kan Harga BBM dinaikkan oleh Presiden Kita, Ir. Joko Widodo. Bagaimana tanggapan Anda mengenai hal ini. Kalao menurut MasBro sih, sah-sah saja. Asal tujuannya baik dan benar-benar penempatannya (dana subsidi). Eh... malah omongin soal Harga BBM.... maaf ya cuma basa-basi saja...

Cara Memasang Rating, Pesan Kata "Terimakasih" dan Admin di Setiap Akhir Postingan Blog

Kembali ke topik permasalahan. Sebenarnya alasan MasBro membuat tulisan ini dikarenakan ada Sahabat Mas Bro yang menanyakan hal itu di dalam komentar beberapa hari yang lalu. Sebelumnya saya mohon maaf karena baru membacanya. Karena baru berkesempatan membuka blog ini. Maafin yah...

Cara Memasang Rating, Pesan Kata "Terimakasih" dan Admin di Setiap Akhir Postingan Blog
Langusng saja yah ke intinya:
1. Seperti biasa, buka Akun Blog Anda sendiri.
2. Masuklah ke Elemen Template
3. Pilih Edit HTML lalu carilah kode <data:post.body/> (gunakan Ctrl+F untuk mencari kode dengan cepar)
4. Salin dan tempatkalah Kode Script di bawah ini tepat di bawah Kode <data:post.body/> tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:5px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; font-size:11px; float:left;'>
Terimakasih Anda telah membaca tulisan / artikel di atas tentang :<br/>
Judul: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
based on <span itemprop='votes'>99998</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/114981857040664646747'><data:post.author/></a></b><br/>
Semoga informasi mengenai <a expr:href='data:post.url'><data:post.title/></a> bisa memberikan manfaat bagi Anda. Jangan lupa <b>Komentar Anda</b> sangat dibutuhkan, di bawah ini.<br/>
</div>
</div>
</div>
</b:if>

5. Simpan template blog anda dengan mengklik Save Template
6. Selesai dan lihat hasilnya.

Catatan:
  • Pilih kode <data:post.body/> yang tepat yah, Anda akan menemukan beberapa kode yang sama, so... pilih saja yang tepat. (bila gak tepat, nanti tidak akan muncul di dalam postingan, so... ulang lagi saja, jangan takut mencoba)
  • Silahkan Anda ganti kata-kata di atas sesuai dengan keinginan Anda
  • Apabila Anda tidak suka penempatannya di bawah artikel Anda atau di bawah kode <data:post.body/>, coba lihat tampilan postingan blog Anda dan bereksperimen sedikit.

Bagaimana? Gampang bukan. Sebagai hasilnya, silahkan lihat di bawah postingan ini.

Itulah tips dan trik yang bisa MasBro bagikan pada kesempatan kali ini. Harapan saya, semoga bermanfaat dan selamat mencoba yah. Salam Blogger, salam sukses. [Bos Tutorial]

Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab

No comments

Monday, May 26, 2014

Inilah Cara Cepat Memasang Kolom Komentar Facebook dan Blog Model Tab - Membuat Blog semanarik mungkin adalah keinginan para blogger. Semuanya bertujuan agar blog tersebut disukai dan disenangi dari segi design dan tata letak. Sehingga, penampilan dari blog tersebut bisa menarik perhatian para pengunjung blog. Tidak ketinggalan juga mempercantik tampilan kolom komentar pada blog.

Memasang Kolom Komentar Facebook dan Blog secara bersamaan merupakan salah satu cara mempercantik tampilan blog, khususnya tampilan postingan / artikel yang ada pada blog tersebut. Dimana Komentar-komentar dari pengunjung seakan-akan disembunyikan, dan komentar-komentar tersebut akan terlihat kembali apabila kita memilih berdasarkan Facebook atau Blog, bukan sepenuhnya dihilangkan (komentar tetap ada selama tidak kita hapus). Tujuannya adalah agar tampilan isi postingan terlihat ramping dan jelas (Apabila komentar artikel banyak loh).

Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab
Seperti inilah tampilan yang anda lihat bila Memasang Kolom Komentar Facebook dan Blog Model Tab

Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab
Langkah-langkah yang harus dilakukan adalah sebagai berikut:
1. Tentunya seperti biasa anda harus membuka akun blogger anda sendiri.
2. Pada Dasbor blog anda, masuk elemen Template, Lalu pilih Edit HTML
3. Cari Kode : <div class='comments' id='comments'>
4. Copy atau salin Kode Script yang tertera di bawah ini, dan selanjunya Pastekan tepat di bawah Kode : <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

5. Apabila sudah selesai, Simpanlah Template Blog anda.
6. Lihat hasilnya.

Catatan:
  • Ganti IDFANPAGEFACEBOOK dengan Kode / No / Id Fan Page Facebook yang anda punya.
  • Cara melihat IDFANPAGEFACEBOOK adalah: Masuklah ke Halaman Facebook Anda, lalu masuk lagi ke Pengaturan, Lihat Info Halaman, lalu lihat paling bawah sekali ada tulisan ID Halaman Facebook : 10026565009xxxx
  • Anda tidak punya Halaman Facebook saat ini? Anda tidak perlu mengganti tulisan IDFANPAGEFACEBOOK di atas (saran sih gunakan Halaman Facebook) abaikan saja. Gunakan saja Kode Script di atas apa adanya.
  • Ukuran atau panjang Kolomo Komentar FB sesuaikan dengan Ukuran Blog anda. Silahkan ganti angka yang berwana Ungu di atas. (width='550')
  • Apabila kode <div class='comments' id='comments'> ada 2, pilih saja salah satu.
Bagaimana, gampang bukan. Demikianlah tips tutorial kali ini mengenai "Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab". Selamat mencoba dan salam sukses selalu. [Bos Tutorial]
Don't Miss
© all rights reserved
made with by templateszoo