DiM4sH Blog Info

Showing posts with label tips blogspot. Show all posts

Home » Posts filed under tips blogspot

Pasang Iklan Melayang di Bawah dengan Tombol Close

Pasang Iklan Melayang di Bawah dengan Tombol Close,hmmmm setelah postingan saya sebelum nya tentang cara pasang iklan dengan tombol close,kali ini saya akan membahas tentang cara Pasang Iklan Melayang di Bawah dengan Tombol Close.ok mas bro mari kita mulai postingan malam ini :

1. Login dashboard milik sahabat
2. pilih HTML / JAVASCRIPT
kemudian copy semua kode di bawah ini di html / javascript

<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:1000px; height:80px; z-index:100; ">
<div style="width:1000px; height:20px; text-align:center;">
<a href="#" onclick="document.getElementById('floating_banner_top').style.display='none';return false;">
<img border="none" src="http://dimashinfo.xtgem.com/closeButton.gif"/>
</a>
</div>
<div style="width:1000px; height:80px; background:#FFFFFF;">

....Letakkan Kode iklan/Banner Space Iklan anda disini....

</div>
</div>
Kemuadi simpan dan lihat hasil nya,semoga bermanfaat mas bro postingan saya malam kali ini tentang Pasang Iklan Melayang di Bawah dengan Tombol Close,baca artikel selengkap nya di sini

Memberi Efek Shadow Pada Outer-Wrapper Blog

Memberi Efek Shadow Pada Outer-Wrapper Blog,selamat malam sahabat blogger mungkin postingan saya malam ini sudah terlambat tapi gak ada salah nya jika malam ini saya mengulang kembali potingan kali ini.ok mas bro silakan kita mulai tutorial nya :

1. Logi Dashboard milik sahabat
2. Kemuadi edit HTML ( beri centrang )
3. Kemudian cari kode berikut #outer-wrapper ( gunakan crtl f untuk memudahkan pencarian )
4. Kemudian tambahkan kode di bawah ini tepat di atas kode tadi
-moz-box-shadow: 0px 0px 20px #000000; -webkit-box-shadow: 0px 0px 20px #000000; box-shadow: 0px 0px 20px #000000;
5. Sehingga menjadi seperti berikut ini
#outer-wrapper{-moz-box-shadow: 0px 0px 20px #000000;-webkit-box-shadow: 0px 0px 20px #000000; box-shadow: 0px 0px 20px #000000; border:5px solid #fff; width:950px;margin:0px auto;padding:0px 0px 0px 0px;text-align:$startSide;font:$bodyfont}

6. Simpan Template dan lihat hasil nya,.....

NB: Sebagai catatan untuk kode CSS di dalam #outer-wrapper bisa jadi berbeda - beda tergantung template nya. Namun untuk peletakan kodenya kurang lebih tidak jauh dengan peletakan kode diatas. Simpan dan lihat hasilnya. Selamat Mencoba dan Semoga Bermanfaat.

Baca artikel lain nya tentang trik mempercantik blogspot SINI

Membuat Link Mengeluarkan Efek Shadow/Bayangan

Selamat malam sahabat blogger sebelum saya tidur malam ini saya sempatkan menulis artikel di blog kesayangan saya ini.malam ini saya akan membahas cara MEMBUAT LINK MENGELUARKAN EFEK SHADOW/BAYANGAN.tanpa panjang lebar lage mari kita langsung ke tutorial nya di bawah ini :

Sebagai contoh saya menggunakan gambar tampilan dari blog sahabat saya seperti gambar di atas,ok kita langsung aja mulai caranya :

1. Login Dashboard milik sahabat
2. Kemudia edit html (contreng terlebih dahulu )
3. Kemudian cari kode di bawah ini

a:hover {
color:#80ff00;
text-decoration:none;
}

4. Hapus dan ganti kode tersebut dengan kode di bawah ini

