Blogger Widget

Cara Membuat Popular Post Dengan Animasi

noreply@blogger.com (MA NURUL HUDA) — Tue, 16 Aug 2011 23:36:00 -0700

Bismillah Alhamdulillah pada kesempatan ini tepatnya di bulan ramadhan tanggal tujuh belas kurang lebih sekitar jam berapa yah jadi lupa deh. he he .. yah itung itung nungguin wakto sore (nga buburit) bloger widget ingin sharing sedikit tentang Cara Membuat Popular Post Dengan Animasi...contohnya seperti tampilan di side bar blog ini.

sekarang langsung saja ke tutorial cara membuat popular post

Menyisipkan Twitter Melayang Di Blogspot

noreply@blogger.com (MA NURUL HUDA) — Sun, 14 Aug 2011 01:54:00 -0700

Twitter Adalah sebuah sebuah social networking yang lagi populer pada saat ini. mungkin para neter sudah tau apa pungsi dan apa itu twitter?? saya tidak akan mebahas apa itu Social Networking? apa itu Twitter? dan apalagi membahas apa itu Facebook he he. krna masalah itu sudah banyak meraka yang bahas di internet silahkan aja anda cari di search engine terbaik kalian.. he he

Sekarang saya akan membahas bagaimana cara menyisipkan widget twitter yang melayang layang mengikuti pointer (petunjuk Mouse). anda lihat burung yang terbang mengikuti pointer anda disini?? nah seperti itulah contohnya.. jika anda tertarik dengan yang demikian mari kita lanjutkan dan jangan kemana tetep manteng di blogger widget.

Twitter Palying On Blogspot

Cara menyisipkan burung (entah apa itu lah pokonya burung twitter aja biar gampang nyebutnya he he) twitter di halaman blog anda mudah sekali anda cukup mengikuti langkah langkah di bawah ini :

Pertama anda login ke blogger
Kedua anda pilih blog yang akan di sisipkan burung Twit
Setelah itu anda anda add Gadget dan Pilih HTML/Java Script
Nah setelah kebuka dan kosong.. anda sisipkan sedikit code code di bawah ini (itung itung mengisi ke kosongan he he)

<div class='widget-content'>
<script type="text/javascript" src="http://feflex.googlecode.com/files/Twiiter.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfJj992K8s9nkFz9ZfHB6FMcBYmFbA8HOiWZnE1VAwqi6k0P39LoY8I-i8Zne3m6lreGaYDE-aNrM7TBgKSfltogixQRYrfE_SBgPpt1ba5YvvEFBaVahmVOY4BKd5MUtty7PAK_ZJPHw/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/mukri";var tweetThisText = "http://twitter.com/#!/mukri";tripleflapInit();
</script>
</div>

Yang Terkahir ganti yang berwarna merah dengan alamat twiiter kepunyaan rekan rekan
Nah Mungkin itu tutorial cara menyispkan burung twitter terbang di blogspot semoga berhasil

Cara Setting Template Blogspot Untuk Mobile

noreply@blogger.com (MA NURUL HUDA) — Sun, 14 Aug 2011 01:01:00 -0700

Blogger Widget On Mobile

Bismillahirrahmanirrahim pada tutorial kali ini saya akan sharing sedikit bagaimana menyesuaikan template blog (template blogspot) untuk tampilan di mobil. kita sudah mengetahui bagaimana kapasitas mobile/hp untuk meload suatu blog/website dalm layar nah sekarang blogger menyediakan pasilitas itu untuk para blogger.. anda tidak perlu desain dan tidak perlu repot lagi. karena blogger sudah mempasilitasi itu semua.

Oke langsung saja cara seting Template Blogspot untuk Mobile

Langkah pertama anda login ke blogger
Setelah login anda pilih blog (jika blognya banyak) yang akan di seting
Langsung klik setting
Nah disana banyak pilihan diataranya : Basic,Publishing,Formating,Comment,Archiving, Site Feed, Email & Mobile, Open Id Dan Permission. dari beberrpa pilihan tersebut anda klik (atau pilih) Email dan Mobil dan akan muncul tampilan seperti di bawah ini

Setting Template Blogspot Untuk Mobile

Oke setelah kebuka anda tinggal centang deh pada opsi pertama yaitu yes Show Mobile Template On Mobile Device

Terus anda Klik Save. mudah kan.. nah sekian dulu info tentang blogging pada kesempatan ini moga bermanfaat

Cara Membuat Akun Facebook

noreply@blogger.com (MA NURUL HUDA) — Thu, 11 Aug 2011 07:58:00 -0700

Bismillahirrahmanirrahim Oke sobat pada tutorial kali ini saya akan membahas cara memebuat akun Facebok, social networking ini banyak sekali di gemari oleh orang orang di seluruh dunia.. karena social networking in cukup mudah bagi para orang orang untuk menggunakannya disana anda bisa berbagi foto,video, dan yang lainnya and ajuga bisa menemukan sahabat lama yang telah lama tidak berjumpa... he he

