Thursday, August 16, 2012

Cara Memasang Share Button Facebook, Twitter, Google di Blog

Cara Memasang Share Button Facebook, Twitter, Google di Blog - Pada kesempatan yang baik ini saya akan menjelaskan Bagaimana Cara Memasang Share Button Facebook, Twitter, Google di Blog, sebenarnya tutorial ini cukup mudah karena anda tinggala copy dan paste script ini pada gadget blog anda tanpa harus edit HTML pada template anda.

Berikut langkah-langkah :

1. Login blogger

2. Pilih blog anda >> Layout >> Add Gadget >> Pilih HTML/JavaScript

3. Copy dan paste script berikut pada Gadget HTML/JavaScript

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-share-button.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

4. Save.

Lihat contoh pada gambar dibawah ini :


Demikian yang bisa saya sampaikan dan semoga bermanfaat bagi kita semua.
read more...

Free Download Camera Album Blogger Template


Feature :
  • 3 Coloum
  • Left and Right sidebar
  • Black background
  • Green link and Header of post
  • Gray of background post
  • Simple and fast load
  • SEO Friendly template
read more...

Tuesday, August 14, 2012

Cara Membuat Related Post di Blog

Cara Membuat Related Post di Blog - Pada kesempatan yang baik ini saya akan menjelaskan tentang Bagaimana Cara Membuat Related Post di Blog, ini bermanfaat untuk memancing pengunjung untuk membaca artikel lain yang terkait dengan yang pengunjung tersebut baca. Anda bisa melihat contoh related post pada Ilfan Blog ini, jujur saya juga suka pada related post ini.

Berikut langkah-langkah :

1. Login blogger

2. Pilih blog anda >> Template >> Edit HTML >> Expand Widget Template

3. Cari <data:post.body/> atau <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

4. Copy script berikut lalu paste tepat dibawah script pada no.3

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;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 = 10;
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>

5. Setelah itu anda cari ]]></b:skin>

6. Copy script berikut tepat diatas ]]></b:skin>

/*-- modifikasi related posts oleh http://ilfan-rifai.blogspot.com/--*/
.rbbox{border: 1px solid #D8D8D8;padding: 5px;
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}

7. Save template anda.

Demikian yang bisa saya sampaikan dan semoga bermanfaat bagi kita semua yang membacanya.
read more...

Cara Membuat Recent Post di Blog

Cara Membuat Recent Post di Blog - Pada kesempatan yang baik ini saya akan menjelaskan tentang Cara Membuat Recent Post di Blog, ini berfungsi untuk menampilkan post terbaru di widget anda.

Berikut langkah-langah :

1. Login blogger

2. Pilih blog anda >> Layout >> Add Gadget >> HTML/JavaScript

3. Copy dan paste script berikut di HTML/JavaScript

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:245px;
}
#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:280px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://1.bp.blogspot.com/-Zy5VJVCxqFM/UCnotmbmsaI/AAAAAAAAB24/KEGHWhaK250/s1600/a.jpg";
imgr[1] = "http://1.bp.blogspot.com/-Zy5VJVCxqFM/UCnotmbmsaI/AAAAAAAAB24/KEGHWhaK250/s1600/a.jpg";
imgr[2] = "http://1.bp.blogspot.com/-Zy5VJVCxqFM/UCnotmbmsaI/AAAAAAAAB24/KEGHWhaK250/s1600/a.jpg";
imgr[3] = "http://1.bp.blogspot.com/-Zy5VJVCxqFM/UCnotmbmsaI/AAAAAAAAB24/KEGHWhaK250/s1600/a.jpg";
imgr[4] = "http://1.bp.blogspot.com/-Zy5VJVCxqFM/UCnotmbmsaI/AAAAAAAAB24/KEGHWhaK250/s1600/a.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://ilfan-rifai.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>

4. Save >> Lihat hasilnya.

Contoh hasil :


Demikian penjelasannya dan semoga bermanfaat bagi kita semua yang membacanya.
read more...

Cara Sederhana Memasang Comment Facebook di Blog

Cara Sederhana Memasang Comment Facebook di Blog - Pada kesempatan kali ini saya akan menjelaskan tentang Cara Sederhana Memasang Comment Facebook di Blog, yang saya jelaskan ini tidak ribet, yang pastinya begitu simple dan mudah.

Berikut langkah-langkah :

1. Login ke blogger

2. Pilih blog anda >> Template >> Edit HTML >> Expand Template Widget

3. Cari script <div class='post-footer'>

4. Setelah itu copy script berikut dan paste tepat dibawah <div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Comment With Facebook</H2>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='4' width='550'/>
</b:if>

5. Save Template >> Lihat hasilnya.

Contoh Hasil :


Note :
<H2>Comment With Facebook</H2> : Yang berfungsi sebagai title pada widget tersebut.
num_posts='4' : Yang berfungsi untuk jumlah comment yang ditampilkan.
width='550' : Yang berfungsi untuk menentukan lebar pada widget tersebut.

Demikian penjelasan yang dapat saya sampaikan dan semoga bermanfaat bagi kita semua yang membacanya.
read more...

Monday, August 13, 2012

Cara Membuat Google+ Button Pada Setiap Post