a:hover {color:#ffffff;text-shadow: 0 0 0.5em #80ff00,0 0 0.5em #80ff00;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

5. Simpan dan lihat hasil nya semoga bermanfat...................

Membuat Kode Melayang Facebook Like Box

Bayak cara untuk meningkatkan jumlah pengikut maupun fanspage facebook kita, salah satunya dengan memanfaatkan kode script melayang ini. Kode script melayang ini, tak hanya untuk menampilkan halaman Facebook Like Box saja, Namun bisa untuk fasilitas yang lainnya, seperti : Twitter, follower, maupun iklan.

Cara Membuat Kode Melayang Facebook Like Box :

1. Login Blogger
3. Pilih Rancangan
3. Kilk Add Widget
4. Pilih HTML/Javascript masukan kode berikut di dalam nya
<style type="text/css">
#topbar{
position:absolute;
padding-top:200px;
padding-left:500px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/
AAAAAAAABL0/ldO739MTRBg/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
<center>

SIMPAN KODE HTML FACEBOOK LIKE BOX ANDA DISINI

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

Simpan lalu lihat hasilnya mudah kan caranya.............................

Memasang Tombol Share To Facebook, Twitter, Google+ di Blog

jejaring sosial seperti facebook, twitter, maupun Google+ kita bisa mendapatkan banyak pengunjung blog kita. Tombol berbagi ke facebook dan sebagainya ini mempunyai fungsi untuk membagikan artikel kita yang sedang di baca oleh pengunjung.

Cara Memasang Tombol Berbagi Ke facebook, twitter, google+ di blog
1. Loggin ke blogger dengan akun blog anda.
2. Klik menu Tata Letak > Edit HTML > Expand Template Widget
3. Cari kode berikut <div clas='post-body entry-content'> atau kode ini class='post-body entry-content,biasanya terdapat kode yang sama,maka masukan pada kode yang pertama
4. Jika sudah ketemu masukan kode berikut di tepat di atas kode tadi

<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>

<g:plusone size="medium"></g:plusone>

<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>
simpan template dan lihat hasilnya...................

Cara membuat menu tab view

Menu Tab View memungkinkan menampung banyaknya postingan atau artikel pada blog kita dan juga untuk menghemat pemakaian widget, jadi Tab View ini sangat Efisien digunakan karna tidak memerlukan tempat yang besar. Membuatnya sangat sederhana.

lihat gambar:

Jika tertarik Membuatnya ikuti tutorial berikut ini:

1.Login ke blogger dengan ID anda
2.Lalu Klik Menu Tata Letak
3.Klik Sub Menu Edit HTML
4.Pada Kotak Edit HTML cari Kode ]]></b:skin> (tekan Ctrl+f masukkan kata yang di cari pada kota find >> klik next)
5.Lalu Copy Kode warna merah berikut dan Pastekan diatas kode ]]></b:skin>