Oke langsung saja kita ke TKP cara Membuat akun facebok.. Pertama sebelum anda membuat akun Facebok anda buat dulu sebuah email . cara membuat email saya sudah bahas pada postingan terdahulu baik cara membuat email di Yahoo atau di Google setelah anda membuat email anda langsung buka alamat Facebok di www.facebook.com.

Nah setelah di buka anda isi form yang mirip seperti gambar di bawah

Facebook Form

disana anda di suruh untuk mengisi data data diantaranya :

First Name (Nama awal Anda)
Last Name (Nama Akhir ) itu juga kalo ada
Alamat Email (baik email yahoo atau gmail)
Password (Untuk login) dan harus di ingat Password Facebook tersebut jangan sampai lupa
Sex (Jenis Kelamin) anda tinggal mulih sesuia kebutuhan he he
Birth Day (tanggal dan tahun lahir anda )
Security Check (Untuk Mengecek keamanan Facebook) anda masukan teks yang ada pada capta (gamar ke dalam kotak) (lihat gambar)
Setelah terisi semua form anda cklik Sgn Up
Terus anda konfirmasi akun anda lewat email (Lihat Gambar)

Selesai sudah cara membuat akun Facebook... hehe mungkin itu tutorial yang saya berikan mudah mudahan bermanfaat... Amin

Cara Membuat Whos Amung Di Blospot

noreply@blogger.com (MA NURUL HUDA) — Tue, 9 Aug 2011 09:05:00 -0700

Bagaimana cara mengetahui stat di blog/web kita ?? nah itu yang menjadi pertanyaan di benak blogger widget. oke langsung saja rekan rekan tau ga whos amung... ?? jika belum tau saya beri tau sedikit tentang whos amung stat...
Whos amung merupakan salah satu gadget untuk mengetahui stat seberapa banyak orang yang lagi nongol atau online di blog/website kita dan pada artikel mana saja mereka online. he he itu kalo tidak salah. sebenarnya bukan whos amung saja yang menyediakan pasilitas ini di internet masih banya lagi yang lebih populer silhkan anda cari di google.
oke langsung saja untuk memasang widget whos amung pada blog kita anda tinggal kunjungi saja web site nya di alamat http://whos.amung.us/ atau anda tinggal kilik link ini.
nah setelah anda sampai pada target anda tinggal copy script seperti di bawah

