Post Game

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.

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

Cara Membuat View Count Postingan Di Blog

<link type=text/css rel=stylesheet href=http://static.graddit.com/css/graddit.css/>

Go to link Download

Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blogger

Ide Cemerlang.com - Kemarin ada salah satu teman blogger yang bertanya kepada saya lewat komentar spam yang tidak tampil diposting tentang Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.

Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari hackerzpro.blogspot.com nah silakan anda ikuti cara-cara berikut ini,,

Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>

<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display != ) { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = ; this.innerText = ; this.value = Hide; } else { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = none; this.innerText = ; this.value = Show; }" type="button"></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

Masukkan tulisanmu di sini

</div></div></div>

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.

Klik show untuk melihat

Masukkan tulisanmu di sini

Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.


Sumber : http://www.thecyber.co.cc

Go to link Download

Cara Memindahkan Seluruh Postingan Blog Ke Blog Lain

Misalkan sobat memiliki Blog dengan umur yang sudah cukup lama, dan sudah memiliki kualitas dan pengunjung yang baik. Lalu sobat berniat untuk membuat Blog baru dengan konten yang sama dengan Blog yang lama, atau sobat ingin mengamankan konten Blog lama sebagai antisipasi jika terjadi kemungkinan yang tidak diharapkan, mungkin sobat perlu memindahkan seluruh postingan Blog ke Blog lainya.
Untuk cara memindahkan konten/postingan ini tidaklah perlu secara manual sobat copas satu persatu postingan ke Blog lain. Dengan menggunakan tools ekspor impor pada Blogger, kita bisa memindahkan seluruh postingan secara cepat. Namun dengan cara ini seluruhnya akan terpindahkan, tidak bisa beberapa atau sebagian. Jadi jika ada beberapa posting yang tidak ingin dipindahkan ke Blog lama, setelah dipindahkan tinggal hapus saja secara manual. Sebenarnya bukan dipindahkan, tapi disalin. Jadi konten yang dipindahkan akan tetap ada pada Blog yang lama.

OK, untuk Cara Memindahkan Seluruh Postingan Blog Ke Blog Lain ini adalah sebagai berikut.
1. Login ke akun Blogger.
2. Pada Blog lama (yang postingnya ingin dipindahkan), buka Setelan >> Lainya.
3. Lalu pada Alat Blog, pilih/klik Ekspor Blog.

4. Lalu akan muncul jendela yang memberikan info tentang Ekspor Blog. Silakan baca dahulu jika perlu. Selanjutnya langsung klik saja Unduh Blog. Maka komputer akan mengunduh kode xml dari Blog lama.

5. Jika pengunduhan telah selesai, selanjutnya pada Blog baru (yang akan dimasukan posting dari Blog lama), masuk ke bagian Setelan >> Lainya.
6. Pada Alat Blog pilih/klik Impor Blog.

7. Lalu akan muncul jendela tentang Impor Blog. Klik Telusuri dan pilih file xml yang telah diunduh dari Ekspor Blog. Isi kode keamanan yang diberikan, berikan centang jika ingin mempublikasikan posting secara otomatis, dan klik Impor Blog.

Selesai, seluruh posting Blog telah berhasil dipindahkan ke Blog lain.

Coba lihat pada Blog yang baru diberi posting dari Blog lama. Masuk pada Daftar Post, terlihat keterangan "diimpor", masih terdapat label seperti pada Blog lama, bagian komentar masih utuh (tidak hilang).

Go to link Download

Cara Membuat Postingan Menjadi Read More Tanpa Edit Html

Ini Dia Planet Terpanas, Terdingin, Tertua, Termuda, Tercepat, dan Terbesar Di Luar Angkasa

Posted by Admin

Perkembangan teknologi membantu para astronom dan peneliti ruang angkasa dalam mengidentifikasi planet. Melalui teleskop, para ilmuwan bisa melihat dan mempelajari kondisi dari planet yang ada di sekitar galaksi bima sakti.

Nah, kali ini Talinews akan membeberkan planet apa sih yang terpanas, terdingin, tertua, termuda, dan tercepat di luar angkasa. Berdasarkan berita yang dilansir dari Dailymail, Selasa (1/5), karakteristik dari setiap planet ini sudah dipelajari oleh ilmuwan selama 50 tahun terakhir.

