Showing posts with label Posting. Show all posts
Animasi × Posting × Tips dan Triks × Widget

1. Masuk ke Blogger
2. Pilih Posting - Edit Laman
3. Pilih Laman Baru, Masukan judul Posting misalnya SITEMAP BLOG TRIK DAN TIPS
4. Terakhir Paste kode dibawah ini:
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>5. Ubah kode http://blogtrikdantips.blogspot.com dengan url blog anda
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.blogtrikdantips.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
6. Terbitkan posting anda lalu lihat hasilnya

Animasi × Jquery × Posting × Widget

1. Untuk membuatnya silahkan kunjungi situs BloggerPlugins.org atau KLIK DISINI
2. Pada situs tersebut klik icon blogger yang tampak seperti dibawah ini:

Widget anda akan tersimpan pada Elemen Halaman. Jika anda ingin melihatnya, maka buka posting dari halaman anda, lalu scroll ke halaman paling bawah. Anda akan melihat recommended post slideout muncul dari sudut kanan. Selamat mencobanya!
Feed × Posting × Widget

1. Login ke Blogger
2. Masuk ke Rancangan --> Elemen Halaman
3. Tambahkan Gadjet anda
4. Pilih Feed

Misalnya feed milik saya http://blogtrikdantips.blogspot.com/atom.xml

7. Pada Konfigurasi Feed, pilih tampilan yang diinginkan
8. Simpan feed anda.
Dengan mengikuti langkah diatas, anda akan memiliki daftar recent post hanya menggunakan feed. Selamat mencobanya!!!
Gambar × Posting × Tips dan Triks × Widget

1. Masuk ke Rancangan ---> Klik Edit HTML
2. Centang Expand Template Widget
3. Paste kode dibawah ini diatas kode </head>
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.2em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/relatedpostwiththumbnails.js.js' type='text/javascript'/>
</b:if>
4. Cari salah satu kode berikut ini:
<div class='post-footer-line post-footer-line-3'>
atau <p class='post-footer-line post-footer-line-3'>
5. Setelah itu letakan kode dibawah ini, dibawah salah satu kode langkah ke.4
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://amatulla83.blogspot.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
Semoga artikel ini bermanfaat!
Posting × Widget
Jika sobat menulis artikel mengenai tutorial bloging, maka sobat akan sering menggunakan fasilitas HTML encoder. Selama ini Blog Trik dan Tips menggunakan HTML Encoder yang dibuat sendiri, kalau sobat ingin tau caranya bisa dilihat DISINI.
Tapi kini ada cara lain untuk memudahkan kita menggunakan fasilitas HTML encoder langsung dari situs Blogger-Blogspot. Tentunya hal ini akan memudahkan sobat lebih cepat dan mudah untuk membuat posting jika berurusan dengan kode-kode HTML. Cara memasangnya pada blogspot cukup mudah saja, silahkan dicoba jika tertarik untuk memasangnya. Berikut langkah memasangnya:
1. Download Greasemonkey 0.8.20090123.1 pada situs https://addons.mozilla.org/en-US/firefox/addon/748
2. Instal dan restart browser anda kembali
3. Kemudian install JavaScript http://userscripts.org/scripts/source/42696.user.js
4. Coba lihat di menu posting, pasti akan muncul tombol "HTML Encode Selection".
5. Untuk memparse kode HTML, sobat login ke blogger kemudian buatlah posting baru.
6. Pilihlah tab Edit HTML di samping tab Tulis
7. Untuk memparse kode HTML, maka anda hanya menghighlight kode HTML yang ingin diparse dan klik tombol HTML ENCODE SELECTION
Kode-kode tersebut kemudian akan diparse tanpa sobat menunggu proses loading. Selamat mencoba dan good luck!!!
Tapi kini ada cara lain untuk memudahkan kita menggunakan fasilitas HTML encoder langsung dari situs Blogger-Blogspot. Tentunya hal ini akan memudahkan sobat lebih cepat dan mudah untuk membuat posting jika berurusan dengan kode-kode HTML. Cara memasangnya pada blogspot cukup mudah saja, silahkan dicoba jika tertarik untuk memasangnya. Berikut langkah memasangnya:
1. Download Greasemonkey 0.8.20090123.1 pada situs https://addons.mozilla.org/en-US/firefox/addon/748
2. Instal dan restart browser anda kembali
3. Kemudian install JavaScript http://userscripts.org/scripts/source/42696.user.js
4. Coba lihat di menu posting, pasti akan muncul tombol "HTML Encode Selection".
6. Pilihlah tab Edit HTML di samping tab Tulis
7. Untuk memparse kode HTML, maka anda hanya menghighlight kode HTML yang ingin diparse dan klik tombol HTML ENCODE SELECTION
Kode-kode tersebut kemudian akan diparse tanpa sobat menunggu proses loading. Selamat mencoba dan good luck!!!
Gambar × Posting