div.TabView div.Tabs{
height: 24px;
overflow: hidden;}
div.TabView div.Tabs a{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active{
background-color: #FF9900; /* Warna background Menu Utama Atas */}
div.TabView div.Pages{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */}
div.TabView div.Pages div.Page{
height: 100%;
padding: 0px;
overflow: hidden;}
div.TabView div.Pages div.Page div.Pad{
padding: 3px 5px;}

6.Lalu letakkan kode berikut <script src='http://arif45.fileave.com/tabviewbua.js' type='text/javascript'/>

dibawah sebelum kode </head> ( cari dengan tekan Ctrl+f masukkan kata yang di cari pada kota find >> klik next)

7.Simpan Template Anda

8.Pergi ke halaman Element Halaman
9.Klik Tambah Widget Element
10.Pilih Menu HTML/Java Script
11.Lalu Copas kode berikut

12. jangan lupa simpan......

Cara Membuat Spoiler Pada Posting Blog

Selamat siang mas bro siang ini saya akan membahas cara membuat SPOILER PADA POSTINGAN BLOG, Ok langsung aja mas bro kita menuju tkp klik di bawah ini untuk melihat contoh spoiler :

contoh spoiler:

ok kita langsung aja ke tutoril nya mas bro :

1. Login Dashboard milik mas bro
2. Pilih new post / entri baru
3. Pilih metode edit HTML saat membuat postingan terbaru
4. Kemudan masukan kode di bawah ini di dalam nya

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan teks atau kode script (gambar atau video) di sini sob..!!

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

klik piblish kemudian terbitkan entri selesai semoga bermanfaat....

Cara membuat tombol like fb di setiap postingan

selamat malam sahabat blogger mungkin postingan malam kali ini sudah ketingglan tapi saya akan sedikit mengulas tentang CARA MEMBUAT TOMBOL LIKE FB DI SETIAP POSTINGAN,cara nya gampang aja mas bro mari kita mulai caranya :

Cari kode <div class='post-header-line-1'>
jika ingin meletakan di atas postingan
Taruh kode paling atas sebelum kode <div class='post-header-line-1'>
Cari kode <data:post.body/>
jika ingin menambahkan tombol suka atau like di bawah postingan seperti di blog ini
Taruh kode paling atas setelah <data:post.body/>
Biasa kode kode di atas ada dua dalam tempelate blog, paste aja ke dua dua nya di tempat kode masing(atas atau bawah postingan).kemudian paste kan kode script beikut di dalam nya

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

simpan dan lihat hasilnya...................

Cara Mengembalikan NAVBAR BLOG yang hilang

Mari kita mulai memposting malam hari ini,heeeheheeeee lama gk ngetik kangen juga akhirnya dengan blog saya ini,baik lah sahabat blogger mari kita mulai postingan malam ini.

Postingan malam ini saya akan membahas bagaimana CARA MENGEMBALIKAN NAVBAR YANG HILANG,Bagi sahabat blogger yang ingin mengembalikan nya,tenang aja gak susah kok cara nya karena hanya memakan waktu sebentar aja.ok kita langsung masuk aja langsung ke tuttorialnya:

1. Login Dashboard milik sahabat
2. Kemudian Edit template sahabat centrang sebelum melakukan proses peng editan
3. Kemudian tekan ctrl f untuk melakukan proses pencarian
4. Kemudian cari kode di bawa ini
#navbar-iframe {
display: none !important;
5. Jika sudah ketemu hapuslah kode tersebut,tapi jika sahabat tidak menemukan kode tersebut silakan sahabat cari kode berikut,karena setiapa template mempunyai kode yang berbeda.
#navbar-iframe{ height:0px; visibility:hidden; display:none} 6. Apabila masih belum ketemu juga silakan sahabat cari dengan kode yang mirip lalu hapus lah kode tersebut kemudian simpan dan lihat hasilnya baca juga artikel lain nya di sini ..................

Cara keluar dari SANBOX (GOOGLE PANDA)

Selamat malam mas bro kali ini saya akan membahas cara keluar dari SANBOK sebelum nya saya akan membahas apa itu SANBOX..? Pastinya mas bro tau apa itu sanbox bukan? sanbox adalah suatu keadaan yang di mana sebuah situs atau blog yang telah di daftarkan kepada mesin pencarian hilang dari peredaran SERP (Search Engine Result Pages)google.GOOGLE SANBOK adalah tempat sementara sebuah situs atau blog diparkir dan dinilai oleh Google. Apakah alamat tersebut layak muncul dalam SERP atau tidak.
Pada postingan kali ini saya sengaja membahas tentang SANBOX,di karena pada salah salah satu postingan saya INDEHOST WEB HOSTING BAGUS DAN MURAH INDONESIA Telah terkena spam dari google sanbox.

Bagaimana keluar dari GOOGLE SANBOX.....?
Ok mas bro kita mulai aja langsung caranya bagaimana keluar dari google sanbox mari kita bahas satu persatu di bawah ini :

1. Editlah salah satu artikel/postingan sahabat yang terkena google sanbox dengan menambahkan beberapa kata atau kalimat terbaru di dalam artikel sahabat yang terkena sanbox atau lakukan update tiap hari postingan sahabt yang terkena sanbox
2. buatlah postingan tentang google sanbox dan arahkan link ke postingan yang terkena efek tersebut.
3. Resubmit sitemap blog anda menggunakan google webmaster tools
4. Berikanlah beberapa suntikan baclink pada postinagan yang bersangkutan / bisa memberikan komentar pada blog lain dengan meletakan link tersebut
nah semoga artikel kali ini bermanfaat untuk mas bro yang blog nya terkena google sanbox,semoga postingan kali ini bisa membantu / bermanfaat bagi kita............

cara mengembalikan blogspot ke tampilan lama

Selamat siang mas bro,siang kali ini saya akan membahas bagaimana mengembalaikan BLOGSPOT ke tampilan lawas ( lama ),tanpa panjang lebar lagi mas bro mari kita mulai tutorial nya di bawah ini

1. Login Dashboard blog sahabat
2. jika sudah maka tanpilan blogspot yang baru akan tampak seperti ini

Lihat gambar:

3. klik tampilan antar muka yang terdapat pada pojok kanan dashboard blog sahabat

Lihat Gambar:

4. Kemudian klik pada tampilan ANATAR MUKA BLOGGER LAWAS
5. kemudian save dan lihat hasilnya blog anda kembali ke tampilan lama lage,selamat mencoba semoga bermanfaat...........

Cara membuat Entri Populer otomatis

selamat malam mas bro,malam ini saya akan membahas cara membuat entri popular otomatis pada blog sahabat,seperti gambar di bawah ini

Lihat Gambar:

untuk lebih jelas nya mas bro bisa liat di sini
ok kita mulai aja langsung tutorial nya mas bro,silakan ikuti cara nya di bawah ini :
1. Login dashboard blog mas bro
2. Kemudian pilih tambah gadget dan klik Entri popular

Lihat Gambar:

3. Jika sudah sahabat tambahka entri populer pada blog sahabat kemudian pilih HTML /JAVASCRIPT Kemudian tambah kan kode di bawah ini

<style type="text/css" media="screen">

#PopularPosts1 {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;

}

#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://dimashinfo.xtgem.com/post.jpg) repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
color:#A5A9AB;
font-size:1em;
margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}