<script id="_wauubr">var _wau = _wau || []; _wau.push(["small", "gu8uawu4iko5", "ubr"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/small.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

letaknya tidak jauh biasanya adan di bawah lihat gambanya deh..... di gambar ada letak script whos amung

Gambar Letak Script Whos Amung

Gampangkan rekan rekan tinggal copy paste saja scripnya dan letakan pada blog anda biar mudah anda simpan saja script tersebut di HTML/Java Script .

jika tampilan nya ingin menarik anda tingal pilih widget yang di sediakn oleh whos amung caranya anda lihat ke bawah sedikit (lihat tanda merah di gambar ) dari scrip tersebut terus anda clik showcase nanti akan tampil seperti gambar di bawah

widget whos amung

Di sana ada beberpa pilihan diantaranya pilihan blck itu tampilan seperti dault nya, terus Color me itu anda bisa mengatur warna sesuia dengan warna yang anda sukai, terus ada juga yang berbentuk Map namun harus di ingat itu fasilitas yang di berikan whos amung yang bersipat Free untuk yang pro masih lagi banya Fitur fitunya. udah dulu ah moga artikel cara membuat whos amung ini bermanpat. maklum masih belajar dala dunia blogger

Cara Membuat Gmail di Google Mail

noreply@blogger.com (MA NURUL HUDA) — Tue, 9 Aug 2011 08:29:00 -0700

Gmail

Bismillahirrahmanirrahim pada postingan terdahulu blogger widget membahas cara membuat email pada yahoo dot com nah. . . pada postingan kali ini saya akan sedikit membahas bagaimana cara mebuat email pada GMAIL atau Google Mail. cara gamapang dan mudah tidak ribet seperti membuat kue he hee.

Oke langsung saja ke tutorial cara membuat email di GMAIL. langsung saja rekan rekan buka alamat Google atau langsung ke alamat Gmail.com atau bisa juga mail.google.com.

Setelah di buka alamat gmail anda lihat di sebelah kanan ada tulisan login terus di bawahnya ada tulisan Create akun terus adan klik tombol tersebut.

Cara Membuat Gmail di Google Mail

Selanjutnya rekan rekan akan diminta untuk mengisi formulir dari google diantaranya :Nama depan: nama depan anda

Nama belakang: nama belakang anda
Nama login yang diinginkan: nama gmail anda. Contohnya herman123@gmail.com. Klik cek ketersediaan untuk memeriksa apakah nama email tersebut sudah digunakan atau belum.
Buat sandi: password gmail anda
Masukkan kembali sandi: ulangi password gmail anda
Pertanyaan rahasia: pilih pertanyaan yang anda inginkan
Jawaban: jawaban anda
Email pemulihan: email yang sudah anda miliki sebelumnya untuk keperluan pemulihan jika lupa password. Jika belum punya, dikosongkan saja.

Oke Sobat setelah semua form di isi dengan benar anda tinggal klik saya satuju membuat account gamail dengan syarat dan ketentuan yang berlaku... selesai deh cara membuat akun Gmail atau google mail pada kali ini dan anda sudah mempunyai email google, emailnya di jaga kata sandinya biar tidak di ubek ubek sama orang lain data pada akun email anda.. semoga tutorial ini bermanfaat.. Amin.

Cara Membuat Email Di Yahoo Dot Com

noreply@blogger.com (MA NURUL HUDA) — Tue, 9 Aug 2011 08:04:00 -0700

Bismillahirrahmanirrahim Pada tutorial saat ini saya akan membahas bagaimana membuat Email pada Yahoo dot com.. mungkin para neter sudah banyak yang tau cara membuat email namun tidak salah kalo blooger widget sharing sediki bagi meraka yang awam dan belum tau tentang cara membuat email di yahoo dot com.

langsung saja yang ingin tau bagaimana cara membuat email begini caranya :

pertama tama anda kunjungi situs www.yahoo.com nah setelah di buka alamat tersebut tampilan akan seperti gambar di bawah

Yahoo.com

Nah Setelah inti anda klik Buat Account yang letaknya berada di samping kanan atas lihat pada gamabar yang dilingkari oleh tanda merah . langkah selanjutnya anda isi form yang disediakan oleh Yahoo lihat gamba r di bawah

Nah Setelha itu isi form sesuai dengan kolom kolomnya ... disana anda perintahkan untuk mengisi :

Nama , jenis kelamin , Tanggal lahir tampat tinggal (negara) untuk negara biasanya sudah terisi otomatis berdasarkan Negara kita Online. Id yahoo dan email adalah alamat email yang akan kita buat.. nah setelah semua kolom di isi dengan jelas cek alamat apakah sudah ada yang memakai atau belum.

Terus isi form jika lupa kata sandi dan anda harus ingat jika lupa kata sandi yahoo... setelah semua form terisi anda tinggal klik Buat Account Saya..

Jika tidak berhasil anda cek biasanya yang tanda merah bagi form yang belum lengkap ..

Nah kiranya begitulah cara membuat id email yahoo kurang lebihnya silahkan anda tulis di Komentar. semoga bermanfaat good luck

How To Add Automatically Link To This Post Widget To Blogger

noreply@blogger.com (MA NURUL HUDA) — Thu, 24 Feb 2011 22:56:00 -0800

Do you like to add "Link To This Post Widget" under your blog post?This will help you to increase your site's backlinks for better SEO.So if you interested to add this useful widget to your blogspot blog follow the simple steps below.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:
<data:post.body/>

4.Copy below code and paste it immediately after the line <data:post.body/>
Note:You can change colors,font,... if you like.
<div style='border: 0px solid #646464; padding: 2px 2px; margin:2px 2px;background-color:#ffffff;font-size:11px;'>
<p>If you like this please Link Back to this article...</p>
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'><a href="<data:post.url/>"><data:post.title/></a></textarea><br/>
</div><br/>
5.Click on "Save Templates" and now you are done.
Source From : http://www.bloggertipandtrick.net/2009/12/link-to-this-post-widget-blogger.html

Two Latest Gadgets From Blogger

noreply@blogger.com (MA NURUL HUDA) — Sat, 25 Dec 2010 16:07:00 -0800

Bismillah Alhamdulillah,been so long I do not see a blogger, and has long also I do not update this blog, due to the busyness and activity that can not be left behind.

recently okay bloggers out new features, maybe this info is stale, but for me, this info may be worth for beginner bloggers.

go directly to the scene, now you can see statistics for your blog easily, bloggers provide two new gedget

look at the stats widget image in blogger, I paste it too easy, you just clik the add a gadget and select the blog's stats and will appear as shown below. you can determine the form of statistics that will appear on your blog. either in the form of the figure and curves.

Picture Statisitc Blog

The second gadget is Cool Post, now you do not have to bother bother looking secript to see the top post in the search by the visitors, now provides gadget popular bloggers post,way paste it too easy you just clik the add a gadget continue to select the popular post ,well now post where you live determines who often viewed visitors both within 7 days, 30 days and forever.

maybe that's all I can write on this blog, hopefully useful amen .........

Super Mario Galaxy 2 Nintendo Walpaper

noreply@blogger.com (MA NURUL HUDA) — Thu, 2 Dec 2010 18:11:00 -0800

Super Mario Galaxy 2 Nintendo Walpaper 1

Super Mario Galaxy 2 Nintendo Walpaper 2

Super Mario Galaxy 2 Nintendo Walpaper 3

How To Create Floating Ads In Blogspot

noreply@blogger.com (MA NURUL HUDA) — Wed, 14 Jul 2010 23:13:00 -0700

Bismillah Alhamdulillah, when we visited the blogs of others, may we be bothered with ads that are always there and float in front of us will read the article that we should spend a few clicks.

Now blogger widget will explain how to create ads that float. An easy way once, before going to do, it is good we see the first contohya, how's that floating ads? Click here(Sample Embede Code For Ad) to view the ads that float or you can see the picture below

Picture Sample Embeded Code For Ads

Now go straight to how to create floating ads

As usual you are logged into blogger
Design and hold your click and go to edit HTML
after open to edit the HTML, you check the Expand Widget
Your next step This Copy Script Below
Now you search tags <bod>
See you after the tag, paste the following code above body tag
CSS Code

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

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

Java Script Code

<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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

Full Code

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

.gbcontent{
float:right;
border:2px solid #A5BD51;
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;
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()'>
Click here 2x if you interfere with this ad
</a>

</div>
<center>

Sample Embeded Code For Ads:
<center>
<script src="http://adsensecamp.com/show/?id=41qia1QxAWw%3D&cid=TlffQoaJN%2F0%3D&chan=5rmfvn3ojG4%3D&type=12&title=3D81EE&text=000000&background=FFFFFF&border=FFFFCC&url=2BA94F" type="text/javascript">
</script>

</center>

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

When finished click save, and do not forget that you replace the blue code with your existing ad code

How to Display The Recent Post By Category

noreply@blogger.com (MA NURUL HUDA) — Wed, 14 Jul 2010 21:18:00 -0700

Bismillah (In The Name of Allah),On this occasion I will write about how showing recent post based on category labels, may be peer to peer bloggers have often seen that displays recent blog post based on category labels.

Based on recent post How to display the label is not difficult, rather than pushes to and fro, we straight to the tutorial course, do as follows.

The first step you log into blogger.
After that you click on design continues to look for a place to store these widgets
Clik your selajutnya step gadget ad, then select RSS Feeds.
The last step you input the code below
The preview image if it is not clear

Feed address that you input

http://nameblog.blogspot.com/feeds/posts/default/-/nameLabel

Note: if a label without the use of space

If the label you use spaces see below

http://nameblog.blogspot.com/feeds/posts/default/-/nameLabel% 20withspaces

Note:% 20: used for space

Once completed you click save.

And do not forget nameblog.blogspot.com replace with your blog name. Thanks be to say Alhamdulillah, maybe that's all I can write on this occasion, I hope this article useful for bloggers

How to Insert Share Buttons On Blogspot

noreply@blogger.com (MA NURUL HUDA) — Tue, 13 Jul 2010 06:30:00 -0700

Bismillah (In The Name of Allah),in this tutorial, I'll mambahas about the latest features of the bloggers on the Share button.

Share Button is one way to spread easily on the blog so that people know well in social media or the other,

Now a blogger / blogspot provides the facility to add the share button on posts. Just how to enter the share button in the post without using scripts. usual first step you log into your blogger thereafter Clik design, see picture below

Picture Share Buttons On Blogspot

Probably so used to information about the latest features of bloggerwidget, hopefully this article helpful

How to Create A Site Map On Blogspot

noreply@blogger.com (MA NURUL HUDA) — Tue, 13 Jul 2010 00:36:00 -0700

Bismillah (In The Name of Allah), To create a sitemap in blogspot is very easy, you just create a new posting on the blog entry directly below the javascript code,

Or you can also use the blogspot page, prior to the javascript code you see first image below sitemap

Site Map Blogger Widget

now to create your sitemap copy code below

<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://www.blogger-widget.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

After or in place of red (http://www.blogger-widget.com/) with your blog address

Top Web Site Movies

noreply@blogger.com (MA NURUL HUDA) — Thu, 29 Apr 2010 10:36:00 -0700

Web Streaming Mania

Film, Serie Tv, Cartoons, Calcio e tanto altro gratis in streaming

Serie Tv streaming Megavideo, Film streaming, Cartoon streaming, Sport streaming, Calcio e molto altro ancora gratis sul tuo Pc

Site http://webstreamingmania.blogspot.com/

FilmoFilia

Filmofilia is a movie blog dedicated to giving you the very best movie news, trailers, reviews and more ever.

Site http://www.filmofilia.com/

Tretando.com
Site http://www.tretando.com/

Malayalam Actress Hot Photos | Malayalam Actress Videos | Reshma Kavya Shakeela More

sexy malayalam actress photos kerala star actress gallery reshma bhama sunita rao sania cricket sindhu menon meera jasmine sexy actress malayalam sex actress hot malayalam actress jyothirmayi bhama vimala raman india babes picture hot bgrade movie video downloads actress malayalam photo sexy film desi mms scandals

Site http://malayalam-actress.blogspot.com/

sawa-online
Site http://www.sawa-online.blogspot.com/

FilmoFilia Movie Photo Gallery
FilmoFilia Movie Photo Gallery contains promotional movie photos, behind the scenes on the set images, cast and crew pictures of actors. Here there are tons of comprehensive images to help fill your craving of knowledge for upcoming movies ...
Site http://photogallery.filmofilia.com/

ButterBlog
Indian actress gallery wallpapers, hot blow ups and many more..This site is purely for actress gallery.
Site Indian actress gallery wallpapers, hot blow ups and many more..This site is purely for actress gallery.
Site http://blog.buttermouth.com/

DVD Movies Onlie
best place to shop for dvd movies online
Site http://dvdmaster.org/

Easy Ways to Make On Blogger Blogspot Templates

noreply@blogger.com (MA NURUL HUDA) — Mon, 26 Apr 2010 22:08:00 -0700

Bismillah (In The Name of Allah), Blogger again today and probably will soon be released on launch, it has what's new blogger Featurs??, okay maybe it was in the waiting Featur waiting by the bloggers, yo go to the scene, peering out of the blogger draft turns out we've been able to design templates blogs with ease. okay just in case you do not want to read this article, you will first enter into http://draft.blogger.com/ after you click the layout, once you go see at the right end (parallel to the Page element) and there are writings Templates Designer, the next step click on the Template Designer, you just continue to select and design blog template you like, okay I'll give some idea about how to make tempalate on blogspot

choose a template design

layout settings

You can set the widget in your template, both positions on the left or the right, there is served a variety of locations widget

Advanced Blogger Design Template

in this section you can set the color of your blog, fotn be in use, and others associated with the template blogspot

Layout Design

Ok in the layout design you can adjust the three parts are:

Body Layout
Footer Layout
Adjust Width

maybe that's all I can explain at this time, good luck and success is always in the world bloggers

Create Animated Banner In Online

noreply@blogger.com (MA NURUL HUDA) — Fri, 23 Apr 2010 10:00:00 -0700

Bismillah (In The Name of Allah),In order for our blog appear more attractive and dynamic, one way is by displaying banners with banner animasi.because animation, the eye of the visitor will be instantly drawn to the banner, especially if you are a businessman, would be more effective animated banners for advertising that we put on appeal with the usual banners. How to create an animated banner is so easy, like a free there, willing to pay also, but course there are advantages and disadvantages.

for those of you who are interested with the animated banner free, you can visit the http://www.addesigner.com Please list (free), If it's accepted that you can just choose a banner is served, then ya get in to the blog to stay in, like in the sidebar or in the post would be. For help on your installation please read the previous posts how to insert the HTML code into your blog.

Examples of animated banners:

Increase Page Rank By Replacing The Title Tag

noreply@blogger.com (MA NURUL HUDA) — Mon, 1 Mar 2010 21:34:00 -0800

Bismillah (In The Name of Allah), on this occasion I will discuss how to change the title tag your blogspot be seo friendly so that, by default, your blog title is
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

OK now what your blog title to be seo friendly, very easy way, usually the person saying this is how to change the title to title blog post when posting positions on the clik. sekarangn go directly to the way

The first step you log into blogger
Then clik edit html
After that you are looking for the code above,
Having met him change the code above, replace with the code below.

<b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/> |Your Title </title> <b:else/> <title><data:blog.pageName/> | Your Title </title> </b:if>

The first step you log into blogger
Replace the code blue with words that match the criteria of your blog,
After complete change blog title, you clik save, and see the results in the browser, your blog title will change, which was behind the posting title title title of your blog postings now in front of your blog title, this trick is a trick seo friendly with the posting title in the next blog title.
if you want it menapilkan Titles posts without the title followed by your blog a little change of code that had become as below

<b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/> </title> <b:else/> <title><data:blog.pageName/> </title> </b:if>

Good Luck

Dropdown Menu With CSS and JQuery

noreply@blogger.com (MA NURUL HUDA) — Sun, 28 Feb 2010 10:49:00 -0800

Bismillah (In The Name of Allah) Trick now is how to create a Dropdown menu using CSS and Jquery, It's easy and simple really, for example See here;

Step One you click on Layout and click edit HTML and do not expand the widget Lost Check
After that you are looking for code ]]></b:skin> , and replace the code with the code below

.lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 2px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px dotted #ccc; } ul.topnav { list-style: none; padding: 0 20px; margin: 0; float: left; width: 620px; background: #222; font-size: 1.2em; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjylcbqe9_JxfegdAuv5s7rEbd9Q4uqeRmA46y0exPNmZY8CG700kynwrdurgDahSoP41ct-eTbRRRw5e68PI5SsRu_Atxc0I5q62N0KA1_jaCaEZ-sgv58IEuW0r_s67r5EyhFWXS5kAsr/s128/topnav_bg.gif) repeat-x; } ul.topnav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/ } ul.topnav li a{ padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; } ul.topnav li a:hover{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjylcbqe9_JxfegdAuv5s7rEbd9Q4uqeRmA46y0exPNmZY8CG700kynwrdurgDahSoP41ct-eTbRRRw5e68PI5SsRu_Atxc0I5q62N0KA1_jaCaEZ-sgv58IEuW0r_s67r5EyhFWXS5kAsr/s128/topnav_bg.gif) no-repeat center top; } ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 35px; float: left; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDxHzyAPdDlz9mZtJFj9v_dlSHWnDs_sWcsOo8AaDXSTIWEeLV9Zn69I5QxOKUXNTe47sYMftwditW8Zxnsr1_f0PaBgXTkryIS6vS9Io5yDxyFIDtF51wfAgWmCovdmZZoKGoNoK9JSG4/) no-repeat center top; } ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111; } ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 170px; } html ul.topnav li ul.subnav li a { float: left; width: 145px; background: #333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggI34-B6SRl0uGtH0RRKIhDdrD14jZMEKHRj5jGBqMsAH90hl9QiYdVYckaVHidq_nIqIbj6FwGwP1CuOI5-1_2qUlSODZPcOEPD31wFPTmQ16dBel7S2FT0WbFwLLSn6vmNyn0ZGRzCgZ/s128/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: #222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggI34-B6SRl0uGtH0RRKIhDdrD14jZMEKHRj5jGBqMsAH90hl9QiYdVYckaVHidq_nIqIbj6FwGwP1CuOI5-1_2qUlSODZPcOEPD31wFPTmQ16dBel7S2FT0WbFwLLSn6vmNyn0ZGRzCgZ/s128/dropdown_linkbg.gif) no-repeat 10px center; } ]]></b:skin>

The next step to install JQuery
Put the code in JQuery, under the tag </head>

click the save if it is
Your next step into the blogger page element and add the widget HTML / Javascript
Enter the code continues below

<ul class="topnav"> <li><a href="#">Home</a></li> <li> <a href="#">Tutorials</a> <ul class="subnav"> <li><a href="#">Sub Nav Link</a></li> <li><a href="#">Sub Nav Link</a></li> <li><a href="#">Sub Nav Link</a></li> <li><a href="#">Sub Nav Link</a></li> <li><a href="#">Sub Nav Link</a></li> <li><a href="#">Sub Nav Link</a></li> </ul> </li> <li> <a href="#">Resources</a> <ul class="subnav"> <li><a href="#">Sub Nav Link</a></li> <li><a href="#">Sub Nav Link</a></li> <li><a href="#">Sub Nav Link</a></li> <li><a href="#">Sub Nav Link</a></li> <li><a href="#">Sub Nav Link</a></li> <li><a href="#">Sub Nav Link</a></li> </ul> </li> <li><a href="#">About Us</a></li> <li><a href="#">Advertise</a></li> <li><a href="#">Submit</a></li> </ul>

Continue to replace the sign # with a link you
Next step click Save
To change the background of your stay replace this code https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjylcbqe9_JxfegdAuv5s7rEbd9Q4uqeRmA46y0exPNmZY8CG700kynwrdurgDahSoP41ct-eTbRRRw5e68PI5SsRu_Atxc0I5q62N0KA1_jaCaEZ-sgv58IEuW0r_s67r5EyhFWXS5kAsr/s128/topnav_bg.gif with the background that you like
To adjust the width, you find ul.topnav code, there is writing width, and hold you change size to fit your template.
Good luck and Happy Blogging

How to Create a Slide Panel On Blogger

noreply@blogger.com (MA NURUL HUDA) — Sun, 28 Feb 2010 09:24:00 -0800

Bismillah (In The Name of Allah), Tutorial blog at this time I'll try to slide the panel on blogger using JQuery, I am interested in doing this when I was looking for tutorials Javascript Query Or in terms of popularity is often called JQuery. just okay to do. For Example Slide JQuery Clik Here

First you backup your blog template used
The second step you click edit HTML and and do not forget to check the sign Expand Widget Templates
After that look for the code ]]></b:skin> to speed up the search press Ctrl + F and enter the code you are looking for
After that you copy the below css code, and place her purse right code ]]></b:skin>