Yang pasti sobat juga penasaran bagaimana cara buatnya......sebelumnya sih saya pikir untuk membuat emoticon harus repot utak taik kode HTML template.....tapi kenyataannya tidak ....dengan menginstal adds-on firefox dibawah ini langsung harapan saya tercapai.
Mau tau nich bagaimana cara membuatnya, ikuti aja langkah dibawah ini.
1. Download Firefox Versi Terbaru..
2. Kemudian yang sobat lakukan adalah menginstal GreaseMonkey Extension untuk Firefox, atau KLIK DISINI
3. Jangan lupa untuk direstart browsernya
4. Selanjutnya install script emoticon untuk blogger atau KLIK DISINI
Coba cek blog anda. Untuk melihat emoticonnya masuk ke Posting lalu pilih tab "Tulis" bukan "Edit HTML"
Untuk menginstal emoticon lainnya dapat diinstal juga:
1. Naruto, download scriptnya disini
2. Kitty, download scriptnya disini
3. Pika, download scriptnya disini
4. Pucca, download scriptnya disini
Sobat nanti akan melihat icon kecil pada bagian kanan bawah layar browser. Untuk menonaktifkan salah satu emoticon pada posting blogger, klik kanan icon tadi dan pilih emoticon yang mau dinonaktifkan.
Langkah terakhir ialah memodifikasi tampilan emoticon agar tidak memiliki garis tepi dengan menaruh kode berikut di atas kode ]]></b:skin>
img.emoticon {
padding: 0;
margin: 0;
border: 0;
}
Terakhir jangan lupa untuk menyimpan template sobat...Selamat mencoba!
Posting
Anda pernah membuat artikel dan akhirnya hanya dikopi atau diciplak orang yang tidak bertanggung jawab....Anda pasti ingin mengetahui siapa yang melakukannya. Tentunya ada cara yang mudah untuk mengetahui mereka....Copyspace adalah sebuah layanan online yang melayani deteksi plagiarisme dimana terdapat artikel yang sama pada blog lainnya. Situs ini dirilis pada tahun 2004 oleh Indigo Stream Technologies, Ltd.
1. Kunjungi situs Copyscape atau klik link DISINI.
2. Nantinya anda akan berjumpa dengan sebuah kotak dimana anda perlu menulis alamat website atau blog anda. Kemudian klik Tombol Go
3. Secara langsung web tersebut akan mendeteksi apabila terdapat artikel yang sama dengan blog anda. Anda akan diberi informasi siapa saja yang menjiplak artikel anda.....
Situs ini juga menyediakan banner untuk melindungi hak cipta atas karya anda,.....

2. Nantinya anda akan berjumpa dengan sebuah kotak dimana anda perlu menulis alamat website atau blog anda. Kemudian klik Tombol Go
3. Secara langsung web tersebut akan mendeteksi apabila terdapat artikel yang sama dengan blog anda. Anda akan diberi informasi siapa saja yang menjiplak artikel anda.....
Situs ini juga menyediakan banner untuk melindungi hak cipta atas karya anda,.....
Posting

1. Masuk ke Rancangan, klik pada Edit HTML.
2. Kemudian klik pada Expand Template Widget
3. Cari kode dibawah ini:
< div class='post-body entry-content'>4. Hapus kedua kode tersebut dan gantikan dengan kode ini:
< data:post.body/>
<div class="'post-body"><b:if cond="'data:blog.pageType"><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style><data:post.body/><a href="'data:post.url'">Read More</a></b:if>5. Simpan template sobat
Untuk menerapkan readmore pada posting sobat maka ketika sobat menulis artikel, masuk ke bagian Posting -- Edit HTML. Sisipkan kode berwarna merah dibawah ini untuk membuat pemenggalan artikel yang ingin ditampilkan pada home page:
< span class="fullpost">Selamat mencoba!!!
-- Tulisan sobat yang ingin ditampilkan pada home page (readmore) --
</span>
-- Tulisan sobat yang ditampilkan pada full post --