Planet terpanas adalah WASP-12b, yakni sebuah planet gas dengan suhu yang melebihi gurun Sahara, sekitar 2.200 derajat Celcius. Planet ini juga memiliki ukuran yang besar, hampir dua kali ukuran planet Jupiter.

Planet terpanas WASP-12b

Planet terdingin dikenal sebagai OGLE-BLG-390L. Planet paling dingin ini memiliki massa lima kali planet bumi, dengan permukaannya yang berbatu. Planet ini juga satu planet terjauh yang diketahui oleh manusia, memiliki jarak 28.000 tahun cahaya.

Berdasarkan penelitian para ilmuwan, diketahui bahwa dipermukaan planet OGLE-BLG-390L memiliki titik beku minus 220 derajat Celcius. Suhu ini berada di bawah titik didih nitrogen cair dan dekat dengan angka nol mutlak.

Jarak planet ini dari bumi sekitar 10,5 tahun cahaya, yang dapat dilihat menggunakan teleskop, sama seperti melihat matahari. Suhunya yang dingin bisa membuat lautan air dipermukaan planet itu membeku.

Planet terdingin OGLE-BLG-390L

Planet tertua adalah Methusela, yang memiliki nama asli PSR B 1620-26 b. Planet ini bisa dikatakan sebagai kakek dari alam semesta, yang terbentuk sekitar 12,7 milyar tahun lalu. Pembentukan planet ini sama saja dengan delapan milyar tahun lebih tua dari planet bumi.

Methusela dibentuk hanya dua milyar tahun setelah Big Bang. Penemuan di tahun 1993 mengubah persepsi kita tentang pembentukan planet, menyiratkan ada planet yang lebih tua di luar angkasa sana untuk ditemukan.

Implikasi ini bisa menyiratkan ada kemungkinan peningkatan kehidupan di alam semesta, seperti hidup bisa berevolusi lebih awal dari pemikiran ilmuwan selama ini, dan tingkat evolusi yang terjadi sepanjang waktu. Sehingga, penelitian luar angkasa akan semakin menarik lagi untuk dilakukan.

Planet tertua Methulesa

Planet termuda dipercaya oleh para ilmuwan NASA bahwa planet ini mungkin telah berevolusi di sekitar bintang yang berbeda, membakarnya, sebelum membentuk dengan penyatuan bintang yang lewat. Di bagian terluar angkasa yang bisa dijangkau, ada planet yang belum diberi nama dan mengorbit di bintang Coku Tau, yang memiliki jarak sekitar 420 tahun cahaya. Usia planet ini diperkirakan sekitar satu juta tahun.

Planet termuda yang mengorbit di bintang Coku Tau

Planet tercepat dikenal dengan nama SWEEPS-10, yang terbang mengitari mataharinya pada jarak hanya 740.000 mil. Jarak ini sekitar tiga kali jarak bulan dari bumi, yang berarti dalam sehari hanya berlangsung perputaran selama 10 jam.

Planet tercepat SWEEPS-10

Planet terbesar dikenal sebagai TrES-4, dimana memiliki ukuran 1,7 kali ukuran planet goliath di tata surya kita, Jupiter. Planet ini juga bisa dikatakan aneh. Meski berukuran besar, TrES-4 juga sangat ringan, dengan kepadatan gabus. Perputaran planet ini mungkin hanya mengelilingi sekitar ekor komet yang membentuk atmosfernya sendiri.

Menurut Georgi Mandushev dari Lowell Observatory di Arizona, kepadatan rata-rata planet ini adalah sekitar 0,2 gram per kubik sentimeter, atau sekitar kerapatan kayu biasa.

Planet terbesar TrES-4

Go to link Download

Cara Membuat Alat HTML Editor Di Postingan Blog

Cara Membuat Alat HTML Editor Di Postingan Blog. Kembali lagi saya update postingan terbaru saya pada hari ini. Berhubung saya sedang libur (belajar dirumah) selama 3 hari, akhirnya saya bisa ambil kesempatan ini untuk ngeblog. Sebelumnya maaf ya jika anda sering melihat blog Jona Rendra ini artikel nya itu itu saja. Ini karena belakangan ini saya akan jarang sekali update blog. Sebab, saya baru masuk SMA dan pasti akan ada banyak tugas yang menyita waktu saya untuk Blogging. Supaya bisa membahas lebih lanjut tentang HTML, ada baiknya anda mengerti dulu Pengertian HTML dan Tutorial Memakainya

