Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan

Home » Posts filed under Tips Blogging

Cara Mudah Membuat Blog Menjadi Terkenal

Diposting oleh orang maros bisa tonji on Rabu, 28 Desember 2011


Yhudiyuba | Membuat Blog Menjadi Terkenal. - Emmhhh,,, siapa sich yang gak mau blog yang kita kelola itu menjadi terkenal? Pada saat membuat blog ini saya punya angan-angan bagitu yakni saya ingin besok lusa atau kapan saja blog yang kelola ini bisa menjadi blog yang terkenal atau populer dikalangan para blogger blogger.

Sebagai Blogger pemula tentulah hal yang utama saya lakukan untuk membuat blog saya menjadi terkenal atau populer adalah membuat blog saya ini menjadi seo friendly, setelah itu berusaha untuk mendapatkan backlink sebanyak-banyaknya.

Tapi ada beberapa cara yang menurut saya bisa mendatangkan ribuan pengunjung ke blog kita dan membuat blog kita menjadi terkenal dan populer.

Berikut caranya :

-Printlah url blog anda di t-shirt dan pakailah t-shirt tersebut sesering mungkin. Paling tidak 5 kali dalam seminggu. Cucilah t-shirt kalau memang sudah bau.

-Jika anda baru punya anak, maka namailah anak anda dengan url blog anda. Untuk itu hati-hatilah bagi yang punya blog penjahatcinta.com dan berbahagialah jika nama blog anda ternyata pangerancinta.com atau dewicinta.com karena nama itu sedikit lebih pantas..!!

-Jika ada orang yang menanyakan alamat anda, berikanlah alamat url blog anda. Jangan pernah salahkan orang itu kalau akhirnya dia akan menyanyikan lagu Ayu Ting Ting “Alamat Palsu”.

-Bukalah halaman blog anda di semua komputer ditempat kerja anda kemudian bersikaplah seolah-olah anda tidak tahu apa-apa.

-Ancam atau sogoklah teman anda agar mau bergabung di halaman blog anda.

-Buatlah coretan-coretan url blog anda di tembok toilet-toilet umum setiap kali anda pipis.

-Untuk membuktikan keseriusan anda, buatlah tatto nama blog anda di bagian tangan anda.

-Seolah-olah anda sedang terkejut, sebutkanlah nama blog anda secara tiba-tiba di kelas atau saat rapat.

Dan harapan saya semoga aja gak ada blogger yang bener-bener nyoba tips dan trik diatas,,, soalnya saya gak bertanggung jawab ats keselamatan anda.... hehehehehehe.


inspirasi : http://rayhanzhampiet.blogspot.com/
More about →
di Rabu, Desember 28, 2011 { 16 komentar }
Label:

Mematikan Klik Kanan pada Mouse

Diposting oleh orang maros bisa tonji


Yhudiyuba | Mematikan Klik Kanan pada Mouse. - Terkadang ketika kita jalan-jalan untuk mengungjungi blog para sahabat kita, tidak jarang kita menjumpai beberapa blog dari kawan-kawan kita yang melarang kita untuk melakukan klik kanan, itu dimaksudkan biar postingan dari kawan-kawan kita itu tidak di copy paste oleh para blogger lain.

Untuk saya sendiri pada blog yhudiyuba ini saya tidak memasang disable klik kanan, karena menurut saya semua artikel postingan pada blog saya ini hanya bertujuan untuk berbagi, dan apa bila ada kawan-kawan dari blogger lain yang ingin meng_copy paste postingan saya ini saya persilahkan dengan seluas-luasnya, tapi dengan catatan saya mohon dengan segala hormat untuk mencantumkan sumber tempat anda meng_copy paste.

Tapi pernahkah anda berfikir, bagaimana sich cara Mematikan atau mendisable Klik Kanan pada Mouse?. Caranya mudah kok, berikut saya akan berbagi tips dan triknya.

Tips Blogging Mematikan Klik Kanan pada Mouse :

Klik Layout dan pilih edit html
Cari kode <head> Copykan kode dibawah ini tepat sesudah kode <head> .

<script language=JavaScript>
<!--

//Matikan Klik Kanan 

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

Klik Simpan/Save template kawan-kawanku.


Selamat Mencoba dan semoga bermanfaat kawan....!!!

More about →
di Rabu, Desember 28, 2011 { Add komentar }
Label: ,

Cara Membuat Artikel Terkait Atau Related Post Di Blog

Diposting oleh orang maros bisa tonji on Selasa, 27 Desember 2011