Posting
1. Login ke blog sobat di blogger.
2. Klik Rancangan -- Edit HTML
3. Selanjutnya beri centang pada tulisan Expand Widget Templates
4. Carilah kode dibawah ini:
<b:include data='post' name='post'/>5. Jika sobat telah menemukan kodenya hapus dan gantikan dengan:
<b:if cond='data:blog.homepageUrl != data:blog.url'>6. Simpan template tersebut.
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:2px;
background:#EAE9E9;
color:#406A0E;">
<data:post.title/>
</div>
</a>
<b:else/><b:include data='post' name='post'/></b:if>
<b:else/><b:include data='post' name='post'/></b:if>
7. Masuk ke Rancangan -- Elemen Laman. Tambah gadjet kemudian pilih HTML/Javascript dan masukan kode berikut:
<a href="http://blogtrikdantips.blogspot.com/search?max-results=10" target="_blank">8. Gantikan http://blogtrikdantips.blogspot.com dengan URL blog sobat. Angka 10 diatas menunjukan jumlah posting yang ingin ditampilkan sobat tinggal atur aja.
<span style="font-weight:bold;">Daftar Isi</span>»</a>
Selamat mencoba!!! Bravo

Posting

Tentunya sobat pasti akan bertanya, bagaimana cara membuatnya. Nah kali ini saya akan memberikan tips bagaimana sobat dapat mengganti judul blog dengan judul posting.
1. Login ke blogger.
2. Pilih Rancangan, dan klik pada Edit HTML.
3. Cari kode ini:
< title>< data:blog.title/> </title>4. Ganti kode tersebut dengan kode dibawah ini:
<b:if cond='data:blog.pageType == "index"'>5. Jangan lupa untuk Simpan template.
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
Nah jika semuanya udah selesai maka apabila sobat melihat blognya sobat, pada halaman utama akan menampilkan judul blog sobat. Tapi apabila sobat membuka judul posting maka judul blog akan berubah sesuai judul posting. Selamat mencoba ya!!!
Posting

1. Login pada blogger.
2. Pilih Rancangan dan pilih Edit HTML
3. Beri tanda centang pada Expand Widget Template
4. Kopi scipt berikut ini lalu paste diatas kode </head>
<!-- Related Post blogtrikdantips.blogspot -->
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>
5. Selanjutnya letakkan kode dibawah ini setelah kode <data:post.body/>
b:if cond='data:post.labels'>6. Yang terakhir yaitu simpan template sobat dan lihat hasilnya.
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/linkblog.js' type='text/javascript'/>
</b:if>
Sebagai tambahan jika sobat ingin mengganti judul related post sobat tinggal mengedit kode yang berwarna merah, sedangkan untuk mengatur jumlah posting gantilah kode yang berwarna biru. Selamat mencoba!!!
Posting

1. Login ke blogger.
2. Pilih Rancangan -- Elemen Laman
3. Tambah Gadjet, dan klik pada HTML/JavaScipt
4. Masukan kode di bawah ini:
<script language='javascript'>
aBold = true;
numposts=3;
maxshowresult=10;
home_page = "http://blogtrikdantips.blogspot.com";
</script>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/popular_post_list.js' type='text/javascript'></script>
5. Ganti blogtrikdantips.blogspot.com dengan nama blog sobat,
Keterangan:
- Kode berwarna merah andalah jumlah post
6. Simpan gadjet dan lihat hasilnya...
Komentar × Posting

1. Login ke blogger.
2. Masuk ke Rancangan -- Elemen Laman
3. Tambah Gadjet dan pilih HTML JavaScript
4a. Masukan kode berikut jika sobat ingin menampilkan jumlah postingan.
<script style="text/javascript">4b. Masukan kode berikut jika sobat ingin menampilkan jumlah komentar.
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script>
<script src="http://blogtikdantips.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<script style="text/javascript"></script>5. Ganti kode berwarna merah dengan nama blog sobat.
<script style="text/javascript">
function numberOfComments(json) {
document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script>
<script src="http://blogtrikdantips.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
6. Simpan gadjet sobat
Selamat mencoba ...semoga bermanfat.