#panel { display: none; } .slide { margin: 0; padding: 0; border-top: solid 4px #422410; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZE9ci_WGHgbQCBm9JsUmw5mHsBV3pjR5J78pBh5gup-mUa3D-ZSvfCTYpNMRnzN7ANwNCJtcajlQmUkRCXFe-ElGj9v0FlofQczhbXKjcQgQaS8MBu-q_POCLI5UP8I_rF-fJKp1csDzF/) no-repeat center top; } .btn-slide { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI37bqbPFyfjUBzTPtcmyt3eaWdudJm-OSPWz7fAq3_q1VV6iCQdo76cpDvw1p4pQyDSzj8pnQEVTAquOp84ilUQ6cGvG9wILSxH93rKdTfD_Og31xdm0nmGPYIqYkgYsFu6Hmvf7fiTot/) no-repeat right -50px; text-align: center; width: 144px; height: 31px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } .active { background-position: right 12px; } #lower { margin:auto; padding : 0px 0px 10px 0px; width: 100%; background:#333434; } #lower-wrapper { margin:auto; padding: 20px 0px 20px 0px; width: 960px; } #lowerbar-wrapper { border:1px solid #DEDEDE; background:#fff; float: left; margin: 0px 5px auto; padding-bottom: 20px; width: 32%; text-align: justify; font-size:100%; line-height: 1.6em; word-wrap: break-word; overflow: hidden; } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;} .lowerbar h2 { margin: 0px 0px 10px 0px; padding: 3px 0px 3px 0px; text-align: left; color:#0084ce; text-transform:uppercase; font: bold 14px Arial, Tahoma, Verdana; border-bottom:3px solid #0084ce; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 2px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px dotted #ccc; }

