Black On The Blog

Membuat Bounce & Share - Widget Social Bookmarking Blogger

12:33 AM Arek Drafter_CAD No comments

LANGKAH # 1
Login ke Blogger -> Layout -> Edit HTML dan pilih centang kotak Expand Template Widget
Kemudian, cari (CTRL + F) kode ini di template:

</head>

Copy Semua code dibawah ini dan masukkan code dibawah ini di atas </head>

<!--BOUNCING-ICONS-START-->



<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/screen2.css' media='all' rel='stylesheet' type='text/css'/>



<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>



<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/execute.js' type='text/javascript'/>



<!--BOUNCING-ICONS-STOP-Help-http://deejayhan.blogspot.com-->

LANGKAH # 2:
Sekarang cari kode ini di template:

<data:post.body/>

Atau

<div class='post-footer'>

Dan sisipkan dibawah code di atas itu, paste kode ini:

<!--SOCIAL-BOOKMARKING-BUTTONS--><br/>



<b:if cond='data:blog.pageType == &quot;item&quot;'>



<center>



<ul id='nav-shadow'>



<li class='button-color-1'><a   expr:href='&quot;http://twitter.com/home/?status=Currently   reading-&quot; + data:post.title + &quot; &quot; +   data:post.url' target='_blank' title='Tweet This Post'/></li>



<li class='button-color-2'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot;   + data:post.url + &quot;&amp;title=&quot; +   data:post.title' target='_blank'/></li>



<li class='button-color-3'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot;   + data:post.url + &quot;&amp;title=&quot; +   data:post.title' target='_blank'/></li>



<li class='button-color-4'><a expr:href='&quot; http://digg.com/submit?url=&quot;   + data:post.url + &quot;&amp;title=&quot; +   data:post.title' target='_blank'/></li>



<li class='button-color-5'><a expr:href='&quot;http://del.icio.us/post?url=&quot;   + data:post.url + &quot;&amp;title=&quot; +   data:post.title'   target='_blank'/></li></ul></center>



<a   href="http://deejayhan.blogspot.com/2012/04/membuat-bounce-share-widget-social.html"   target="_blank"><span style="font-size: x-small;">Get this   widget</span></a>



</b:if>



<!--SOCIAL-BOOKMARKING-BUTTONS-http://deejayhan.blogspot.com-->

Sekarang klik Save Template

Ya selamat mencoba lumayan buat belajar... sama seperti saya juga masih belajar..!!!

Free Comment

Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel

12:19 AM Arek Drafter_CAD No comments

Pernahkah kamu merasa ingin mengganti link older post dan newer post?

Setelah lama saya browsing dan menemukan apa yang saya mau..., yaitu modifikasi menjadi lebih bagus dan meningkatkan aksesibilitas blog kamu.

Cara yang saya maksud adalah dengan memodifikasi link older post dan newer post dibawah posting blog menjadi langsung menuju artikel selanjutnya maupun ke postingan yang lebih lama (yang ditampilkan adalah link judul artikelnya langsung).

Contoh tampilan Older dan Newer Link

Cara memasangnya, ikuti langkah berikut:

1. langkah 1

a. Login ke blogger dan masuk ke bagian Edit Template (Dashboard -> Rancangan -> Edit HTML).

b. Letakkan kode berikut ini sebelum </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

c. Lalu, simpan Template

b. Langkah ke 2

Tambahkan kode di bawah ini ke gadget (Dengan menambahkan widget Javascript/HTML) (posisinya bebas).

<style type="text/css">
#blog-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
#blog-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
});
</script>

- Simpan gadget Javascript/HTML

- Sekarang coba buka blog kamu, dan lihat dibawah posting, apakah link older post dan newer post sudah berubah dan yang muncul adalah judul artikel atau postingannya ???

Mau Comment silahkan tidak juga silahkan namanya saja blog asal-asalan..

Free Comment frend....

How to Install Related Posts Widget related links at the side column (OK)

7:17 PM Arek Drafter_CAD No comments

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

4. Now Click On Save 'JavaScript' You are done.

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/24work-blogspot/related-posts/related-posts-widget-1.0-24work.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
'loadingText':'loading...'
});</script>

And now click Save

Artikel terkait tanpa repot-repot 100% OK...
Mau Comment silahkan tidak juga silahkan gratis... Free Comment

Winrar 4.20 Beta 2

7:11 PM Arek Drafter_CAD No comments

Winrar 2012 Latest Tool that must be owned by your RAR is a type of file archiving to files that are scattered into one container and compression program competing or substitute programs such as PKZip, ARJ, and others. RAT memilikik compression ratio increased significantly, easy to use and supports long file names, disk spanning, and self-extracting file penciptaan.Anda can also try RAR for Mac OS X, Linux, or FreeBSD.

Screenshot :

WinRAR is a file archiver and archive manager. RAR files can usually compress up to 15 percent better than traditional ZIP-files. The main features of WinRAR includes a powerful compression ability to process non-RAR archive formats, embedded file comments, encryption, ZIP compression and decompression, support for long file names can, Recovery of physically damaged archives, multivolume archives, unicode support in archive filenames and support for self-extracting archives (SFX).

In addition to complete support of RAR and ZIP WinRAR provides basic operations for 7Z, ACE, ARJ, BZ2, CAB, GZ, ISO, JAR, LZH, TAR, uue, Z files created by other tools.

As with most other file compression program. WinRAR can also compress the 2.0 zip file. Hide the file name, and split archives into multiple files of user-defined size.

WinRAR offers a powerful automation tool. That allows you, for instance, simplify an incremental backup by creating the appropriate profile.

You can automate the task even further with the powerful, which let you create a shortcut to the old-style Windows and DOS batch files to perform a specific job.

Download Link