Cara Membuat Artikel Terkait Atau Related Post Di Blog
Yhudiyuba | Cara Membuat Artikel Terkait Atau Related Post Di Blog. - Mungkin sudah banyak blog2 yang membahas tentang tips blogging ini, tapi gak ada salahnya kalo saya kembali membahas hanya sekedar ingin berbagi kepada kawan-kawan ku semua.

Dan silahkan baca tips dan trik Cara Membuat Artikel Terkait Atau Related Post Di Blog berikut :

Sebelumnya silahkan download template kawan-kawanku, hanya untuk berjaga-jaga kalo ada kesalahan dalam pemasangan nanti.
silahkan masuk dulu ke Rancangan - Edit HTML - Expand template widget. Kemudian,gunakan CTRL+F untuk memudahkan pencarian, cari kode  ini <data:post.body/> kemudian copy dan paste kode dibawah ini tepat dibawah <data:post.body/> 




<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<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 = 9999;
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>


anda boleh mengganti tulisan yang warna biru dengan tulisan "artikel terkait" atau sesuai dengan pilihan kawan-kawan ku.

kemudian simpan/save template kawan-kawan ku dan lihat hasilnya....

Selamat mencoba dan semoga bermanfaat kawan...!!!
More about →
di Selasa, Desember 27, 2011 { 4 komentar }
Label:

Cara Membuat Iklan Melayang di Blog

Diposting oleh orang maros bisa tonji on Senin, 26 Desember 2011

Yhudiyuba | Cara Membuat Iklan Melayang di Blog. - Sebelum membahas tips blogging ini, dengan hormat saya memohon dengan segala hormat kepada kawan-kawan ku untuk mendukung Objek Wisata di daerah saya dengan memberikan komentarnya. Silahkan klik disini "Bantimurung Objek Wisata Terbaik di Sulawesi Selatan".
Cara Membuat Iklan Melayang di Blog

Oke langsung kepembahasan tentang Cara Pasang Iklan Melayang Di Blog, berikut tips dan triknya :


-Masuk ke blogger
-Buka design/Rancangan
-Pada Page Element, pilih tempat, lalu klik "Add A Gadget" dan pilih HTML Javascript
-Masukkan kode berikut,

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #ffffff;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir-100;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
klik salah satu iklan untuk keluar.:[Close][Klik 1x]:.
</a>
</div>
<center>

Masukan Kode iklan Text ataupun banner abda disini

</center>
<div style="text-align:right">
<a href="http://bunli.blogpspot.com">

</a>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>

Ganti tulisan berwarna biru dengan kode iklan kawan-kawan ku.

-Setelah itu klik save/simpan dan lihat hasilnya.

selamat mencoba dan seoga bermanfaat kawan....
More about →
di Senin, Desember 26, 2011 { 14 komentar }
Label:

Cara Mudah Membuat Recent Post dan Recent Comment

Diposting oleh orang maros bisa tonji on Minggu, 25 Desember 2011


Yhudiyuba | Cara Mudah Membuat Recent Post dan Recent Comment . - Sebelum memposting, saya ingin menyapa dulu kawan-kawan ku pengunjung setia Blog Yhudiyuba ini "apa kareba...??"(apa kabar) dan semoga "bajik-bajik jeki semua" ( semoga semua keadaan kawan2 ku dalam keadaan baik2 saja). Owh iya sebelumnya saya juga mau minta maaf karena baru sempat buka2 blog lagi, soalnya tadi seharian jadwal manggung padat (lebay... hehehehe).


Cara Mudah Membuat Recent Post dan Recent Comment  

Oke tanpa berbasa-basi lagi, sesuai dengan judul postingan saya ini maka saya akan berbagi kepada kawan-kawan sedikit tips blogging tentang Cara Mudah Membuat Recent Post dan Recent Comment di blog.

Berikut tips dan triknya :

- Login ke Blog anda > Pilih Design
- Kemudian Add a gadged > pilih Feed
- Masukkan Url berikut :
  http://BLOG-ANDA.blogspot.com/feeds/posts/default
- Ganti yang warna merah dengan alamat blog anda dan simpan
- Klik continue dan beri judul widget tersebut "Recent Post" atau "Artikel    Terbaru"
- Tentukan berapa artikel yang ingin di tampilkan pada widget tersebut (maksimal 5 artikel)
- Save dan lihat hasilnya.

- Hampir sama dengan cara yang pertama
- Login ke Blog anda > Pilih Design
- Kemudian Add a gadged > pilih Feed
- Masukkan Url berikut :
  http://BLOG-ANDA.blogspot.com/feeds/comments/default
