Showing posts with label atas. Show all posts
Showing posts with label atas. Show all posts

Wednesday, December 28, 2016

Cara Membuat Tombol Like Facebook Page Di atas Postingan

Cara Membuat Tombol Like Facebook Page Di atas Postingan


Cara Membuat Tombol Like Facebook Page Di atas Postingan. Sebenarnya ini adalah postingan lanjutan dari sebelumnya yang berjudul Memasang Widget Follow Twitter Diatas Postingan. Pada informasi ini, anda akan saya ajak untuk memasang tombol like facebook page diatas postingan yang menampilkan count atau jumlah orang yang menyukai. Jadi, cara ini lebih efektif dari pada memasang widget kotak like facebook melayang yang memberatkan blog.

like facebook page

Dengan mengklik Suka pada tombol tersebut, anda berarti menyukai halaman blog ini di facebook atau Facebook Page. Apa anda juga ingin memasang widget ini di atas postingan anda? Baca artikel ini selengkapnya

Cara Membuat Tombol Like Facebook Page Di atas Postingan

1. Pastinya anda harus masuk dengan akun blogger anda
2. Pada dashboard silahkan pilih blog yang akan anda edit
3. Klik menu Template lalu Edit HTML
4. Cari kode <data:post.body/> dengan menekan ctrl + f

Keterangan:
Di template anda mungkin akan menemukan kode tersebut lebih dari 1. Untuk menemukan kode yang benar yang nantinya akan digunakan, pastikan kode <data:post.body/> yang dekat dengan kode <div class=post-body entry-content atau html yang serupa

5. Copy kode dibawah ini lalu pastekan di atas kode <data:post.body/>
<iframe allowTransparency=true frameborder=0 scrolling=no src=//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FJonaRendra&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21 style=border:none; overflow:hidden; width:100px; height:21px;/>
Keterangan:
Jangan lupa untuk mengganti tulisan berwarna biru dengan alamat facebook page anda.

6. Klik Simpan Template dan silahkan buka salah satu postingan blog anda

Itulah tombol like facebook page diatas postingan yang bisa menampilkan jumlah orang yang like. Dengan memasang widget ini, anda sudah melakukan salah satu usaha untuk membuat blog anda lebih ringan. Karena dilihat dari ukurannya, tombolnya kecil dan tidak terlalu mengganggu. Kira kira tampilannya seperti ini



Sekian dulu postingan dari Jona Rendra kali ini yang berjudul Cara Membuat Tombol Like Facebook Page Di atas Postingan semoga bermanfaat untuk anda. Jika widget ternyata tidak muncul, kesalahan dalam penampilan atau kesulitan saat mempraktekkan cara cara diatas, silahkan bertanya lewat kolom komentar dibawah

Go to link Download

Read more »

Friday, December 16, 2016

Cara Membuat Dua Kolom Iklan di Atas Posting Blog

Cara Membuat Dua Kolom Iklan di Atas Posting Blog


Cara Membuat Dua Kolom Iklan di Atas Posting Blog
Cara Menampilkan atau Membuat Ruang (Space) Iklan Adsense Dua Kolom di Atas Judul Tulisan (Posting) Blog.

SETELAH berbagi tentang Cara Membuat Dua Kolom Iklan/Adsense di Bawah Posting, kali ini CB berbagi tentang tips serupa, namun tampilan posisi ruang iklannya di atas postingan.

Kode yang digunakan juga sama, namun cara menampilkan dua kolom iklan/adsense di atas judul tulisan ini jauh lebih mudah.

Menampilkan Iklan Adsense di atas postingan merupakan salah satu upaya meningkatkan pendapatan Google Adsense. Dua kolom tersebut juga buat jaga-jaga kalau ada yang mau pasang iklan di blog kita.

LANGKAH PERTAMA
1. Template > Edit HTML
2. Cari kode berikut ini:

<b:section class=main id=main showaddelement=no>
<b:widget id=Blog1 locked=true title=Blog Posts type=Blog>

3. Ubah "no" menjadi "yes".

<b:section class=main id=main showaddelement=yes>
<b:widget id=Blog1 locked=true title=Blog Posts type=Blog>

Catatan:
Jika sudah tertera "yes", ya... gak usah dibubah lagi, apalagi diubah jadi "no" atau "oh yes-no-yes-no" :)

Perubahan di atas akan Memunculkan Widget Baru tepat di atas area "Blog Posts" di Layout.

4. Save Template!

LANGLAH KEDUA
1. Klik "Layout" > "Add a Gadget" yang ada di atas elemen "Blog Posts".
2. Copy & Paste kode berikut ini:

<table border=0 cellpadding=0 cellspacing=0 color=#ffffff width=610 style=margin: 5px 5px 0 0>
<tr>
<td align=center style=background-color: #fafafc; padding: 5px; width=300>
KODE IKLAN PERTAMA DI SINI
</td>

<td align=left style=background-color: #fafafc; padding: 5px; width=300>
KODE IKLAN KEDUA DI SINI
</td>
</tr>
</table>

3. Save!

Jika dilakukan dengan benar, maka dua kolom iklan itu sudah muncul di atas potingan blog!

MODIFIKASI
Kedua langkah di atas akan memunculkan iklan di halaman depan (homepage) dan halaman dalam.

Jika akan mengatur hanya muncul di halaman depan saja atau di halaman dalam saja, gunakan tips Mengatur Posisi Widget di Halaman Tertentu. Good Luck!

Go to link Download

Read more »