Di artikel ini, saya akan memberikan Cara Membuat Alat HTML Editor Di Postingan Blog. HTML Editor merupakan alat yang dapat menerjemah rangkaian html yang kita buat. Dengan kata lain, HTML Editor ini bisa mempratinjaukan kode HTML yang kita buat. Ini berguna supaya memperkecil peluang kita salah membuat kode yang nantinya akan dimasukkan ke edit html blogger. Maka dari itu anda memerlukan pengedit HTML ini.

Seperti widget HTML Editor punya saya, anda bisa meletakkan rangkaian kode HTML anda di kolom atas, lalu tinggal klik Preview. Hasil nya pun akan muncul. Mungkin saya cukupkan dahulu sedikit penjelasan mengenai HTML Editor. Sekarang, mari bahas Cara Membuat Alat HTML Editor Di Postingan Blog.

Cara Membuat Alat HTML Editor Di Postingan Blog

1. Login ke Blogger, pada dashboard, pilih blog anda

2. Silahkan masuk ke Buat Entri

3. Selanjutnya, buat entri dalam mode HTML dengan mengklik tulisan HTML yang ada di samping Compose

4. Langsung saja copy paste kode HTML dibawah ini dan silahkan paste di kolom yang tersedia

<form method="post" name="form1">


<textarea name="code" onclick="focus(this.code)" style="border: solid 1px #cccccc; box-shadow: 5px 5px 5px #CCCCCC; color: black; font-family: Courier New, Monospace, Courier; font-size: 14px; font-weight: normal; height: 400px; margin: 0px; padding: 5px; scroll: auto; width: 100%;">Masukkan Script atau HTML disini Jona Rendra</textarea></form>


<button onclick="preview.document.write (document.getElementsByTagName (TEXTAREA)[0].value); preview.document.close(); preview.focus()">Preview</button><button onclick="window.document.form1.code.value=;preview.document.write (document.getElementsByTagName (TEXTAREA)[0].value); preview.document.close(); preview.focus()">Clear </button><span style="color: white;"><a href=http://jonarendra.blogspot.com/>Jona Rendra</a><span>


<iframe frameborder="0" name="preview" src="about:blank" style="background: #ffffff; border: solid 1px #cccccc; box-shadow: 5px 5px 5px #CCCCCC; height: 400px; padding: 5px; width: 100%;"></iframe>

5. Terakhir klik Publikasikan dan widget HTML Editor ini pun sudah muncul.

Mudah kan untuk Membuat Alat HTML Editor Di Postingan Blog? Sebelumnya juga saya sudah share alat yang unik lho. Namanya Widget Color Picker. Dijamin bermanfaat dan menarik untuk dipasang di blog.

Itulah artikel dari Jona Rendra yang berjudul Cara Membuat Alat HTML Editor Di Postingan Blog, semoga bisa dapat dengan mudah anda lakukan. Apabila ada pertanyaan dan pendapat mengenai Cara cara diatas, anda bisa kirim lewat komentar dibawah.

Go to link Download

Cara Membuat Emoticon Kaskus Di Postingan Blog

 

Go to link Download

Cara Membuat Backlink Please Di Bawah Postingan Blog

