Template Untuk Blog

 

 [LIHAT]

[DOWNLOAD]

 

[LIHAT]

[DOWNLOAD]

 

[LIHAT]

[DOWNLOAD]

Sumber: http://www.ipietoon.com/

»»  Read More...

Download Template Blog Rilakkuma Part 2

 

[DOWNLOAD]

 

[DOWNLOAD]

 

[DOWNLOAD]

 

[DOWNLOAD]

»»  Read More...

Download Template Blog

 

Preview

Download

 

 

Download

 

 

Preview and install instruction

Download

Preview and install instructions

Download

 

»»  Read More...

Menambah Icon disamping Judul Postingan

Sekarang admin Tutorial pengen berbagi info tentang cara meletakkan icon disamping judul postingan. Caranya gampang kok, tinggal ikuti petunjuk dibawah ini :

1. Masuk ke Dashboard

2. Pilih Design >> Edit HTML

3. Temukan kode ini atau klik ctrl+F

<a expr:href='data:post.url'> <data:post.title/></a>

4. Bila sudah ketemu copy paste kode dibawah ini di bagian tengah dari kode diatas.

<img src="URL gambar"/>

Sehingga hasilnya akan seperti ini

<a expr:href='data:post.url'> <img src="URL gambar"/><data:post.title/></a> 

5.  Kode URL gambar diganti dengan URL gambar kamu.
6. Cara mencopy URL gambar : Klik kanan pada gambar/ikon lalu pilih Copy Image URL, setelah itu baru dipaste ditempat yang diinginkan.
7.  Finally, jangan lupa disave yaa :)

Ini aku kasih beberapa contoh icon.

 

»»  Read More...

Download Templates Lucu Untuk Blog

Annyeong... >,< kali ini admin mau posting tentang download cute template untuk blogspot.

Ok.. dari pada banyak cuap, mending langsung aja yuk lihat templatenya.. ~^^

* Leprachaun Gold *

 [ DOWNLOAD HERE ]

 * Swak *

[ DOWNLOAD HERE ]

 * Rainbow *

[ DOWNLOAD HERE ]

 * Spring Princess *

[ DOWNLOAD HERE ]

* Bright Smile *

[ DOWNLOAD HERE ]

 * Harvest *

[ DOWNLOAD HERE ]

* School Time *

 

[ DOWNLOAD HERE ]

 * Little Chick Say *

[ DOWNLOAD HERE ]

 * yOU pICKED mE *

[ DOWNLOAD HERE ]

* Sweet Ice Cream *

[ DOWNLOAD HERE ]

 * Lets get Funky *

[ DOWNLOAD HERE ]

 * Spring Colours *

[ DOWNLOAD HERE ]

* Green Star *

[ DOWNLOAD HERE ]

Cara Memasang Template di Blogspot:

1. Download template
2. Rename ekstensi filenya dengan .xml ( Misal file hasil download adalah rainbow.txt ,, rename file itu menjadi rainbow.xml )
3. Buka  dashboard blog u,, terus pilih Design --> edit html --> klik pilih file, cari file yang kalian rename tadi yang formatnya .xml .. klik open, lalu upload.
4. Jika ada tulisan 'Keep widget?' terserah kalian mau di delete atau engga. Kalau saran admin mending di delete/hapus aja soalnya blm tentu widget lama kalian akan sesuai dengan template yang baru.. Tapi akibatnya ntar widget kalian hilang.
5. Finish~ ^^

»»  Read More...

Cara Mengetahui Bloger Satu Daerah

Siapa tahu tetangga di samping atau di depan rumah kita pun ternyata blogger juga,
Atou you you and you Mau tahu blogger yg berada di luuar kota/luar jawa
cara'a gampang Pisan euyyyy

Cukup Ketik Reg spasi Mang Kodir Kirim ke Satu kosong Satu Isi Wakwakwak

Gieh carane :
http://www.blogger.com/profile-find.g?t=l&loc0=ID

Blogger dalam satu provinsi :

http://www.blogger.com/profile-find.g?t=l&loc0=IDJawa+Tengah

Blogger dalam satu kota/ kabupaten :

http://www.blogger.com/profile-find.g?t=l&loc0=IDJawa+TengahPurwokerto

EN BE : Silakan ganti ID sesuai dengan kode negara, nama provinsi dan nama kotayang ingin you you cari. ID : kode untuk Indonesia. Jawa+Tengah :  nama provinsi. Tanda + berfungsi sebagai spasipada nama provinsi dengan dua kata atau lebih.   Purwokerto: nama kota/kabupaten. .