The next step, you are looking for tag </head> , And paste the code below, right under the tag </head>

Click save and take a break, OK to the next phase
Now you create a new widget, if you want to put this widget on the bottom, you are looking for code <div id='footer-wrapper'> <div id='header-wrapper'> to top <div id='sidebar-wrapper'> for in the sidebar (This standard template for blogspot) if you do not find these codes, please find a similar code
Confused? okay if confused copy the code below and place on the tag <div id='header-wrapper'>

Clik Save and Go To Layout
The layout of your blog there is a growing new widget that you Lay on the header-wrapper
After that you click the widget and add your content at will
Last step of calling JQuery
Put the code below after the tag <head>

Clik Save

How to Create Tabbed Widget In Blogger

noreply@blogger.com (MA NURUL HUDA) — Sat, 27 Feb 2010 09:52:00 -0800

Bismillah (In The Name of Allah) , How to create tab widget I got from this blog there a lot Abu Farhan tutorial how to hack blogger, and I wrote back on my blog, this tutorial can be found on the title of the posting bloggertuts his The Easiest Way to Make Tabbed Sidebars on Blogger. when I read the article bloggertuts, to make the sidebar tabbed he got the idea from webitect titled Create a Graceful jQuery Tabbed Widgets in 5 Easy Steps, okay than I discuss here there we'd better go straight to the tutorial