Friday, November 25, 2016

Cara Membuat All Post Bergerak Ke Atas

Cara Membuat All Post Bergerak Ke Atas



Halo sobat blogger. Apa kabar? pastinya baik. ok tutorial kali ini saya memberikan tutorial mengenai Recent Post. Tentunya para blogger sekalian sudah tau apa itu recent post. Itu,,tuh,, daftar posting terbaru sobat blogger sekalian. Nah memang blogger sudah menyediakan widget Recent Post yang standar, tetapi ini berbeda Recent Post ini bergerak dari atas ke bawah jika ingin demonya silahkan liat sendiri di blog saya. Berhubung saya tidak pandai berbicara panjang lebar kita langsung aja PRAKTEK.

  1. Login ke akun blogger masing masing
  2. Dari dashboard ke Rancangan
  3. Klik Add Gadget/Tambah Gadget
  4. Pilih HTML/Javascript
  5. Masukkan kode berikut


<style type="text/css">
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 14px;padding:4px; background:none;border: 0px solid #363636;}
.gfg-title {font-size: 20px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}
.gfg-subtitle {font-size: 20px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}
.gfg-subtitle a {color : #a43434;display:none !important;}
.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}
/* To allow correct behavior for overla80ff00y */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}
.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}
.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#80ff00;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}
.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}
.clearFloat {clear : both;}
#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}
</style>
<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {
var feeds = [
{title:title,
url:http://elangshared.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999},
];
new GFdynamicFeedControl(feeds, feedGadget,
{numResults : 500, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget">Load Post...</div>

KETERANGAN:
  • Silahkan sobat ganti URL yang berwarna merah dengan URL blog sobat
  • Jika sudah silahkan klik Simpan
  • Lihat hasilnya

DEMO ALL POST :


Load Post...


SEMOGA BERMANFAAT :)

Go to link Download

Read more »

Saturday, November 12, 2016

Cara Membuat Tulisan Peraturan Komentar Di Atas Kolom Komentar

Cara Membuat Tulisan Peraturan Komentar Di Atas Kolom Komentar


Halo Sahabat Lk Blogs Sudah 2 Harti Saya Tidak Posting,Nah Kali Ini Saya Akan Posting Tentang Cara Membuat Tulisan/Peraturan Komentar Di Atas Kolom Komentar
Oke Langsung Saja Caranya
Sebelumnya Centang Dulu Expand Template Widget
1. Login Ke Blogger
2. Pilih Template
3. Pilih Edit Html
4. Pilih Lanjutkan
5. Masukkan Kode Beriku DiAtas Kode ]]></b:skin>
/* Com Msg */
#comkaisar{padding:5px; margin-bottom:10px; background:#;-moz-background-inline-policy:continuous; -moz-background-origin:padding;
margin-left:10px;
margin-top:8px;
border-radius:5px;
box-shadow:0 0 10px #F00;
border:2px groove #F00;}
#comkaisar ul li{list-style-type:square;padding-left:1px}
6. Cari Kode  <h4 id=comment-post-message><data:postCommentMsg/>
7 . Masukkan Kode Ini DiBawahnya
<div id=comkaisar><center><b>Judul Text</b></center><ul><li>
Gnti Dengan Text Kamu
</li>
<li>
Gnti Dengan Text Kamu
</li>
<li>
Gnti Dengan Text Kamu</li></ul></div>
8. Simpan Template

NB : Gnti Kode Bewarna Merah Menjadi Text Kamu

Oke Sekian Dulu Dari Saya Semoga Membantu Kalian

Go to link Download

Read more »

Thursday, October 6, 2016

Cara membuat headlinenews berjalan dibawah atas blogger

Cara membuat headlinenews berjalan dibawah atas blogger


oke teman setia monsterkids, kali ini saya sebagai admin ingin memberi sebuah widget yang sudah ada contohnya di blogger saya ini,,, yaitu widget headlinenews berjalan dibawah/diatas blogger
jika inghin melihat contohnya sobat bisa melihatnya dibawah blogger monsterkids ini...
gimana sudah melihat...? tertatikkk...?
langsung saja saya beri kodenya dan caranya. simak yaaaah
  1. masuk ke blogger.com
  2. masuk ke tata letak
  3. lalu pilih add widget
  4. lalu pilih HTML/javascript
  5. nah vopy code dibawah ini, dan pastekan



<script type="text/javascript">
var hn_url_blog="http://@@@@@@@@@@@@@@@@@@@.com";
var hn_jumlah_post= 15;
var hn_warna_latar="#333333";
var hn_warna_garis="#000000";
var hn_posisi="bottom";
var hn_tampilkan_judul=true;
var hn_backlink= true;
</script>
<script src="http://monster-kids.googlecode.com/files/Headlinenew.js"></script>
<br/>
<a href="http://monsterkids99.blogspot.com"></a>



keterangan:
  • ganti http://@@@@@@@@@@@@@@@@@@@.com / YANG BERWARNA MERAH DENGAN ALAMAT url bloger sobat
  • ganti  15 atau yang berwarna biru dengan jumlah post yang akan dijalankan diheadlinenews sobat
  • dan sobat bisa sesuaikan sendiri warnyanya dengan mengganti kode warnaya
  • di              var hn_warna_latar="#333333";
                     var hn_warna_garis="#000000"

nah selesai deh,sampai disini apakah ada yang kesulitan...?
bila ada silahkan tinggalkan pertanyaaan di kotak komentar yaaahhh ;)

Go to link Download

Read more »