»»  Read More...

Cara Membuat Tombol Share Di Bawah Posting Blog

1. Login ke blog kamu
2. Pilih Edit HTML > Jangan lupa Centang Expand Widget Template > Cari kode <data:post.body/>
3. Setelah ketemu letakan kode di bawah ini tepat di atas kode nomor 2.

<style>
/*--------Social Sharing Widget Below Blog Post ------*/
.sharebelow a {
display:block;
height:48px;
width:48px;
padding:0 4px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOff_V7ltMwmy7BMQsBQy7SyLU0QWkYXKY7e2gh7LC0Qd7WDqbwFzf4WwzmU2MRTXvzJ4_9SI0Pov7a1LVf6-F01aW66rhRg_QydQylAs_F2GTv-bvS060yyKprVqLWV1FNDniyl4ze-A/s1600/sharebelow.png) no-repeat;
}
.sharebelow  a.googleplus {
background-position: 0px -348px;
}
.sharebelow  a.googleplus:hover {
background-position: 0px -406px;
}
.sharebelow  a.pinterest {
background-position: 0px -464px;
}
.sharebelow  a.pinterest:hover {
background-position: 0px -522px;
}
.sharebelow  a.delicious {
background-position: 0px 0px;
}
.sharebelow  a.delicious:hover {
background-position: 0px -58px;
}
.sharebelow  a.digg {
background-position: 0px -116px;
}
.sharebelow  a.digg:hover {
background-position: 0px -174px;
}
.sharebelow  a.stumbleupon {
background-position: 0px -812px;
}
.sharebelow  a.stumbleupon:hover {
background-position: 0px -870px;
}
.sharebelow  a.technorati {
background-position: 0px -928px;
}
.sharebelow  a.technorati:hover {
background-position: 0px -406px;
}
.sharebelow  a.twitter {
background-position: 0px -928px;
}
.sharebelow  a.twitter:hover {
background-position: 0px -986px;
}
.sharebelow  a.facebook {
background-position: 0px -232px;
}
.sharebelow  a.facebook:hover {
background-position: 0px -290px;
}
.sharebelow  a.reddit {
background-position: 0px -580px;
}
.sharebelow  a.reddit:hover {
background-position: 0px -638px;
}
.sharebelow  a.rss {
background-position: 0px -696px;
}
.sharebelow  a.rss:hover {
background-position: 0px -754px;
}
.shareandbookmark{
margin:10px 0px;
color:#333333;
font-weight:bold;
font-size:18px;
font-family:sans-serif;
}
</style>
<div class='sharebelow'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="shareandbookmark">
Kindly Bookmark and Share it:</div>
<!--Facebook-->
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>
<!--Google Plus-->
<a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='+1 it :&gt;'/>
<!-- Twitter -->
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>
<!-- Pinterest -->
<a class='pinterest'  href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :&gt;'/>
<!-- Delicious -->
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/>
<!--Stumble-->
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/>
<!--DIGG-->
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>
<!-- Reddit -->
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :&gt;'/>
<!--RSS -->
<a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='Bookmark :&gt;'/>
</b:if></div>
<div style="clear:both"/>

»»  Read More...

Cara Mengganti Tulisan "Poskan Komentar" Dengan Gambar di Blog

1. Login ke blog kamu.
2. Pilih Rancangan > Edit HTML > Centang Expand Widget Tempalte.
3. Cari kode

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

4. Setelah ketemu ganti kode di atas dengan kode di bawah ini (pilih salah satu saja).

GAMABAR 1

<img src="http://4.bp.blogspot.com/-VKsbM1fOKhw/UAq8e1KZ78I/AAAAAAAAEVI/19WqON5j5AM/s1600/comment+cloud.png" />

GAMBAR 2

<img src="http://3.bp.blogspot.com/-9LeIWFl6Zvk/UAq8qnQRnpI/AAAAAAAAEVQ/tlDwriE0gnw/s1600/comment+here+flowers.png" />

GAMBAR 3

<img src="http://4.bp.blogspot.com/-Ww7olREOYY4/UAq8r1NfT1I/AAAAAAAAEVY/KJUYYyMyxAA/s1600/PostAComment+(6).png" />

GAMBAR 4

<img src="http://1.bp.blogspot.com/-ENIB9bgeb8A/UAq8ttCqf_I/AAAAAAAAEVg/SCQzdU8ta-s/s1600/PostAComment+(2).png" />

GAMBAR 5

