DITA PHOTOGRAFIKA Tanjung Api-api: Tips Blogger

TIPS MEMBUAT LAGU AUTOPLAY DI BLOG

Temen-temen Yang baru Blogging ni ada tips Biar gak Jenuh Buka Blog.

Tips aku kali ini Membuat Lagu Auto Play di Blog..... dengan Adanya Lagu di Blog Mungkin Mengurangi Jenuh kita saat buka Blog. Apalagi Lagu yang Kita Pasang Di Blog Lagu Kita Sendiri, Atau Rekaman Kita Sendiri bakal lebih Asyik kan.

Oke ni Sob Langsung Aja ke Titik Permasalahan nya Yah .... yaitu Membuat Lagu AutoPlay di Blog :

Langsung Langkah Pemasangannya yah :

1. SObat Langsung Aja Login Ke BLog Sobat

2. Selanjutnya Sobat Buka Tata Letak / Layout

3. Trus Tambahkan Gadget (Add a Gadget)

5. Pilih

HTML/Javascript

6. Gak Perlu di kasih Judul

7. dan Langsung Aja Copy Salah Satu Code di Bawah ini ....

Klik Untuk Liat Kode

GIGI - TUHAN

DEWA – Cinta GILA

DEWA – PUPUS

DEWA – KANGEN

DEWA – CINTA KAU DAN DIA

DEWA – LAGU CINTA

DEWA – AIR MATA

DEWA – SEDANG INGIN BERCINTA

DEWA – PANGERAN CINTA

DEWA – I WANT TO BREAK FREE

Taman BAND – Menunggu Dimaafkan

Taman BAND – WANITA

8. Setelah itu SAVE dan Lihat Hasilnya

Musik Sudah Secara AUTO terdengar di Blog Sobat

SELAMAT Mencoba SOB ............. Semoga Bermanfaat.

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

* TIPS MEMBUAT LIKE BOX FACEBOOK DI BLOG *

Cara Membuat Fanspage Melayang Di Blog- kita pasti pernah melihat kotak facebook melayang di blog, pasti kita sudah pernah melihat bukan? Di blog ini pun saya memasang kotak like fanspage beserta follow twitter dibawah nya, dan bisa dilihat ketika membuka halaman beranda situs ini, kotak nya melayang sendiri dari atas, hehe..

Widget ini pun, salah satu cara alternative, ketika banyak nya widget yang penuh berjejeran di sidebar, memasang kotak like fanspage melayang di blog ini solusi tepat untuk mengatasi penuh nya widget yang berada di sidebar dan fanspage kita pun jadi nya banyak yang mengelike. Mungkin juga agan tertarik dengan artikel Cara Meningkatkat Pengunjung Difanspage Paling Ampuh
Dan untuk memasang nya , dibawah ini adalah langkah langkah untuk membuat kotak widget like fanspage beserta Twitter melayang di blog:

1.Buka Dasbor Blog

2. Pilih Tata Letak

3. Klik HTML/Java Scrit

4. Pastekan Kode Scrit Dibawah ini

Klik Untuk Liat Kode

<center>
<embed allowscriptaccess="always" height="47" src=" <style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>

<center>
<a class="murub">Tunjukkan Jempolmu</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Tips-N-Trick-Blogger/707451745933397?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>

<br/>
<div class="twitter">
 <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=huda_hatake&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>

5. Silahkan Ganti Tulisan:

yang Berwarana Hijau: Tulisan atau pesan nya
Yang warna Merah : Url Fanspage nya
Yang warna Biru : username Twitternya ,( misal @huda_hatake maka jadi huda_hatake)

6.Save, selesai.
-------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------
----------------------------------------------------------------
------------------------------------------------
------------------------------
---------------

* TIPS MEMBUAT PROFILE SLIDE DI BLOG MENGGUNAKAN CSS *

Yang Ini Tergolong Lumayan Susah Gan karna Kita udah Bermain di Dalam Template Utama.

Caranya :
1. Login ke Blog ...
2. Pilih Template
3. Edit HTML
Nah ..... Perlu di ingat gan pada saat edit HTML untuk pemasangan Script ini harus hati-hati.
Pertama agan cari Kode <body> setelah anda mendapatkan kode tersebut Lalu Script di bawah ini Agan Copy tepat di bawah <body> Selesai dah.
4. Kalo Udah selesai Simpan dan lihat kasilnya.

Oh iya gan tambahan dikit Untuk mempermudah cari kode <body> agan bisa pake Ctrl+F
lalu ketik <body> dan Enter

Klik Untuk Liat Kode

<center>
<style type='text/css'>#info-teja {z-index: 1000;background:-moz-linear-gradient(top,  #1F2326,  #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-moz-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-webkit-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-teja{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-teja:hover{width:400px;opacity:1.0;margin-left:0;}.Tejainbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Tejainbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Tejainbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:410px;}.teja15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Teja2 ul.bom {margin: 0; padding: 0;}.Tejainbox2 li {margin-left:20px;}.Tejainbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Tejainbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Tejainbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Tejatouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Tejatouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style>

<div id='info-teja'>
<span class='Tejatouch'>Info</span>
<div class='Tejainbox'>
<div class='Tejainbox2 teja15'>
<h2>
SELAMAT DATANG</h2>
TEKS PEMBUKA ANDA
<h2>
Sekilas Tentang Admin</h2>
<img height='130x' src='URL FOTO ANDA' width='100px'/>
<p style='text-align:justify'>
ISI TEKS PROFIL ANDA
</p>
</div>
</div>
</div>

Tips N Trick Lebih banyak Tentang BloGGER klik Banner Di Bawah ......