As an example of tabbed widgets for bloggers see the picture or you can immediately see the results click here For Live Demo

Sample Picture Tabbed Widget

The first step you log into blogger and clik Edit HTML and do not forget to tick the expand widget
After that, the Search Code

]]></b:skin>

Once Found this code, add the following css code right above the code

]]></b:skin>

Copy Code CSS

/* Tabbed Sidebar Widgets --------------------------------- */ .widget-wrapper2{ border:1px solid #494e52; background-color:#636d76; padding:8px; } .widget-tab { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; -webkit-border-radius-bottomleft:5px; -webkit-border-radius-bottomright:5px; -webkit-border-radius-topright:5px; background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrwptEolBu1zcsFden1o1x4YfRO6UMnNVCSAsVFqodzt7q6cYgEptCNv5UBCdcmz-3jGCVQXT2zrwcR5rhlKVZehFCVId76f8VQ5SUbHTjywj53o-PNcMMuQUMQbbrYQor2l6NiMuFRZg/s316/tabcontentbg.gif) repeat-x scroll left bottom !important; border:1px solid #CFCFCF; font-family:Arial,Helvetica,sans-serif; padding:15px !important; } .widget-tab ul { margin:0px; padding:0px 20px 0px 20px; } .widget-tab ul li { list-style:none; border-bottom:1px solid #d6dde0; padding-top:10px; padding-bottom:10px; font-size:13px; } .widget-tab ul li:last-child { border-bottom:none; } .widget-tab ul li a { text-decoration:none; color:#3e4346; } .widget-tab ul li a small { color:#8b959c; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; left:4px; top:0px; } .tab-content ul li a:hover { color:#a59c83; } .tab-content ul li a:hover small { color:#baae8e; } .active-tab{ background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJmPaKdNyVuXJtibARue_ifcivQXjLYCSYJDfl_vGwmX5di55rpGF2YBl8ljxus6UsBX6-WN2k-dkvHaqbMGt8WiNTrpiYknRomBgjL8Cv5c7StRnEHOH7ZWK6hkH8ifySx8PJ52IXE-Y/s316/tabtopbg.gif) repeat-x scroll left top !important; border-color:#CFCFCF #CFCFCF #FFFFFF #CFCFCF !important; border-style:solid !important; border-width:1px 1px 2px !important; color:#282E32 !important; } ul.tab-wrapper { margin:0px; padding:0px; margin-top:5px; margin-bottom:6px; } ul.tab-wrapper li { -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrwptEolBu1zcsFden1o1x4YfRO6UMnNVCSAsVFqodzt7q6cYgEptCNv5UBCdcmz-3jGCVQXT2zrwcR5rhlKVZehFCVId76f8VQ5SUbHTjywj53o-PNcMMuQUMQbbrYQor2l6NiMuFRZg/s316/tabcontentbg.gif) repeat-x scroll left top; border:1px solid #464C54; color:#FFFFFF; cursor:pointer; display:inline; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; font-weight:bold; line-height:2em; list-style-image:none !important; list-style-position:outside !important; list-style-type:none !important; margin-right:1px; padding:8px 14px; text-align:center; text-decoration:none;

Next step is to install JQuery Search Code </head>
And store the Jquery code before Tag

Now Install Java Script For Tab
Look for Code </head> and save the script below, before tag </head>

Customizing Widget

var starttab= 0 ; var endtab= 2 ; var sidebarname=" sidebar ";

Clik Save
If you have problem, Please visit Tabb Bloggertuts How to create Tabb Widgets For Blogger

What Is Search Engine Optimization (SEO)? And To What Seo

noreply@blogger.com (MA NURUL HUDA) — Fri, 26 Feb 2010 09:34:00 -0800

Bismillah (In The Name of Allah)
What is SEO (Search Engine Optimization) is a first question when I learned to create a blog and join in the blogging world, okay I share my little knowledge about seo and hopefully this article useful to fellow colleagues who are still learning to blog.

I will first discuss the notion SEO

Seo outlines can mean a process of increasing ratings or ranking of a website / blog in a search engine, well before we go on how well we know what the name used search engine, according to an article from the wikipedia search engine is a computer program designed to help someone find the files that are stored in the computer, for example, in a public server on the
web (WWW) or the computer itself. The search engine allows us to ask for media content with specific criteria (typically containing words or phrases that you specify) and obtain a list of files that meet these criteria. Search engines usually use the index (which was made before and updated on a regular basis) to find the file after the user enters a search criteria. for example search engine (Google,Yahoo,Windows Live,Ask,Bing and etc)
Okay once you know the name of its search engine, we connect between seo and search engines.
general search engine will index web / blog related to what we're looking for, now to find someone usually / Internet users will use keywords to find something, and the search engine will display search results according to keywords you enter, usually appear hundreds to millions. if this is the SEO usually associated with the appearance of the first order up to ten smoothly SEO level the highest in the search engine, but sometimes search engines and the other one different results, depending on how the system search engine indexing web / blog. But usually the search engine indexing of the first title tag. how do we continue to optimize title tags later okay next time I discussed, we now know what it seo. became the core of seo is how to get a top position in a search engine.
Benefits Of SEO
If you are an internet marketing or an online business that would like to seo technique is very useful especially for those who have a web / blog is commercial in nature, the level of its higher seo then the more traffic generated due to the many requests and process transactions . so if you are proficient in the science business seo it would be smooth if the benefits associated with seo
okay maybe a little explanation about seo hopefully useful, and if there is a shortage beg forgiveness because I am in the learning process, and if you are more extensive knowledge please add to the comment box, your comment that means to me and helpful in my learning process, especially on SEO

Note : Terms Of SEO Terms :
SEO = Search Engine Optimization

Search Engines (Search Engine) = site used to search for something on the internet, Ex: / Google, Yahoo, Bing,Windows Live,Ask etc.

Keyword = word - the word used to search for something on search engines.

Add Google Buzz Button To Blogger

noreply@blogger.com (MA NURUL HUDA) — Thu, 25 Feb 2010 23:46:00 -0800

Add Google Buzz Button To Blogger
How to add a button to buzz in blogger / blogspot

The first step you log into blogger
Continue to click on the layout and click edit HTML
Now Seacrh Code <div class='post-header-line-1'/>
Copy Code <a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://img2.pict.com/15/da/3e/2809374/0/googlebuzz.png'/></a>
Klik Save and See your Blog

Create Twitter Widgets And Buttons In Twitter Goodies

noreply@blogger.com (MA NURUL HUDA) — Wed, 24 Feb 2010 19:20:00 -0800

In this tutorial, I tried to write how to create a twitter widget and the button I create this widget has a lot of bloggers are discussing it, but it never hurts to rewrite my reply back about this. just okay

The first step you visit situnya twitter godies and login to your twitter account
The second step you select choose between the widget and Botton
First you Select Button used because there was not much choice
Click Button to get the Twitter button
After that you Select the button you like
See picture for options twitter button

Once you get your buttons stay in your blog entries as the following way
Login to Blogger and click on Add Gadget layout HTML / JAVA SCRIPT
Continue Click Save
Okay the next step you clik goodies and select widget
There continues you are asked to select widgets such as profile widgets, search widgets, and widget faves list widget
Click My Website and Select Profiles on the input the user name you
Your continued setting Preferences, Appearance and Dimension
After clicking Finis & Grab Code Or you can see the first results of your settings by clicking the test setting
Once you get her the code you follow these steps above to insert into your blog
Happy Blogging