<img src="http://3.bp.blogspot.com/--xW4OujM2JE/UAq8w-MIvwI/AAAAAAAAEVo/dVZSRSV46UE/s1600/PostAComment.png" />

»»  Read More...

Cara Memasang Loading Screen Di Blogger

Pernahkah anda melihat suatu blog yang apabila dibuka menampilkan sebuah tampilan loading berupa animasi bergerak? Jika pernah, inginkah anda menggunakannya? Saya sendiri tidak mnggunakan itu karena akan merusak suasana alias Abusing. karena plugin yang dibuat oleh seseorang bisa saja mengalami kerusakan pada komputer orang lain. Tapi jika kalian penasaran dan ingin tetap membuatnya, ikuti langkah dibawah ini

 Cara membuat animasi loading blog/website
1. Login ke Blogger
2. Pilih blog yang akan anda pasangi efek loading blog.
3. Pilih dan klik menu Template => Edit HTML => Lanjutkan.
4. Jangan lupa backup template anda
5. Cari code <head> pada kode template milik anda
6. Paste code berikut tepat di atas code tersebut

<script src='http://tc.comze.com/js/preloadpage.js' type='text/javascript'/>

7. Selanjutnya cari lagi code <body> dan jika sudah ketemu hapus code tersebut dan danti dengan code dibawah ini

<body onLoad='PreloadPage();'>
<div id='prepage' style='position: fixed; _position: absolute; top: 0px; right: 0px; clip: inherit; _top: expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-offsetHeight); _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth-offsetWidth); width: 100%; height: 100%; background-color: #000; padding: 0px; border: 0px; text-align: center; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; font-family: verdana; font-weight: bold; color: #ccc;'>
<script type='text/javascript'>PreLoading();</script>
</div>

8. Selesai dan jangan lupa untuk menyimpan hasil perubahan dan lihat hasilnya.

»»  Read More...

Baca selengkapnya »

Cara membuat ucapan selamat datang pada saat pengunjung masuk blog kita

1. Login dulu ke blogger

2. Klik Tata Letak
3. Pilih add gadget

4. Pilih HTMLJavascript
5 .Masukkan script ini. 

 <script type='text/javascript'>