Cara Membuat Google+ Button Pada Setiap Post - Pada kesempatan yang baik ini Ilfan Blog akan menjelaskan Bagaimana Cara Membuat Google+ Button Pada Setiap Post, Google+ button ini terletak di bawah posting, dengan demikian setelah visitor membaca dan suka post tersebut, bisa saja visitor klik tombol tersebut. Caranya mudah, anda tinggal mengikuti langkah-langkah dibawah ini.

Berikut Langkah-langkah :

1. Login blogger

2. Pilih blog anda >> Template >> Edit HTML >> Expand Template Widget

3. Cari <data:post.body/>

4. Letakan script berikut tepat dibawah <data:post.body/>

<div style='float:left;'>
<g:plusone expr:href='data:post.url' size='standard'/>
</div>

5. Setelah itu cari </head>

6. Letakkan script berikut tepat sebelum </head>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: &#39;en-US&#39;}
</script>

7. Save Template.

Demikian pembahasan Cara Membuat Google+ Button Pada Setiap Post dan semoga bermanfaat.
read more...

Cara Membuat Like Button Facebook di Blog

Cara Membuat Like Button Facebook di Blog - Pada kesempatan yang baik ini Ilfan Blog akan menjelaskan Bagaimana Cara Membuat Like Button Facebook di Blog, Like button ini terletak di bawah posting, dengan demikian setelah visitor membaca dan suka post tersebut, bisa saja visitor klik tombol like tersebut.
Berikut Langkah-langkah :

1. Login blogger

2. Pilih blog anda >> Template >> Edit HTML >> Expand Template Widget

3. Cari <div class='post-footer'>

4. Letakan script berikut tepat dibawah <div class='post-footer'>

Like tipe 1 :
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Maka tampilannya :


Like tipe 2 :
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;font=arial&amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>

Maka tampilannya :

5. Save Template.

Demikian pembahasan Cara Membuat Like Button Facebook di Blog dan semoga bermanfaat.
read more...

Sunday, August 12, 2012

Cara Membuat Widget LinkWithin Hanya Muncul di Halaman Posting

Cara Membuat Widget LinkWithin Hanya Muncul di Halaman Posting, atau Cara Menghilangkan LinkWithin di Home Blog - Pada kesampatan yang indah ini Ilfan Blog akan menjelaskan pada judul terkait, beberapa waktu lalu terdapat artikel terkait pada halaman Home Ilfan Blog, karena seharusnya artikel terkait itu muncul hanya pada setiap posting, nah Ilfan Blog akan menjelaskan untuk menghilangkan related post linkwithin di home.

Berikut langkah-langkah :

1. Login blogger

2. Pilih blog anda >> Template >> Edit HTML >> Expand Template Widget

3.Cari script yang seperti ini

<b:widget id='HTML2' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'>
<data:content/>
</b:includable>
</b:widget>

4. Tambahkan script <b:if cond='data:blog.pageType == &quot;item&quot;'> setelah kode <b:includable id='main'>

5. Tambahkan script </b:if> sebelum </b:includable> sehingga hasilnya menjadi seperti di bawah ini :

<b:widget id='HTML2' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:content/>
</b:if>
</b:includable>
</b:widget>

6. Save template.

Note :  Jika tidak ketemu script pada no.3 >> anda cari dengan kata kunci Title pada LinkWithin anda.
read more...

Cara Blok Program Windows 7

Cara Blok Program dengan gpedit.msc di Windows 7 - Pada kesempatan yang baik ini Ilfan Blog akan menjelaskan Bagaimana Cara Blok Program dengan gpedit.msc di Windows 7, Contohnya anda punya game seru dan anda tidak ingin teman anda turut memainkannya dengan alasan-alasan tertentu, hal tersebut anda tidak perlu uninstall game tersebut karena anda hanya memblok game tersebut dengan gpedit.msc.

Berikut langkah-langkahnya :

1. Tekan Windows + R, maka Run Command akan keluar

2. Ketik "gpedit.msc" (tanpa tanda petik)

3. Pilih User Configuration >> Administrative Templates >> System >> Don't run specified Windows applications

4. Setelah pilih "Don't run specified Windows applications" >> Pilih Enable >> Show >> Masukkan nama program yang ingin anda blok, contoh Connectify.exe, game.exe, launcher.exe, dan lain-lain >> Pilih Ok.


5. Langkah selanjutnya pilih Apply, lalu Ok.

Demikian penjelasan tentang Bagaimana Cara Blok Program dengan gpedit.msc di Windows 7 dan semoga bermanfaat bagi yang membacanya.

read more...

Free Download PC Game God Of War 2 High Compressed (Modify From PS2 to PC Game)

System Requirements :
  • Operating System: Windows XP / Vista/Win 7
  • Processor: Core 2 Quad with a frequency of 2.5 GHz
  • Memory: 1 GB
  • Video card:-ATI X1300 1 GB or higher
  • Free disk space: 7 GB
  • Sound: DirectX 9.0c-compatible sound card
  • Controls: keyboard mouse (better gamepad)
New Update LinkFree Download PC Game God Of War 2
Free Download PC Game God Of War 2 High Compressed
Password : ilfan-rifai.blogspot.com

>> Free Download Save File Tamat God Of War 2 <<
 
read more...