#PopularPosts1 li .item-snippet {
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
color:#3E4548;
text-decoration: none;
}

#PopularPosts1 .spyWrapper {
height: 100%;
overflow: hidden;
position: relative;
}

#PopularPosts1 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.tags span,
.tags a {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

a img {
border: 0;
}

-->
</style>
<script src="http://dimashinfo.xtgem.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').simpleSpy();
});
</script>

<script src="http://dimashinfo.xtgem.com/simplespy.js" type="text/javascript"></script>

kemudian Save dan lihat hasil nya,semoga bermanfaat........

Cara Mengatasi Expand Template Widget Error

Selamat malam sahabat blogge malam ini Saya Akan Menjelaskan Pada Sobat Tentang Cara Mengatasi Expand Template Widget Yang Error,Saya Membuat Artikel Ini Karna Ada Salah Satu Teman Saya Menanyakan Tentang Hal Ini ,yg Pada Saat Itu bagian Menu Edit Template Blog,banyak Yg Error, salah satunya adalah button Edit HTML yang ada tidak berfungsi. Namun, tidak lama setelah itu ternyata tombol yang ada sudah bisa berfungsi secara normal, namun ada satu fungsi yang belum normal yaitu Expand Template Widget, jika di klik maka yang kleuar berupa halaman Not found atau Error 404, sedangkan pada address bar yang muncul adalah seperti ini :
http://www.blogger.com/null&tpl=true

Ternyata untuk masalah ini untuk sementara waktu ada solusi mudah yaitu dengan menambahkan &tpl=true .

Caranya seperti ini, pada saat anda berada pada posisi menu Edit HTML, pada address bar akan terlihat alamat seperti ini :

http://www.blogger.com/html?blogID=xxxxxxxxxxx

anda tinggal tambahkan kode &tpl=true di belakangnya, sehingga kodenya jadi seperti ini :

http://www.blogger.com/html?blogID=xxxxxxxxxxx&tpl=true

Lalu tinggal tekan Enter saja, dan editor kini sudah menjadi dalam posisi Expand Template Widget dan anda sudah bisa langsung mengedit template secara normal. Contoh kode yang nyata :

http://www.blogger.com/html?blogID=5855017457511831324&tpl=true

SEMOGA BERMANFAAT

membuat double komentar pada blog

selamat malam sahabat bloger malam kali ini saya akan membahas cara membuat DOUBLE KOMENTAR pada blog sahabat seperti komentar di blog saya ini.

sebelumnya saya pernah membahas cara membuat kotak KOMENTAR FACEBOOK pada blog sahabat di tutorial saya sebelumnya,lihat disni caranya.kali ini saya akan membahas pada versi keduayang mana sudah saya terapkan pada blog saya ini.ok kita langsung saja menuju tutorial cara pembuatan nya.

1. Login dashbord blog sahabat
2. Masuk pada rancangan edit HTML
3. Untuk menghindari kesalahan bakcup terlebih dahulu template blog sahabat
4. Kemudian beri centrang pada " expand template widget "
5. Kemudian cari kode <div class='comments' id='comments'> biasanya terdapat 2 kode tersebut di tempelate sahabat,kemudian copy kode di bawah ini tepat di bawah kode tersebut yang ke2

<fb:comments-count expr:href='data:post.url'/> Comments