var name = prompt("Selamat Datang! Nama Anda Siapa", "Nama Anda ");
alert(senang berkenalan dengan anda "+name)
alert(semoga anda senang telah berkunjung di blog saya")
</script>

6. Klik simpan. 

Catatan : 

• Silahkan ganti kode warna merah dengan kata-kata terserah anda
• Untuk "("Selamat Datang! Nama Anda Siapa", "Nama Anda ") " itu adalah sapaan yang keluar     pertama kali di situ juga akan menanyakan nama pengunjung, maka dari itu pada kata-kata ini silahkan ganti kata-katanya dengan catatan hanya warna merah sajah tidak dengan kata-kata warna hitam
• sedangkan untuk (senang berkenalan dengan anda "+name)   hanya ganti kata-kata warna merah, jangan ganti warna hitmanya
•  untuk  (semoga anda senang telah berkunjung di blog saya ) silahkan ganti kata-katanya sesuka hati anda.

SELAMAT MENCOBA :)
 

»»  Read More...

Cara membuat Search Engine Di Blog

Dengan kamu memasang Search Engine Di Blog kamu, pengunjung akan lebih mudah menemukan artikel yang dicari dengan demikian akan meningkatkan jumlah Page View blog kamu.

Langkah-Langkah :

1. Login ke Dashbord blog kamu
2. Jika sudah, kamu pilih Tata Letak
3. Jika sudah Klik Add a Gadget atau Tambah Gadget
4. Pilih Widget HTML/JavaScript
5. Copas Kode berikut ini, dan masukan kedalam kolom Widget HTML/JavaScript

<form name="jksearch" action="http://www.google.com/search" method="get" onsubmit="jksitesearch(this)" target="_blank">

<input id="hiddenquery" type="hidden" name="q" />

<input name="qfront" onfocus="if(this.value==this.defaultValue)this.value='';" value="Search on this site..." type="text" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 240px;border:none;padding:8px 10px; font:normal 11px arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4nhVuSwt7lCsZs_wK6jf4w8jvTDzgVkZKbAFMknFrJ6F02vGvlYCEYif2ybP2Sv2mN08xF6TCcsKSmkQoT98MvXZK4o89GqQjT-Zh-F_u6YhgAi0OevEZ590E4rb4kH_dbcckjlGkct8/s1600/search_field.jpg) no-repeat;" /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdStcjKtWq4515_s01yciPOw-eGZ5ys9u5UgvKzQT-ABPB0zu8aewmFrLJQu3dPN9xlDIrHN5mwo2KKqZ1NZ1jj5xQmRYKbKovcglo2pHOAFHxMy-RXswnTXMi-lxMheeIthDaaznPuPA/s1600/search_button.jpg" align="top" value="Search"/>

<div style="font: normal 11px Arial;color:#666;padding:2px 0;">

<input name="se" type="radio" checked /> Google

<input name="se" type="radio" /> Yahoo

<input name="se" type="radio" /> Msn

</div>

<script type="text/javascript">

// All-in-one Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)

// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/

// This notice must stay intact for use

//Enter domain of site to search.

var domainroot="http://blogmashanif.blogspot.com/"

var searchaction=[ //form action for the 3 search engines

"http://www.google.com/search",

"http://search.yahoo.com/search",

"http://search.msn.com/results.aspx"

]

var queryfieldname=["q","p","q"] //name of hidden query form for the 3 search engines

function switchaction(cur, index){

cur.form.action=searchaction[index]

document.getElementById("hiddenquery").name=queryfieldname[index]

}

function jksitesearch(curobj){

for (i=0; i< document.jksearch.se.length; i++){ //loop through radio to see which is checked

if (document.jksearch.se[i].checked==true)

switchaction(document.jksearch.se[i], i)

}

document.getElementById("hiddenquery").value="site:"+domainroot+" "+curobj.qfront.value

}

</script>

</form>

5. Ganti kode yang berwarna Merah dengan Url Blog kamu
6. Sekarang Klik Simpan
7. Selesai dan Lihat Hasilnya

Semoga bermanfaat :D

»»  Read More...

Cara Membuat Follower Twitter Box di Blog

Nih guys, ada salah satu cara meningkatkan jumlah pengunjung blog, yaitu dengan mempromosikan blog kita lewat jalur situs jejaring social. Selain dengan mempromosikan blog lewat facebook, kita juga bisa mempromosikan lewat social network yang lain yaitu twitter. Kita ketahui bahwa twitter adalah situs jejaring sosial No.2 di dunia. Nah untuk mempermudah pengunjung blog kita dalam memfollow twitter kita maka kita perlu memasang Follower Twitter Box di blog kita. Dengan adanya widget ini kita bisa memberi jalan pintas untuk pengunjung agar bisa follow twitter kita. Kan keren kelihatannya kalo kita udah punya banyak followers

Cara Memasang "Follower Twitter Box di Blog" :

1. Login ke akun blogger

2. Masuk Tata Letak > Tambah Gadget > HTML/JavaScript

3. Paste kode berikut ini dan jika anda mau berilah judul widgetnya

 

<!-- Twitter Follower Box -->

<script type='text/javascript'>

function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 200px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}

</script>

<div id="twitterfanbox"></div><script

type="text/javascript">fanbox_init("1D_Mauli");</script

type="text></div>

<!-- End Twitter Follower Box -->

 

 

4. Klik save

Catatan : Untuk tulisan yang berwarna merah diganti dengan ID twitter anda.

 

Nah semoga bermanfaat yah guys :). Dan maaf kalo ada kekurangan.

 

»»  Read More...

Cara memasang lagu pada blog

Nah, saya berbagi info nih, yang pengen blognya pas di buka ada lagunya, nih step-step nya :

1. Pilih kode lagu di bawah ini :

Taylor Swift - Love Story

            <center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Free Music Sites"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Free Music Online"></a>
<br><br><b>
<a target="_blank" title="Free Music" href="http://www.divine-music.info">free music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/03-taylor_swift-love_story.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Taylor Swift - You Belong With Me

                <center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Free Music Sites"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Free Music Online"></a>
<br><br><b>
<a target="_blank" title="Free Music" href="http://www.divine-music.info">free music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Taylor Swift- you belong with me.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Taylor Swift - I Knew You Were Trouble

 

                <center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Free Music Sites"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Free Music Online"></a>
<br><br><b>
<a target="_blank" title="Free Music" href="http://www.divine-music.info">free music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/04 I Knew You Were Trouble.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Cold Play - Viva La Vida

                <center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Free Music Sites"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Free Music Online"></a>
<br><br><b>
<a target="_blank" title="Free Music" href="http://www.divine-music.info">free music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Coldplay - Viva La Vida.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

2. Klik Tata Letak

3. Pilih tambah gadget 

4. Pilih HTML/Java script

5. Masukkan kode lagu tadi, lalu pilih simpan.

Mudah kan teman? Selamat mencoba yah!

»»  Read More...