- Ganti yang warna merah dengan alamat blog anda dan simpan
- Klik continue dan beri judul widget tersebut "Recent Comment" atau "Komentar    Terbaru"
- Tentukan berapa artikel yang ingin di tampilkan pada widget tersebut (maksimal 5 artikel)
- Save dan lihat hasilnya.

gimana kawan-kawan, mudah bukan tips dan trik_nya.

Selamat Mencoba dan Semoga Bermanfaat kawan...!!!
More about →
di Minggu, Desember 25, 2011 { 13 komentar }
Label: ,

Efek Salju Pada Blog

Diposting oleh orang maros bisa tonji on Sabtu, 24 Desember 2011

Yhudiyuba | Efek Salju Pada Blog. - Mempercantik blog dengan efek salju memang banyak digunakan oleh blogger terutama buat para blogger wanita, tetapi tidak sedikit juga saya dapati ada blogger pria yang menggunakan efek ini.

Efek Salju Pada Blog
Menurut saya mempercantik atau memperindah penampilan suatu blog itu adalah suatu hal yang sah-sah saja, selama efek blog yang kita pasang itu tidak merugikan blog kita seperti membuat loading blog kita terasa lama atau malah membuat pengunjung blog kita tidak merasa betah berlama-lama diblog kita karena mungkin pada saat mereka membaca postingan artikel kita terhalang oleh  gadget atau efek pada blog yang kita pasang. jadi sebaiknya saran saya gunakanlah gadget blog kita sesuai dengan kebutuhan blog kita sendiri (ini menurut paham saya ya....).

Oke kembali ke topik, pada postingan kali ini, saya akan sedikit berbagi tips dan trik tentang cara memasang Efek Salju Pada Blog.

Berikut cara memasang Efek Salju di Blog :

Cara yang pertama ==>




Rancangan -> Tambah Gadget ->

Pilih HTML/JavaScript lalu simpan.

Cara yang kedua ==>

Carilah tag </head> lalu letakkan kodenya

di atas tag </head> ini dan simpan template Anda.

Copy kodenya disini dan pilih warna sesuai keinginan anda :

SALJU WARNA BIRU :

<script type="text/javascript" src="http://my-project-fbkahfi.googlecode.com/files/snow%20biru.js"></script>

<script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>

SALJU WARNA BIRU MUDA :

<script type="text/javascript" src="http://my-project-fbkahfi.googlecode.com/files/Snow%20biru%20muda.js"></script>

<script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>

SALJU WARNA HIJAU :

<script type="text/javascript" src="http://my-project-fbkahfi.googlecode.com/files/snow%20hijau.js"></script>

<script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>

SALJU WARNA MERAH :

<script type="text/javascript" src="http://my-project-fbkahfi.googlecode.com/files/snow%20red.js"></script>

<script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>

SALJU WARNA KUNING :

<script type="text/javascript" src="http://my-project-fbkahfi.googlecode.com/files/snow%20yellow.js"></script>

<script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>

SALJU WARNA UNGU :

<script type="text/javascript" src="http://my-project-fbkahfi.googlecode.com/files/snow%20purple.js"></script>

<script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>

SALJU WARNA MAGENTA :

<script type="text/javascript" src="http://my-project-fbkahfi.googlecode.com/files/snow%20magenta.js"></script>

<script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>



Selamat mencoba dan Semoga Bermanfaat kawan...!!!
More about →
di Sabtu, Desember 24, 2011 { 8 komentar }
Label: ,

Template Blogspot Seo Friendly

Diposting oleh orang maros bisa tonji on Jumat, 23 Desember 2011

Yhudiyuba | Template Blogspot Seo Friendly. - Template memang merupkan hal yang penting dalam sebuah Blog karena selain menjadi baju dari blog itu sendiri, template juga bisa menjadi ciri khas dari blog itu sendiri.

Banyak sekali jenis-jenis template yang bisa kita dapatkan di internet, kita tinggal memilih template yang sesuai dengan kebutuhan blog kita. Tapi jangan asal milih template juga, saran saya sebaiknya kawan-kawanku memilih dan menggunakan template yang seo friendly agar blog kita bisa lebih cepat terdeteksi ama mbah google dan masih banyak keuntungan yang lainnya karen pada postingan sebelumnya saya udah pernah membahas tentang Tips Mengedit Template Agar SEO Friendly .

Nah, berikut beberapa template Blog Seo Friendly yang saya dapatkan dari blog kawan-kawan ku :