</div>

<img class='comments-tab-icon' src='http://dimash.waphall.com/blog.gif'/> <data:post.numComments/> Comments

</div><div class='clear'/>

</div>

<b:if cond='data:blog.pageType == "item"'>

<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>

</b:if>

</div>

2.jumlah komentar facebook yang akan di tampilakan
400 adalah ukuran lebar komentar facebook

6. Lalu cari kode </head> kemudian copy kode di bawah ini tepat di atas </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

function commentToggle(selectTab) {

$(".comments-tab").addClass("inactive-select-tab");

$(selectTab).removeClass("inactive-select-tab");

$(".comments-page").hide();

$(selectTab + "-page").show();

}

</script>

pada "ID FACEBOOK " Masukan id facebook sahabat lihat contoh di bawah ini untuk mengetahui id sahabat.

untuk mendapatkan id sahabat klik pada foto profil facebook sahabat kemudian lihat gambar di atas itu lah id sahabat kemudian ganti pada kode tadi

7. Cari kode /* Comment atau #comments setiap template mempunyai kode yang berbeda jadi sahabat cari saja kode yang hampir sama,kemudia letakan kode di bawah ini tepat di atas tadi

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

8. Simpan dan sekarang sahabt mempunyai double komentar fb yang bersamaan........

semoga bermanfaat...........

membuat judul blog pada tab bergerak

selamat malam para sahabat blogger malam ini saya akan membahas bagaimana cara membuat JUDUL BLOG BERGERAK.Setela akhrnya saya berhasil mengganti domain saya ini menjadi dimash.info saya semakain semangat untuk membuat postingan lagi pada blog kesayangan saya ini.baik lah sob kita langsung masuk ke tutorial nya saja untuk membuat caranya.
1.login dashbord blog anda
2.klik edit HTML lalu beri centrang pada expand widget template
3.kemudian cari kode </head>
4.jika sudah ketemu masukan kode di bawah ini tepat di bawah </head> tadi

<script language='JavaScript'>var txt=" TULIS TEKS ANDA DI SINI "; var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>

5.simpan dan lihat hasil nya,mudah bukan........
selamat mencoba sob..................

Cara membuat applikasi ID Fb

selamat malam sahabat Blooger kalai ini saya akan membahas cara membuat applikasi Fb ( id fb ).sebelum nya saya pernah membahas cara membuat KOTAK KOMENTAR FB di bawah postingan bukan?klik di SINI Untuk melihat tutorial nya.di sana kita di tuntut untuk membuat ID fb kita untuk melanjutkan cara membuat KOTAK KOMENTAR FB.OK sob kali ini saya akan membahas cara membuat nya yang lebih cepat.

1.silakan kunjungi alamat FACEBOOK DEVELOPERS DI SINI
2.Setelah itu klik izin kan applikasi seperti gambar di bawah ini

3.setelah itu klik CREATE NEW APP seperti gambar di bawah ini

4.setelah anda berhasil membuat applikasi nya silakan anda isi kotak yang telah di sediakan untuk melengkapi pembuatan applikasi ID anda.setelah selesai maka anda akan masuk kedalam id app fb anda

5.kemudian COPY id fb tersebut untuk menyelesaikan cara membuat FB COMENT seperti pada blog saya ini.
ok sob semoga bermanfaat artikel kali ini.....

Cara membuat floating share

Selamat malam sob malam ini saya akan membahas cara membuat FLOATING SHARE pada blog sahabat seperti gambar di samping ini.cara nya mudah aja kok sob.ok bagi anda yang berminat silakan ikuti caranya di bawah ini :

1.login dashboard
2.pilih rancangan
3.tambah widget
4.pilih HTML / JAVASCRIPT
5.Kemudian paste kode berikut ini

<style type="text/css">
*{margin:0;padding:0;}

* html #z33sHare{
position: absolute;
}

#z33sHare{
right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
bottom: 20%;
}

#z33sHare div{
padding:6px 6px 6px 5px;
}

#stw{
margin-left:-2px;
}

#sfs{
margin-left:-5px;
}

</style>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
</div>
<div><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><div style="clear:both;"></div></div>

simpan dan lihat hasil nya,semoga bermanfaat sob postingan kali ini.................

Cara membuat datar isi blog otomatis

Malam sahabat blogger kali ini saya akan membahas cara membuat DAFTAR ISI blog otoamatis seperti gambar di samping.ok langsung aja sob jika anda berminat ikuti langkah berikut ini ;

1.login dashboard blog sobat
2.pilih HTML / JAVASCRIPT
3.kemudian masukan kode di bawah ini

<div class='widget-content'>
<style type="text/css">
.dimashdaftarisi3_CommBox, .dimashdaftarisi3_CommBox-cumulus, .Label .widget-content {background:#000 url(http://dimash.waphall.com/dimashmarilyn.png) bottom center repeat;border:5px groove #666;font:Droid normal;font-size:10px;color:#CCFFFF;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-transition:all 2s ease-in;-moz-transition: all 2s ease-in;-webkit-transition:all 2s ease-in;}
.dimashdaftarisi3_CommBox-cumulus {float: left;margin: 5px; opacity: 0.2;filter:alpha(opacity=20);}
.Label .widget-content {margin: 20px auto;width: 285px;height: 250px;overflow: auto; opacity: 0.2;filter:alpha(opacity=20);}
.dimashdaftarisi3_CommBox { overflow:auto;height:200px; padding:15px 10px 10px 0;opacity:0.1;}
.dimashdaftarisi3_CommBox:hover, .dimashdaftarisi3_CommBox-cumulus:hover, .Label .widget-content:hover{opacity:1.0; filter:alpha(opacity=100);}
.dimashdaftarisi3_CommBox a{color:#cb5d03;font-size:12px;font-weight:bold;text-decoration:none;}
.dimashdaftarisi3_CommBox a:hover{text-decoration:underline;color:#33FF00;font-style:normal;}
</style>
<p style="font-family:Staccato222 BT;font-size:22px;color:888;margin:10px;text-align:center;">Dafatr Isi</p>
<div class="japarusdaftarisi3_CommBox">
<script src="http://dimash.waphall.com/sitemapdaftarisi.js">
</script>
<script src="http://red3vil-666.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
</div>

Nb: pada alamat http://red3vil-666.blogspot.com ganti dengan alamat blog sobat.........

selamat mencoba semoga bermanfaat.............

cara membuat link terbang

selamat malam sob,karena dah malam jadi langsung aja ke tutoril nya ea sob.kali ini saya akan membahas cara membuat link terbang seperti gambar di samping atau liat di sini untu DEMO.Bagaimana anda tertarik untuk membuat nya....ok langsung aja di sini saya akan memberikan cara yang mudah untuk kita praktekan langsung pada blog kita.

cara PERTAMA :
1.Login akun dashboard anda
2.Pilih rancangan EDIT HTML (jangan lupa centrang)
3.masukan kode script berikut tepat di atas kode </head>

<style>#tooltip{width:200px;text-transform:capitalize;z-index: 10000000;position:absolute;background:#444;-moz-border-radius:5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;-o-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -webkit-transition:0.5s ease-out;padding:2px 5px;font-size:12px;color:#000;border:1px dashed #ff0000;display:none;font-weight:bold}</style>
<script type='text/javascript'>
this.tooltip = function(){
xOffset = 10;
yOffset = 20;
$("a[title]").hover(function(e){
this.t = this.title;
this.title = "";
$("body").append("<p id='tooltip'>"+ this.t +"</p>");
$("#tooltip")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
},
function(){
this.title = this.t;
$("#tooltip").remove();
});
$("a[title]").mousemove(function(e){
$("#tooltip")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};
// starting the script on page load
$(document).ready(function(){
tooltip();
});
</script>
SIMPAN semoga bermanfaat...............

cara membuat efek menggulung pada blog

malam sob,kali ini saya akan membahas cara membuat EFEK MENGGULUNG pada pojok blog anda seperti pada blog saya ini.

bagaimana sob apa anda semua tertarik,jika anda tertarik di sini akan memberitahu caranya :

1.Login dashboard blog anada

2.Rancangan edit HTML

3.jangan lupa centarang dulu sob

4.kemudian cari kode <head> dan jika sudah ketemu silakan masukan kode berikut tepat dibawah kode <head> tadi

<script type='text/javascript'>var tujuan ='http://red3vil.xtgem.com//'</script>
<script src='http://dimash.waphall.com/gulungannn.js' type='text/javascript'/>

anda juga bisa meletakan kode tersebut sebelum <head> tadi selesai dan simpan....
semoga bermanfaat sob............

Artikel Pilihan