Artikel Terkait di bawah Posting

Oke langsung saja kita mulai
1. Login Blogger > Rancangan (Design) > Edit HTML > Centang Pada Tulisan Expand Template Widget
2. Kemudian pasang kode berikut di bawah tag </head>

 <style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>

Jika sudah, cari <data:post.body/> (gunakan ctrl + F) lalu pasang kode berikut di bawahnya, jika ditemukan 2 buah kode, simpan di bawah kod yang ke 1. Jika sudah menggunakan read more otomatis tempatkan di bawah kode ini :

data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>
--- tempatkan kode di bawah ini di sini ---

--------------------------------

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Save template dan lihatlah hasilnya
By :  kucoba.com

Read more »

Random Post Widget Di Blog

Langsung saja ke inti pembahasan cara membuat random post Di Blog. yang Kali ini blog saya akan memberikan share tips Cara Membuat Random Post Di Blog, dan yang pasti masih seputar tutorial blog.

• Buka akun Blogger atau Blogspot sobat
• Masuk ke menu rancangan dan pilih add widget
• Lalu Pilih Html/javascript
Setelah itu masukkan code random post dibawah ini :

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

NB : Angka yang berwarna biru diatas adalah jumlah post yang ingin ditampilkan di widget blog sahabat.jadi ubah sesuai selera anda masing-masing untuk menampilkan jumlah random post tersebut. Klik save dan selesai.
By : ageboy.blogspot.com

Read more »

Mengatur Jarak atau Spasi di bawah Kotak Komentar

Di bagian bawah kolom komentar terdapat jarak spasi sebanyak 410, hal ini membuat blog post terlihat panjang dan tidak bagus. Sehingga beberapa waktu yang lalu, saya pun mengurangi nilai default spasi di bawah kolom komentar tersebut sebanyak 200 yang tadinya 410 menjadi 210. Coba sobat blogger perhatikan kedua gambar di bawah ini. Gambar ini saya ambil sebelum dan setelah di rubah.

Sebelum

setelah

Setelah melihat kedua gambar di atas, saya yakin sobat blogger sudah memahami penjelasan di atas. Untuk merubah nilai default dari spasi setelah kolom komentar, silahkan ikuti langkah di bawah ini:
Cara Mengatur atau Merubah Jarak Spasi di Bawah Kotak Komentar :

• Log In di blogger.com
• Klik Menu Rancangan, lalu pilih Edit HTML.
• Kash tanda centang pada Expand Widget Template
• Cari kode yang seperti ini :

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> 

• Terdapat dua angka 410 disana, Ganti kedua angka 410 dengan 210.
• Klik Simpan By : bloggertutorialblog.blogspot.com

Read more »

Program Pembuat Template Blog Gratis

Di bawah ini adalah beberapa program online gratis yang dapat Anda gunakan untuk membuat template Blogspot. Anda dapat mencoba membuat template blogspot sendiri tanpa harus menguasai kode HTML secara luas karena kode-kode tersebut langsung dibuat oleh software. Selanjutnya tinggal copas atau download sebagai file template.xml.
1. Pimp-My-Profile 2. PsycHo  Trix TG v2   Semoga bermanfaat

salam
abaddigital

Read more »

Chasys Draw IES

Bagi kita yang sering melakukan editing gambar dan membutuhkan alternatif dari software seperti photoshop. kini bisa mendapatkan software berkelas yang sebelumnya berbayar kini menjadi gratis (Freeware). Chasys Draw IES merupakan program untuk mengedit gambar (image) yang berbasis layer, seperti halnya Photoshop.

Berbagai fitur editing gambar disertakan dalam program ini, termasuk kemampuan video capture, image converter, photoshop filter plugins, mendukung berbagai format gambar, berbagai tools editing, icon generator, transformasi, perbaikan gambar, efek, blending, dan berbagai fitur lainnya yang biasa didapatkan di program image editor.

Informasi selengkapnya silahkan mengunjungi website Chasys Draw IES

Ingin mencoba ? Download Chasys Draw IES ( 12. 7 MB)

by : ebsoft.web.id

Read more »

SpeedConnect Internet Accelerator 8.0 full

SpeedConnect Internet Accelerator 8.0 merupakan salah satu aplikasi berbasis windows yang mempunyai fungsi untuk meningkatkan kecepatan internet Anda. Ingat, SpeedConnect Internet Accelerator 8.0 ini bersifat hanya membantu meningkatkan saja, yang paling penting ialah provider internet yang Anda gunakan.

• FASTER internet connection
• Browse FASTER
• Send and receive e-mail FASTER
• Download and upload files FASTER
• Play online games FASTER
• Improve Skype connection
• NO adware, NO hardware installation
• NO service subscription, NO monthly fees
• NO new hardware installation

Features :

• Optimizes all internet connection types
• User friendly
• Quick Optimizer option
• Advanced Customization
• Tool and Wizards
• Load/Save Settings
• Optimization Report
• Connection Analyzer

IMPORTANT!

• SpeedConnect requires Microsoft .NET Framework 2.0!
• If you cannot run SpeedConnect after installation,