Simple SEO Friendly Blogger Template

Fitur Dalam Template ini adalah:
- SEO Friendly
- Kelebihan Template Ini Adalah :
- SEO Friendly
- Dilengkapi dengan h1 pada header dan Judul post
- Dilengkapi dengan metatag deskripsi dan keyword otomatis
- Sudah Autoreadmore
- dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.
- Template Ringan (Mbah Google Makin Suka Dengan blog kamu dengan template yang ringan)
- Dilengkapi dengan Breadcrumb
- lebih simple dan sidebar bisa untuk pasang adv seluas 160x600, 120x600

Demo dan Download


Download template seo blogspot


Fitur Dalam Template ini adalah:
- SEO Friendly
- Kelebihan Template Ini Adalah :
- SEO Friendly
- Dilengkapi dengan h1 pada header dan Judul post
- Dilengkapi dengan metatag deskripsi dan keyword otomatis
- Sudah Autoreadmore
- dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.




Fitur Dalam Template ini adalah :
- Auto readmore with thumbnail
- Page navigation
- Archive scrolling blog
- Auto Hide Navbar
- Facebook like button
- Google Plus 1 One
- desain simple
- warna putih elegan : bisa disesuaikan dengan tata letak yang sobat inginkan, baik satu kolom, dua kolom atau 3 kolom
- meta tag header
- post title on header
- related posting widget
- open new tab link comments

Download : Klik Disini


Template Blog SEO Friendly

Fitur Dalam Template ini adalah :
- SEO Friendly
- Visitor Friendly
- Dilengkapi dengan dinamic meta tag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)
- Dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog anda.
- Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
- Bisa berfungis 2 coloum atau 3 coloum
- Sangat cocok untuk menambah penghasilan dollar dari adsense (lihat penerapan iklan di blog demo)
- Tampilan berbeda untuk komentar admin
- Quicklink ke kotak komentar
- Sudah tersedia Autoreadmore
- Sudah tersedia Related Post with Thumnail (Artikel Terkait dengan gambar)
- Sudah tersedia widget "Share" dari Addthis
- Loading blog yang sangat cepat
- Menggunakan konsep minimalis & simple
- dll.

Download : Klik Disini

Dan masih banyak lagi Template Blogspot Seo Friendly yang lainnya..

Selamat mencoba dan semoga bermanfaat kawan....!!!
More about →
di Jumat, Desember 23, 2011 { 5 komentar }
Label: , , ,

Cara Mendapatkan Ribuan Pengunjung Dengan Mudah

Diposting oleh orang maros bisa tonji on Kamis, 22 Desember 2011

Yhudiyuba | Cara Mendapatkan Ribuan Pengunjung Dengan Mudah. - Sebagai Blogger pemula seperti saya ini, tentulah berharap agar blog yang Kita kelola ini bisa mendapatkan Ribuan Pengunjung atau Visitor perhari. Tapi yang menjadi pertanyaan yaitu bagaimana cara kita agar bisa Mendapatkan Ribuan Pengunjung Dengan Mudahdi blog kita.

Cara Mendapatkan Ribuan Pengunjung Dengan Mudah
Ada banyak cara yang dilakukan oleh para blogger untuk bisa mendatangkan pengunjung di Blog sebanyak-banyaknya, yaitu :

Pertama :




Dengan Cara Memaksimalkan search engine optimize dengan memasang meta tag pada template.

Kedua :
Mempromosikan artikel atau postingan di blog, Untuk lebih jelasnya klik disini.

Ketiga :
Memanfaatkan jejaring sosial yang ada seperti facebook, twitter atau jejaring sosial yang lain.

Selain cara-cara diatas, untuk mendapatkan ribuan visitor kita bisa memaksimalkan berbagai social bookmark lokal yaitu dari indonesia.

Berikut Daftar Social Bookmark dari indonesia :



Segera daftar dan submit seteiap artikel terbaru di blog atau web kawan-kawan ku.

Selamat Mencoba dan semoga bermanfaat kawan....!!!


referensi
More about →
di Kamis, Desember 22, 2011 { 11 komentar }
Label:

Cara Menyembunyikan dan Menghapus Navbar Pada Blog

Diposting oleh orang maros bisa tonji on Rabu, 21 Desember 2011

Yhudiyuba | Cara Menyembunyikan dan Menghapus Navbar Pada Blog. -  Baru abis ganti baju Blog Yhudiyuba (alias ganti template) cuman pas abis ganti template kayaknya ada sesuatu yang mengganjal.