#XTbacklinks{overflow:hidden;margin-top:5px;border:3px solid #0c00ff;border-radius:5px;height:50px;width:565px;-webkit-transition:all 0.4s ease-in-out;}
#XTbacklinks:hover{border:3px solid #0c00ff;height:235px;-webkit-transition:all 0.7s ease-in-out;}
.XTbkl{margin-top:3px;float:left;color:black;width:495px;border:1px solid #0c00ff;background:#fff;-moz-border-radius:3px;transition:all .9s ease-in-out;}
.XTbkl:hover{color:black;border:1px solid #0c00ff;background:#fff;}#XTbacklinksTitle{border:3px solid #0c00ff;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 2px #000;color:#0c00ff;font-size:20px;font-familly:Arial;text-align:center}

<b:if cond=data:blog.pageType == &quot;item&quot;>
<div id=XTbacklinks style=margin-top:30px;>
<div id=XTbacklinksTitle>
<a expr_href=data:post.url><data:post.title/></a>
</div>
<div id=XTbacklinksTitle>
Backlinks Please </div>
<table border=0 height=140 style=margin-left:7px; width=260>
<tr><td>URL<br/><input class=XTbkl expr_value=data:post.url onclick=this.focus();this.select(); readonly=readonly title=Press CTRL+C to copy type=text/></td></tr>
<tr><td>Code For Forum<br/><input class=XTbkl expr_value=&quot; [URL=&quot; + data:post.url + &quot;]&quot; + data:post.title + &quot;[/URL] www.cheatermaninjau.net&quot; onclick=this.focus();this.select(); readonly=readonly title=Press CTRL+C to copy type=text/></td></tr>
<tr><td>HTML Code<br/><textarea class=XTbkl onclick=this.focus();this.select(); readonly=readonly style=height:18px; title=Press CTRL+C to copy><a expr_href=data:post.url target=_blank><data:post.title/></a></textarea></td></tr>
<tr><td><script src=# type=text/javascript/></td></tr>
</table>
</div>
</b:if>

Go to link Download

Cara Membuat related Post Di Bawah Postingan

Cara membuat Related Post Artikel Terkait :

Gunaka CTRL+F agar pencarian lebih Mudah dan jika menemukan kode tersebut lebih dari satu, gunakan kode yang ke-2 dari atas

<b:if cond=data:blog.pageType == &quot;item&quot;>
<p style=font-style:bold;>ARTIKEL TERKAIT:</p>
<div class=rbbox>
<div style=margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;>
<div id=albri/>
<script type=text/javascript>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 15;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3; function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values=data:posts var=post>
<b:loop values=data:post.labels var=label>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type=text/javascript>RelPost();</script>
</div>
</b:if>

.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #F2F2F2;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
.rbbox ul li {
display : block;
background : url(http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px dotted #cccccc;}

Go to link Download

Cara Membuat Judul Postingan Bisa Menjadi link Ketika di Klik

Go to link Download

Cara Membuat URL LINK Postingan Apa Saja

Berbagai cara yang dapat dilakukan untuk mempercantik dan membuat blog jadi unik hingga berbeda dengan blog yang lainnya. Terutama membuat sesuatu agar blog lebih mudah terindex oleh SE (Mesin Pencari) seperti Google, Yahoo dan yang lainnya. Yang akan di bahas dalam artikel kali ini adalah Cara Membuat URL/LINK Postingan Apa Saja sesuai kemauan kita.  

Membuat URL/Link tertentu pada Postingan merupakan salah satu cara untuk mengoptimalkan Postingan pada blog (on page) agar lebih mudah terbaca oleh search Engine, karena ketika kita membuat postingan dengan judul yang memiliki banyak karakter maka Url/Link poastingan itu secara otomatis akan sesuai dengan judul postingan. Sedangkan maksimal karakter pada url postingan hanya sampai 35 karakter, sehingga dengan judul artikel yang panjang maka url artikel tersebut akan terpotong hingga batasnya.

Nah untuk membuat Url artikel lebih singkat/ pendek namun dapat disesuaikan dengan KW (keyword) pada artikel tersebut tidaklah sulit, hanya dibutuhkan settingan setiap kali ingin melakukan postingan dan dapat membuat URL yang unik terserah kita, Berikut caranya

1. Sebelum Publikasikan Postingan buatlah URL sendiri untuk Postingan tersebut, caranya pada Panel kanan Klik Tautan Permanen 

2. Kemudian Pilih Tautan Permanen Khusus, lalu isikan sesuai url postingan yang di inginkan

3. Klik Selesai

4. Jika telah selesai Publikasikan deh...!!!

Oke, Semoga Bermanfaat.

Go to link Download

Cara Membuat Profil Admin Dibawah Postingan Blog

nah kali ini saya akan mencoba berbagi tips tentang Cara Membuat Profil Admin Dibawah Postingan Blog

Apakah sobat pernah melihat kotak kecil berisi keterangan dan pesan penulis disertai judul posting dan tanggal terbit yang biasa ditampilkan di bawah posting, ternyata cara membuatnya cukup mudah lho, untuk contohnya sobat bisa lihat di blog ini seperti terlihat dibawah ini.

Go to link Download

Read more »

Posted by Unknown at 11:16 PM

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Labels: admin, blog, cara, dibawah, membuat, postingan, profil