Cara aktivasi SpeedConnect Internet Accelerator 8.0 :

1. Download dan instal SpeedConnect Internet Accelerator 8.0 full crack.
2. Copy dan paste 2 file crack (SpeedConnect Internet Accelerator.exe dan SpeedConnectStartUp.exe) yang sudah saya sertakan dalam paket download.
3. Selesai, kini SpeedConnect Internet Accelerator anda sudah full.
by : remo-xp

Read more »

Membuat Navigasi Bar di blogger

navigasi bar adalah baris yang digunakan utnuk memilih page/halaman pada blog utnuk mencari postingan yang diinginkan. Lihat gambar di atas. Nah…untuk dapat membuatnya yu’ kita ikuti langkah-langkah berikut :

 

1. Log In ke Blogger.
2. Pilih Rancangan, selanjutnya Edit Html, dan centang Expand Template Widget.
3.Cari kode script ]]></b:skin> , dan letakan script berikut tepat diatas kode tersebut.
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:bold;
border: 0px solid #cccccc;
margin:0 3px;
padding:10px;
}
.showpageNum a:hover {
border: 0px solid #ffffff;
background-color:#transparent;
}
.showpagePoint {
color:#00ff0c;
text-decoration:bold;
border: 0px solid #cccccc;
background: #transparent;
margin:0 3px;
padding:12px;
}
.showpageOf {
text-decoration:bold;
color:#ff7e00;
padding:10px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:bold;
border: 0px solid #cccccc;
padding:10px;
}
.showpage a:hover {
text-decoration:bold;
}
.showpageNum a:link,.showpage a:link {
text-decoration:bold;
color:#ff7e00;
}
4. Selanjutnya cari kode script </body>, dan letakkan script berikut di atas kode </body>.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://nthoeng.googlecode.com/files/navigasi.js' type='text/javascript'/>
</b:if>
5. Teks berwarna hijau merupakan jumlah posting yang akan ditampilkan setiap page/halaman.
6. Simpan Template, Untuk melakukan perubahan warna, ubah pada kode warna pada script yang diletakkan di atas ]]></b:skin>.

Semoga Berhasil !!!

Salam
abaddigital
from :nthoeng.blogspot.com

Read more »

BELAJAR DARI CINCIN EMAS

Beberapa waktu yang lalu, di Mesir hiduplah seorang sufi yang tersohor bernama Zun-Nun. Seorang pemuda mendatanginya dan bertanya : “Tuan, saya belum faham mengapa orang seperti Anda mesti berpakaian apa adanya dan sangat-sangat sederhana?? Bukankah di zaman seperti ini berpakaian moden amat perlu, bukan hanya untuk penampilan namun juga untuk tujuan banyak hal lainnya!!!?.”
Sang sufi hanya tersenyum, ia lalu melepaskan cincin dari salah satu jarinya, lalu berkata : “Wahai anak muda, akan kujawab pertanyaanmu, namun sebelum itu aku ingin kau melakukan satu hal untukku. Ambillah cincin ini dan bawalah ke pasar di seberang sana. Cobalah, bisakah kamu menjualnya seharga satu keping emas.”
Melihat cincin Zun-Nun yang kotor, pemuda tadi merasa ragu; “Satukeping emas??. Saya tidak yakin cincin ini bisa dijual seharga itu.” “Cobalah dulu anak muda. Siapa tahu kamu akan berhasil menjualnya..!.”
Pemuda itu pun segera pergi ke pasar. Ia menawarkan cincin itu kepada pedagang kain, pedagang sayur, penjual daging dan ikan, serta kepada yang lainnya. Ternyata, tak seorang pun berani membeli dengan harga satu keping emas. Mereka menawarnya hanya satu keping perak.
Tentu saja, pemuda itu tak berani menjualnya dengan harga satu keping perak. Setal lelah menawarkan Ia kembali ke kediaman Zun-Nun dan melaporkan; “Tuan, tak seorang pun yang berani menawar lebih dari satu keping perak.”
Zun-Nun, sambil tetap tersenyum arif, berkata, “Sekarang pergilah kamu ke toko emas di belakang jalan ini. Coba perlihatkan kepada pemilik toko atau tukang emas di sana. Jangan buka harga. Dengarkan saja, bagaimana ia memberikan penilaian.”
Pemuda itu pun pergi ke tempat yang dimaksud. Tak lama berselang Ia kembali kepada Zun-Nun dengan raut wajah yang lain. Ia kemudian melaporkan; “Tuan, ternyata para pedagang di pasar tidak tahu nilai sesungguhnya dari cincin ini. Pedagang emas menawarnya dengan harga seribu keping emas. Rupanya nilai cincin ini seribu kali lebih tinggi daripada yang ditawar oleh para pedagang di pasar.”
Zun-Nun tersenyum simpul sambil berujar lirih; “Itulah jawaban atas pertanyaanmu tadi orang muda. Seseorang tak bisa dinilai daripakaiannya. Hanya “para pedagang sayur, ikan dan daging di pasar” yang menilai demikian. Namun tidak bagi “pedagang emas”.
Emas dan permata yang ada dalam diri seseorang, hanya bisa dilihat dan dinilai jika kita mampu melihat ke kedalaman jiwa. Diperlukan kearifan untuk menjenguknya. Dan itu memerlukan proses wahai anak muda. Kita tak bisa menilainya hanya dengan tutur kata dan sikap yang kita dengar dan kita lihat sekilas.
Seringkali yang disangka emas ternyata besi biasa dan yang kita lihat sebagai besi biasa ternyata emas.”
Renungilah penggalan cerita di atas…

Afi Ayna Amaryllis

Read more »

Aku Bahagia Semua Atas Kehendak Allah

AKU BAHAGIA SEMUA ATAS KEHENDAK ALLAH.........BERSYUKUR YUK...............^__^

Sudah dua belas tahun kita menikah, tapi belum sedikitpun kita bahagia”, kata seorang suami kepada istrinya.
“Maksud ayah?”, sahut istrinya bingung karena tak seperti biasa suaminya bersikap seperti ini.
“Maafkan aku bu, nggak seperti keluarga lainnya yang hidup bahagia dan mapan, selama ini aku belum bisa bahagiakan kamu dan anak-anak, apalagi pekerjaanku seperti ini, hanya seorang tukang sampah keliling di kampung ini”, terang suaminya menjelaskan.
“Maksud ayah, aku dan anak-anak tidak bahagia? Kata siapa begitu? Tidak seharusnya ayah berkata seperti itu. Aku merasa bahagia walaupun keadaan kita susah seperti ini. Ayah seharusnya bersyukur, karena ini adalah nikmat yang diberikanNYA untuk kita. Banyak orang yang bergelimang harta tapi hidupnya tidak bahagia, banyak orang yang kaya tapi hatinya selalu dirundung duka. Mending kita hidup seperti ini Yah, yang penting hati kita tenang dan bahagia. Masih bisa makan walau seadanya, masih bisa menyekolahkan anak-anak walaupun bukan di sekolah yang mahal, dan ayah bisa mengatur waktu untuk beribadah tidak disibukkan dengan urusan dunia. Anggap pekerjaan ayah ini adalah ibadah karena membuat kampung kita jadi bersih.
Tentang pekerjaan Ayah, Ayah boleh bekerja sebagai tukang sampah, tapi bukan berarti pekerjaan yang ayah jalani adalah sampah. Ayah memang mengambil sampah dari masyarakat, tapi bukan berarti ayah adalah sampah masyarakat. Tangan ayah boleh kotor karena sampah, tapi yang penting tangan ayah tidak pernah berbuat kotor atau dosa.
Biarlah orang memandang ayah rentan terkena penyakit, tapi yang penting ayah tidak membuat orang berpenyakit, apalagi itu penyakit hati. Biarlah juga orang lain menghina ayah, tapi yang penting ayah tidak pernah menghina mereka. Jadi ayah harus tetap bersyukur ya dan ikhlas menjalani ini semua.”, jawab istrinya berusaha menenangkan hati suaminya.
“Ya sayang, kamu memang wanita terbaik yang dianugerahkanNYA untukku. Terima kasih ya istriku, ibu dari anak-anakku, hatiku sekarang bisa sedikit lebih tenang.”, sambung suaminya sambil melempar senyum kecilnya.
Istrinya juga ikut tersenyum melihat suaminya tersenyum tanda berkurang kemurungannya. Oh indahnya hidup bila bisa saling menyejukkan dan mengingatkan, apalagi jika dibumbui dengan rasa ikhlas dan syukur, pasti hidup akan terasa jauh lebih indah lagi jadinya.

Afi Ayna Amaryllis

Read more »

Cara Membuat Label Dengan Thumbnail Hover gambar pada label

Cara ini maksudnya adalah untuk memunculkan gambar dengan label tertentu di sidebar. Untuk lebih paham silahkan lihat contohnya : syamil.agency.

Kalau udah paham kita langsung praktek ja…

1. Login ke Dashboard Blogger
2. Klik Rancangan/Design/Tata Letak
3. Klik/pilih widget HTML/JavaScript
4. Simpan kode berikut di bawah ]]></b:skin>

<style>
/*** Recent Labels Gadget Css ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
list-style:none;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}
</style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://2.bp.blogspot.com/_IKigl6y9hFA/TMdcT1jzo5I/AAAAAAAAAHA/hAKuT9rJpFU/noimage.jpg';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>

5. Kembali ke Rancangan/Design/Tata Letak
6. Klik Add Gadget
7. Pilih HTML/JavaScript
8. Masukkan kode berikut

<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<script type="text/javascript" src="UrlBlogAnda /feeds/posts/default/-/Nama Label?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

KET :
numposts = 5 (Angka 5 adalah jumlah recent post yang akan di tampilakn, silakan ganti sesuai keinginan teman)
UrlBlogAnda = Ganti dengan Url blog teman lengkap dengan http:// ( contoh http://abaddigital.blogspot.com ) 
Nama Label = Isi dengan Nama Label yang artikelnya ingin di tampilkan ( contoh blogger%20template) biasanya label yang pakai spasi di pisahkan dengan %20.

Read more »