Cara Menyembunyikan dan Menghapus Navbar Pada Blog
Setelah saya cari-cari dengan seksama (wuiihhh gayanya... hihihihi) akhirnya saya nemu juga, ternyata pas diliat-liat eh ternyata navbar ditemplate baru saya ini yang haru di ilangin.

Nah untuk menghilangkan atau menyembunyikan navbar pada blogspot begitu sedikit tips dan triknya :


Cara Yang Pertama (1)

Masuk Dasbor Blogger dengan akun Blogger kamu > Menu Rancangan > edit HTML.Langah2


cari kode ]]></b:skin>
lalu masukkan kode dibawah ini tepat diatasnya.
/* menyembunyikan navbar */#navbar-iframe {height:0px;visibility:hidden;display:none;}

Langkah3
save template kamu dan lihat hasilnya.

Cara yang kedua (2)
Cara ini kita akan menghapus widget navbar itu, dengan cara ini keuntungannya adalah loading blog kita akan menjadi lebih cepat, karena kita telah mengurangi satu widget yang ada di template blog kita.

Langkah1
masih didalam area rancangan edit HTML. cari kode </head> lalu masukkan kode dibawah ini tepat dibawah kode </head>.
<!– <body><div></div> –>

Langkah2
Save template.

Selamat mencoba dan semoga bermanfaat kawan...!!
More about →
di Rabu, Desember 21, 2011 { 24 komentar }
Label:

Cara Mudah Membuat Buku Tamu Melayang di Blog

Diposting oleh orang maros bisa tonji on Selasa, 20 Desember 2011

Yhudiyuba | Cara Mudah Membuat Buku Tamu Melayang di Blog. - Bingung mau posting apalagi hari ini, abis otak-atik blog sendiri, akhirnya dapat ide postingan tentang gimana membuat membuat buku tamu / Shoutbox melayang atau tersembunyi di blog. Dimana pada tips blogging sebelumnya saya udah memposting tentang Cara Gampang Membuat Tombol Share Melayang .

Oke tanpa basa-basi lagi kita langsung aja ke TKP tentang bagaimana membuat buku tamu / Shoutbox melayang atau tersembunyi di blog :

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

Masukkan kode Shoutbox kawan-kawan ku disini

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>



Setelah itu simpan dan lihat hasilnya di blog kawan-kawan ku. Semoga Tips Blogging Cara Mudah Membuat Buku Tamu Melayang di Blog bisa bermanfaat buat kawan-kawan ku semua.

Selamat Mencoba...!!!
More about →
di Selasa, Desember 20, 2011 { 18 komentar }
Label:

Cara Gampang Membuat Tombol Share Melayang

Diposting oleh orang maros bisa tonji on Sabtu, 17 Desember 2011

Yhudiyuba | Cara Gampang Membuat Tombol Share Melayang. - Mungkin Tips Blogging kali ini bukanlah sesuatu yang baru bagi para blogger, tapi gak ada larangankan kalo saya kembali memposting Tips dan Trik tentang Cara Mudah Membuat Tombol Share Melayang di Blogspot.
Cara Gampang Membuat Tombol Share Melayang

Karena menurut saya pada dasarnya Tombol share adalah salah satu elemen yang sangat penting didalam suatu blog. Karena dengan memasang tombol share diblog itu dapat mempermudah kita dalam mempromosikan artikel postingan yang kita buat dan selain itu juga Button share berpengaruh besar dalam mendatangkan pengunjung keblog kita karena dengan Button Share ini terdiri dari beberapa Jejaring sosial yang ada di dunia maya.

Silahkan ikuti langkah-langkah dibawah ini :


Langkah-langkahnya sebagai berikut :
1. Login Ke Blog Anda
2. Klik Rancangan
3. Klik Tambah Gadget
4. Terus Pilih HTML/Java Script
5. Masukkan Kode dibawah ini

<!-- Tombol Share Melayang Start-->
<style>
#pageshare {position:fixed; bottom:35%; margin-left:750px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*bs-fsmsb*/-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="Get this from tips blogbego.blogspot.com">
<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>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></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='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='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://tips-blogbego.blogspot.com/">widget</a></div>
</div>
<!-- Tombol Share Melayang End -->

6. Simpan dan Lihat Hasilnya

NB : Untuk mengatur Posisi Tombol Share dan ukuran tinggal Rubah angka yang berwarna Biru.

Selamat Mencoba dan Semoga bermanfaat kawan....!!!
More about →
di Sabtu, Desember 17, 2011 { 3 komentar }
Label: