Kamis, 26 Maret 2015

Meta Tag SEO Friendly dan Valid HTML 5 Sahara Blog Notes

Meta Tag SEO Friendly dan Valid HTML 5 Sahara Blog Notes sangat bagus untuk mempercepat diindeks oleh mesin pencari, meningkatkan trafik atau pengunjung, dan menaikkan peringkat (ranking) di halaman hasil pencarian Google (SERP).
Meta Tag adalah kode khusus di bagian header template yang memberikan perintah kepada mesin pencari untuk mengenali, mengindeks, dan meng-crawl blog kita, jika user mencari informasi dengan kata kunci tertentu.

Cek dulu template blog Anda, apakah sudah terpasang kode Meta Tag SEO Friendly dan Valid HTML5. Jika belum maka lakukan langkah berikut ini. Bisa juga ganti Meta Tags yang ada dengan yang di bawah ini.

1. Klik "Template"
3. Klik "Edit HTML"
4. Cari kode <head>
5. Copy dan Paste kode berikut ini tepat di bawah kode <head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<title><data:blog.pageName/> | <data:blog.title/></title>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
</b:if>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex, nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/>  |  Catatan Sahara : Berbagi Sesama Blogger - Blogger Sharing Network</title>
<meta content='Catatan Sahara : Berbagi Sesama Blogger - Blogger Sharing Network' name='description'/>
<meta content='sahara, blog, notes, blogger tutorial, html5, css3, widgets, efek blog, google adsense, trik seo, metatag, template blogger' name='keywords'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Catatan Sahara : Berbagi Sesama Blogger - Blogger Sharing Network' name='description'/>
<meta content='sahara, blog, notes, blogger tutorial, html5, css3, widgets, efek blog, google adsense, trik seo, metatag, template blogger' name='keywords'/>
<meta content='casaHq-F9cbSNrkjBVsb2DihDD-B0FES5y9yKsZ1Bvc' name='google-site-verification'/>
<meta content='Sahara Blog Notes' name='Author'/>
<meta content='saharaponsel@hotmail.com' name='Email'/>
<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='https://plus.google.com/+Dedie Kusmayadi' name='author'/>
</b:if> 

Catatan: 
- Ganti tulisan yang berwarna merah dengan versi Anda.

6. Save Template

Memasang Meta Tag SEO Friendly dan Valid HTML 5 untuk Blogspot ini adalah usaha kita agar blog kita cepat terindeks di penelusuran Google.

Membuat Halaman Daftar Isi Blog (Sitemap) Blogspot

Cara Membuat Halaman Daftar Isi Blog (Sitemap) Blog Blogspot sangat mudah. Anda tinggal membuat halaman statis (page) baru, lalu centang mode HTML, dan Copas kode sitemap.
1. Login
2. Klik menu "Pages" (Halaman)
3. Klik menu "New Page" (Halaman Baru)
4. Isi judul halaman dengan "Daftar Isi" atau "Sitemap"
5. Centang Mode "HTML"
6. Copy + Paste kode Daftar Isi berikut ini:
 
<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">
</script>
<script src="http://catatansahara.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
 
7. Ganti "http://catatansahara.blogspot.com" (warna merah) dengan nama blog Anda.
8. Klik Publish!
Membuat Daftar Isi sangat penting bagi navigasi blog. Daftar isi memudahkan pengunjung mencari informasi yang dibutuhkannya, juga menjelajahi blog Anda.

Contoh atau demo daftar ini blog seperti yang ada di blog ini, yaitu menu "Daftar Isi Blog".

Selasa, 24 Maret 2015

Kumpulan Websites Yang Bermanfaat

Contextual Networks 
Google Adsense => http://adsense.google.com
Valueclick => http://www.valueclick.com
Kontera => http://www.kontera.com
Pulse360 => http://www.pulse360.com
Adbrite => http://www.adbrite.com
Chikita => http://chitika.com
Clicksor => http://www.clicksor.com
Contextweb => http://www.contextweb.com
Bidclix => http://www.bidclix.com
Bidvertiser => http://www.bidvertiser.com
RevenuePilot => http://www.revenuepilot.com

PPC Ad Platforms 
Google Adwords => http://adwords.google.com
Yahoo Search Marketing => http://advertising.yahoo.com/smallbusiness/ysm
MSN Adcenter => http://advertising.yahoo.com/smallbusiness/ysm
Looksmart => http://www.looksmart.com
Ask.com => http://www.ask.com
7Search => http://www.7search.com
Clicksor => http://www.clicksor.com
Findit-Quick => http://www.findit-quick.com
Pulse360 => http://www.pulse360.com
Advertise => http://www.advertise.com
Ad Sonar => http://www.adsonar.com
AdKnowledge => http://www.adknowledge.com
Miva => http://www.miva.com
Validclick => http://www.validclick.com
Marchex => http://www.marchex.com
AdMarketplace => http://www.admarketplace.com

Social Media Ad Platforms 
MySpace Ads => https://www.myads.com
FacebookAds => http://www.facebook.com/advertising
LinkedIn => https://www.linkedin.com/directads/start
Twitter.com => http://www.twitter.com
Sponsored Tweets => http://sponsoredtweets.com

CPM Ad Platforms
BuySellAds.com => http://www.buysellads.com
PlentyOfFish => http://ads.pof.com
ValueClick.com => http://www.valueclick.com
Casale Media => http://www.casalemedia.com
CPX Interactive => http://www.cpxinteractive.com/advertisers
Burst Media => http://www.burstmedia.com
Advertising =>  http://www.advertising.com
Traffiq => http://www.traffiq.com
Adtegrity => http://www.adtegrity.com
TribalFusion => http://www.tribalfusion.com
Double Click => http://www.doubleclick.com
Adoori => http://www.adoori.com
Yield Build => https://yieldbuild.com
CPMStar => http://cpmstar.com
Adsdaq => http://adsdaq.com
Adroll => http://www.adroll.com
Yahoo Adready => http://www.adready.com
MegaClick => http://www.megaclick.com

PPV Ad Networks
Media Traffic => http://www.mediatraffic.com
Trafficvance => http://www.trafficvance.com
DirectCPV => http://www.directcpv.com
Lead Impact => http://www.leadimpact.com
Adon Network => http://www.adonnetwork.com
Linksador => http://www.linksador.com
Clicksor => http://www.clicksor.com

CPA Networks 
NeverblueAds => http://www.neverblue.com
Affiliate => http://www.affiliate.com
Inuvo => http://www.inuvo.com
Revenueloop => http://www.revenueloop.com
CX Digital => http://www.cxdigital.com
MonetizeIt => http://www.monetizeit.com
GetAds => http://www.getads.com
Hydramedia => http://www.hydramedia.com
MaxBounty => http://www.maxbounty.com
Azoogle => http://www.azoogle.com
Flux Ads => http://www.fluxads.com
Rextopia.com => http://www.rextopia.com
Offerfusion => http://www.offerfusion.com
Adfish => http://www.adfish.com
Mundo Media => http://www.mundomedia.com
Web Jam Ads => http://www.webjamads.com
Ad Valient => http://www.advalient.com
Convert2Media => http://www.convert2media.com
7Reach.com => http://www.7reach.com
Clickbooth => http://www.clickbooth.com
Market Leverage => http://www.marketleverage.com
yMultimedia => http://www.ymultimedia.com
Copeac => http://www.copeac.com
Offerweb => http://offerweb.com
FYCDirect => http://www.fycdirect.com
ROIRocket => http://www.roirocket.com
DirectLeads => http://directleads.com

CPA Tools 
Offervault => http://www.offervault.com
Affiliate Paying => http://www.affiliatepaying.com
Keyword Extend => http://www.keywordextend.com

Internet Marketing Blogs
Gauher Chaudhry => http://www.gauherchaudhry.com
Amish Shah => http://www.amish-shah.com
John Chow => http://www.johnchow.com
Shoemoney => http://www.shoemoney.com
Jonathan Volk => http://www.jonathanvolk.com
Cash Tactics => http://cashtactics.net
Pro Blogger => http://www.problogger.net
Ad Hustler => http://www.adhustler.com
Erics Tips => http://www.ericstips.com

CPS Networks 
Commission Junction => http://www.cj.com
Linkshare => http://www.linkshare.com
PayDot  => http://www.paydotcom.com
Clickbank => http://www.clickbank.com
ShareASale => http://www.shareasale.com
ClixGalore => http://www.clixgalore.com

Keyword Spy Tools 
Keywordspy => http://www.keywordsp.com
Spyfu => http://www.spyfu.com
PPC Bully => http://www.ppcbully.com
KeyCompete => https://yieldbuild.com
Compete => http://compete.com

Merchant Processing
2Checkout => http://www.2checkout.com
PayPal => http://www.paypal.com
Authorize =>  http://www.authorize.com
Charge => http://www.charge.com
RBS Worldpay => http://www.rbsworldpay.com
CCNow => http://www.ccnow.com
Propay => https://epay.propay.com
iPayDNA => http://www.ipaydna.biz
AlertPay => https://www.alertpay.com
TrialPay => http://www.trialpay.com
Internet Secure => http://www.internetsecure.com
MerchantSeek => http://www.merchantseek.com
PayByWeb => http://www.paybyweb.com

List Servers & Autoresponders
Aweber => http://www.aweber.com
Getresponse => http://www.getresponse.com
iContact => http://www.icontact.com
Stream Send => https://www.streamsend.com
1AutomationWiz =>  http://www.1automationwiz.com
Send Free = > http://www.sendfree.com
Free Follow Up => http://www.freefollowup.com
Supersponders => http://www.supersponders.com
Topica => http://www.topica.com

Shopping Carts
1ShoppingCart => http://www.1shoppingcart.com
3D Cart => http://www.3dcart.com/
Delavo => http://www.delavo.com
InfusionSoft => http://www.infusionsoft.com
Secure Net Shop => http://www.securenetshop.com
X-Cart => http://www.x-cart.com
Designcart => http://designcart.com
Clickbank => http://www.clickbank.com
Romancart => http://www.romancart.com

Search Engines
Google => http://www.google.com
Bing => http://www.bing.com
Yahoo => http://www.yahoo.com
Ask => http://www.ask.com
Excite => http://www.excite.com
Dogpile => http://www.dogpile.com
Altavista => http://www.altavista.com
Webcrawler => http://www.webcrawler.com
Cuil => http://www.cuil.com
MetaCrawler => http://www.metacrawler.com

Free Traffic Exchanges
TrafficSwarm => http://www.trafficswarm.com
Trafficg => http://www.trafficg.com
Easy Hits 4 U => http://www.easyhits4u.com
Blog Traffic Exchange => http://www.blogtrafficexchange.com
ProClickExchange => http://www.proclickexchange.com

Classified Ads Sites
Kijiji => http://www.kijiji.com
Craigslist => http://www.craigslist.org
USFreeAds => http://www.usfreeads.com
Classifieds For Free =>  http://www.classifiedsforfree.com
Classified Ads => http://www.classifiedads.com
Its My Market => http://www.itsmymarket.com
Skepter => http://www.skepter.com
eBay Classifieds => http://www.ebayclassifieds.com
Penny Saver => http://www.pennysaverusa.com
Backpage => http://www.backpage.com

Marketing Forums
Warrior Forum http://www.warriorforum.com
Wicked Fire http://www.wickedfire.com
Digital Point http://forums.digitalpoint.com
5 Star Affiliate http://affiliate-marketing-forums.5staraffiliateprograms.com
The IM Forum http://www.theimforum.com
IM4Newbies http://www.im4newbies.com/forum
Webmaster World http://www.webmasterworld.com

Website Analytics 
Statscounter http://www.statscounter.com
Google Analytics http://www.google.com/analytics
OneStat http://www.onestat.com/
Yahoo Web Analytics http://web.analytics.yahoo.com
eWebAnalytics http://www.ewebanalytics.com

Clip Art & Images
ClipArt.com => http://www.clipart.com
Classroom Clipart => http://classroomclipart.com
1 Clipart => http://www.1clipart.com
Dreams Time => http://www.dreamstime.com
Hassle Free Clipart =. http://www.hasslefreeclipart.com
AAA Clipart =>  http://www.aaaclipart.com
Getty Images => http://www.gettyimages.com/creativeimages/royaltyfree
Fotosearch => http://www.fotosearch.com

Free Software Downloads
Download.com => http://www.download.com
Download 3000 => http://www.download3000.com
Freeware Files => http://www.freewarefiles.com
File Hippo => http://www.filehippo.com
Tucows => http://www.tucows.com
Brothersoft => http://www.brothersoft.com
Free Download Center => http://www.freedownloadscenter.com
123 Free Download => http://www.123-free-download.com
Top Download => http://www.topdownloads.net
Soft32 => http://www.soft32.com

Free Email
Gmail => http://www.gmail.com
Yahoo Mail => http://mail.yahoo.com
Hotmail => http://www.hotmail.com
Mail.com => http://www.mail.com
Inbox => http://www.inbox.com
AOL Mail => http://webmail.aol.com
Hushmail => http://www.hushmail.com
Email Account => http://www.emailaccount.com

Internet Marketing News
IM Newswatch => http://imnewswatch.com
Marketing Pilgram => http://www.marketingpilgrim.com
MarketingNewz =>  http://www.marketingnewz.com

Banner Rotators & Builders
OpenX => http://www.openx.org
Ad Butler => http://www.adbutler.com
Image Ad Builder => http://www.mattharward.com/image-ad-builder
Google Builder => http://www.google.com/adwords/displayadbuilder
Ad Text/Image Generator => http://www.adtextgenerator.com
Keyword Rockstar => http://www.keywordrockstar.com

Keyword Research Tools
Google => http://adwords.google.com/select/KeywordToolExternal
Good Keywords => http://www.goodkeywords.com
Traffic Travis => http://www.traffictravis.com
SEO Book => http://tools.seobook.com/keyword-tools/seobook
Wordpot => http://www.wordpot.com
Word Tracker => http://www.wordtracker.com
KWBrowse => http://www.kwbrowse.com
Spacky => http://www.spacky.com
Nichebot => http://www.nichebot.com
Quintura => http://www.quintura.com
Keyword Elite => http://www.keywordelite.com
Auctions eBay => http://www.ebay.com
iBidFree => http://www.ibidfree.com
UBid => http://www.ubid.com
Overstock Auction => http://auctions.overstock.com
eBid => http://www.ebid.net
BidStart => http://www.bidstart.com

Social Media Web Sites
Facebook => http://www.facebook.com
MySpace => http://www.myspace.com
Squidoo => http://www.squidoo.com
Propeller => http://www.propeller.com
HubPages => http://www.hubpages.com
YouTube => http://www.youtube.com
WordPress.com => http://www.wordpress.com
Digg.com => http://www.digg.com
Delicious => http://www.delicious.com
Twitter => http://www.twitter.com
LinkedIn => http://www.linkedin.com

Outsourcing
Elance => http://www.elance.com
Guru => http://www.guru.com
Rent A Coder => http://www.rentacoder.com
Freelancer => http://www.freelancer.com
oDesk => http://www.odesk.com
Scriptlance => http://www.scriptlance.com
iFreelance => http://www.ifreelance.com

Article Directories
Ezine Articles => http://www.ezinearticles.com
Go Articles => http://www.goarticles.com
Articlebase => http://www.articlesbase.com
Article Alley => http://www.articlealley.com
Article Snatch => http://www.articlesnatch.com
Helium => http://www.helium.com
Article Dashboard => http://www.articledashboard.com
Article City => http://www.articlecity.com
Articles888 => http://www.articles888.com
Article Rich => http://www.articlerich.com

Domain Registrars 
GoDaddy => http://www.godaddy.com
Namecheap => http://www.namecheap.com
InterNIC => http://www.internic.net
Register.com => http://www.register.com
eNom => http://www.enom.com
1 and 1 => http://www.1and1.com
Active Domain => http://www.active-domain.com
Network Solution => http://www.networksolutions.com
Domain => http://www.domain.com
Domain Register => http://www.domainregister.com
Planet Domain => http://www.planetdomain.com

Video Sharing Sites 
YouTube => http://www.youtube.com
Google Videos => http://video.google.com
Yahoo Videos => http://video.yahoo.com
Viddler => http://www.viddler.com
Adhysteria => http://www.adhysteria.com
BoFunk => http://www.bofunk.com
Esnips => http://www.esnips.com
GUBA => http://www.guba.com
iviewtube => http://www.iviewtube.com
Kewego => http://www.kewega.com
LiveVideo => http://www.livevideo.com
MegaVideo => http://www.megavideo.com
Metacafe => http://www.metacafe.com
Motionbox => http://www.motionbox.com
MySpace Videos => http://vids.myspace.com

Bulk Video Uploading 
TubeMogul => http://www.tubemogul.com
TrafficGeyser =>  http://www.trafficgeyser.com

Survey Tools 
PollDaddy.com => http://www.polldaddy.com
SurveyMonkey.com => http://www.surveymonkey.com
Zommerang => http://www.zoomerang.com
MisterPoll => http://www.misterpoll.com
Survey Gizmo => http://www.surveygizmo.com

Domain Research
Alexa => http://www.alexa.com
Quantcast => http://www.quantcast.com
WhoIs Lookup => http://www.whois.net
Nameboy.com => http://www.nameboy.com

Blogging Platforms 
WordPress => http://www.wordpress.com
Blogger.com => http://www.blogger.com
Weblog => http://weblog.com
Weebly => http://www.weebly.com
Blog.com => http://www.blog.com
Thoughts => http://www.thoughts.com
MyBlogSite => http://www.myblogsite.com

Web Hosting 
Powweb => http://www.powweb.com
Liquid Web => http://www.liquidweb.com
Host Gator => http://www.hostgator.com
Blue Host => http://www.bluehost.com
Just Host => http://www.justhost.com
Godaddy =>http://www.godaddy.com
Fat Cow =>http://www.fatcow.com
Dream Host +> http://www.dreamhost.com
Dot Easy => http://www.doteasy.com
Host Monster => http://www.hostmonster.com
Host Clear => http://www.hostclear.com
LunarPages => http://www.lunarpages.com

HTML Editors
Coffe Cup => http://www.coffeecup.com/software
Page Breeze => http://www.pagebreeze.com
Dream Weaver > http://www.adobe.com/products/dreamweaver
HTML Kit => http://www.htmlkit.com
Edit Plus => http://www.editplus.com
Microsoft Frontpage => http://www.microsoftfrontpage.com
EditLive => http://editlive.com

Internet Marketing Resources
Web Marketing Today => http://www.wilsonweb.com
Associate Programs => http://www.associateprograms.com
Dynamic Media => http://www.dynamicmedia.com
Google Insights => http://www.google.com/insights/search
MSN Labs => http://adlab.msn.com
Google Trends => http://www.google.com/trends
SEO Book => http://www.seobook.com
INC Magazine => http://www.inc.com
Forbes => http://www.forbes.com
Entrepreneur => http://www.entrepreneur.com
TheSiteWizard => http://www.thesitewizard.com

Anonymous Proxies 
WorldProxy202.com => http://www.worldproxy202.com
Proxify.com => http://www.proxify.com
ispConf => http://uk.ispconf.com
Warp Proxy => http://warpproxy.com
Proxy Table => http://www.proxytable.com

Audio Editors
Audacity => http://audacity.sourceforge.net
Nero => http://www.nero.com
Free Audio => Editor http://www.free-audio-editor.com
Sonic Memo => http://www.sonicmemo.com/sonicmemo.html

Ad Trackers
AdTrackz Gold => http://www.adtrackzgold.com
Tracking202 => http://www.tracking202.com
Hyper Tracker => http://www.hypertracker.com
Ad Watcher => http://www.adwatcher.com
Clixtrac => http://www.clixtrac.com
Hits Connect => http://www.hitsconnect.com

Mind Mapping Software
Free Mind => http://freemind.sourceforge.net/wiki/index.php/Download
Smart Draw => http://www.smartdraw.com
Xmind => http://www.xmind.net
Visual Mind => http://www.visual-mind.com
MindJet => http://info.mindjet.com

Rabu, 15 Februari 2012

Meningkatkan Traffic dengan Pengunjung Palsu

Trafik Pengunjung blog merupakan idaman para blogger dan webmaster. Jika pengunjung ramai bisa dipastikan bahwa isi dari konten blog tersebut sangat menarik. Dan tentunya nilai dari blog yang sobat jual akan laris manis. Bagi sobat blogger newbie mungkin masih kesulitan dalam mendapatkan trafik pengunjung. Karena trafik pengunjung tidak bisa ditempuh dengan kilat. Harus melalui proses yang bertahap dan memerlukan perjuangan.

Cara alami dalam mendapatkan trafik pengunjung blog adalah dengan membuat isi artikel yang banyak dicari dan bermanfaat bagi pengunjung. Dan yang tak kalah ampuh adalah dengan blogwalking dan meninggalkan komentar di blog sahabat. Tentunya cara ini memerlukan proses yang lama. Nah....jika sobat ingin menempuh jalan pintas, ada sebuah software yang mampu untuk menciptakan trafik pengunjung palsu. Dan tentunya dengan software ini pula bisa melangsingkan berat badan tante Alexa.

Software ini dibuat berbasiskan VB.Net dan memakai proxy untuk mendapatkan trafik pengunjung. Bagusnya software ini tidak hanya masuk ke halaman utama blog sobat saja. Tetapi bisa masuk ke seluruh artikel sobat, tergantung dari jumlah threads yang sobat atur dalam software ini. Semakin banyak jumlah threads yang sobat atur, tentunya membuat proses agak lama, karena dia masuk ke seluruh isi dari blog sobat.



Untuk mendownload program KLIK DISINI
Untuk update proxy terbaru KLIK DISINI

Animasi Teks Dengan Menggunakan Efek Marquee

Dalam postingan kali ini saya mencoba berikan tips tentang Cara membuat animasi teks yang bergerak. Teks berjalan caranya tidaklah begitu rumit, kita hanya perlu memahami mengenai  fungsi dari kode-kode yang bisa membuat object tersebut bergerak.seperti marquee, behavior, scroll amount dan lain sebagainya. Dibawah ini adalah beberapa contoh Animasi Teks yang menggunakan efek marquee. untuk anda yang berminat, silahkan anda copy kodenya kemudian anda paste ke gadget html anda.

Teks Berjalan Bolak Balik dari Kiri - kanan
Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network

<marquee behavior="alternate" direction="right"scrollamount="5" scrolldelay="10" >Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network</marquee>

Teks Berjalan Dari kanan kekiri secara bersambung

Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network

<marquee behavior="scroll" direction="left" scrollamount="5"scrolldelay="10" >Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network</marquee>


Teks Berjalan dari kanan kekiri 10 kali

Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network

<marquee behavior="slide" bgcolor="" direction="left"loop="10" scrollamount="5" scrolldelay="10">Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network</marquee>


Teks Berjalan dengan efeks Bounce atau ZIG ZAG

Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network
<marquee behavior="alternate" direction="up" scrollamount="5" scrolldelay="10">Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network</marquee> 

Teks Berjalan Berjalan Bolak balik dari bawah ke atas

Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network

<marquee behavior="alternate" direction="up" scrollamount="5" scrolldelay="10" >Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network</marquee>


Teks Berjalan Berjalan dari bawah ke atas secara bersambung

Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network

<marquee behavior="scroll" direction="up"style="text-align: center;" crollamount="5" scrolldelay="10" >Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network</marquee>

Teks Berjalan Berpencar


Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network
Sekedar catatanku : Berbagi sesama blogger - Blogger sharing NetworkSekedar catatanku : Berbagi sesama blogger - Blogger sharing Network
<marquee direction="Up" style="text-align: center;">Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network</marquee>
<marquee direction="Left"style="text-align: center;">Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network</marquee>
<marquee direction="right" style="text-align: center;">Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network</marquee>
<marquee direction="down" style="text-align: center;">Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network</marquee>

Keterangan :

Masukkan di  Rancangan, Tambah Gadget, HTML/Javascript ---> Pastekan Codenya..
Ganti Tulisan "Sekedar catatanku : Berbagi sesama blogger - Blogger sharing Network" dengan Kalimat Yang lain. lalu Save

Minggu, 08 Januari 2012

Cara Membuat Label Berurutan Di Atas Judul Posting

Apa itu breadcruumb kalau diterjemahkan secara bebas artinya roti lemah...haa...haa...haa.
Membuat menu navigasi berurutan di atas  posting, merupakan suatu cara efektif untuk memberikan kemudahan pengunjung blog dalam melihat kategori/label posting suatu blog Jadi menu breadcrumb ini bekerja jika anda sudah mempunyai /membuat label.
dan menu navigasi breadcrumbs ini akan terlihat diatas artikel anda atau dibawah judul blog anda saat anda membuka halaman suatu postingan bukan halaman utama blogspot anda.(contohnya disini). Tapi tidak semua bisa lho, ditamplate ini agak susah juga. Jadi jangan lupa  upa download dulu template anda apabila ada kesalahan bisa dikembalikan seperti semula.

Langkah langkah/Cara Membuat Breadcrumb Pada Blogger

1. Masuk ke  Dashboard blogger Anda ,lalu pilih Tata Letak dan kemudian pilih Edit HTML, lalu centang Expand Widget Templates.

2. Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):

<b:includable id='main' var='top'>

3. Setelah ketemu,letakkan breadcrumb script berikut tepat diatasnya.

<b:includable id='breadcrumbs' var='post'>
<!--  Start on Breadcrumbs  -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Browse:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End off Breadcrums  -->
</b:includable>

4. Cari kode ]]></b:skin>,
jika sudah ketemu letakkan barisan kode css breadcrumb dibawah ini tepat diatasnya.

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

5. Kemudian,cari lagi kode berikut:

     <b:if cond='data:post.dateHeader'>

6. Jika sudah ketemu, letakkan kode dibawah ini tepat diatasnya.

     <b:include data='post' name='breadcrumbs'/>

atau anda bisa sesuaikan dengan blog anda nanti dengan menaruh disekitar kode no 5. (coba deh ber eksperimen)

7. Kemudian Simpan Templates dan Selesai.


Catatan :
Anda bisa ganti tulisan Browse (warna biru) sesuai selera anda, misalnya diganti  anda disini atau yang lainnya.

Senin, 02 Januari 2012

4 Situs Untuk Menampilkan Kode Html Pada Posting Blogger

Hallo kawan Blogger Semua selamat bagi anda yang telah menjadi publisher Google Adsense .Kali ini saya akan membahas Cara Menampilkan Kode HTML pada posting Blog. Alasan saya membahas judul ini karena untuk posting-posting saya tentang tips-tips blogging yang berhubungan dengan kode HTML sudah pasti akan menampilkan kode tersebut pada halaman posting. Dan untuk blogger ini jika menuliskan secara langsung kode HTMLnya maka langsung mengeksekusi kode tersebut, misalkan kode src maka akan langsung menampilkan gambarnya, bukan kode-kode HTML kita inginkan.

Apakah rekan-rekan mengalami kesulitan untuk ini? Jika iya akan coba saya jelaskan caranya. Setelah googling sebentar saya menemukan cara untuk menampilkan kode html tersebut setelah membaca artikel beberapa artikel. Untuk menampilkan kode html ke dalam posting blog ini, kita harus meng-encode kode tersebut. Sebagai contoh untuk menampilkan kode link HTML sederhana berikut ini pada postingan :

<a href=’http://catatansahara.blogspot.com’>Sahara Blog Notes</a>

Maka kode di atas harus kita PARSE terlebih dahulu dan yang harus kita tulis sebelum dipublish (pada Edit HTML/HTML bukan Visual/Compose) sebagai berikut,

&lt;a href=’http://catatansahara.blogspot.com’&gt;Sahara Blog Notes&lt;/a&gt;

Kode di atas adalah kode HTML link yang sudah diPARSE agar bisa tampil pada postingan kita. Tapi tenang temen-temen semua, bagi kita yang newbie ini kita sudah disediakan web yang menyediakan jasa encode-decode, quick escape, parse HTML, escape HTML atau apalah namanya itu yang jelas untuk memparse kode HTML agar dapat tampil pada postingan blog. Ada 3 web yang direkomendasikan yaitu :

Centricle.com
Kita bisa menggunakan jasa centricle untuk memparse html dan aturannya pun cukup sederhana hanya mengcopy-paste kode html yang akan di parse pada kotak yang telah disediakan kemudian klik ENCODE, maka tampilah kode HTML yang telah diparse dan siap dicopas untuk tampil pada postingan blog Anda. Atau klik DECODE untuk mengembalikan pada kode semua. Berikut screenshotnya :


Blogcrowds.com
Aturannya sama dengan centricle Anda cukup mempaste kode HTML pada kotak yang disediakan kemudian klik PARSE. Jika ingin lebih jelas disamping kanannya terdapat instruksi penjelasan tentang cara penggunaan tool satu itu. Tool ini sangat berguna dalam memparse kode html Google Adsense dalam postingan di Blog. Berikut screenshotnya :


Accessify.com
Demikian pula dengan accessify yang menyediakan jasa layanan Parse HTML dan menamakannya Quick Escape. Setelah kode HTML di paste pada kotak tersedia klik Convert to Escape characters. Berikut screenshootnya :


Obfuscatorjavascript.com
Obfuscatorjavascript menyediakan jasa layanan Parse Java Script dan HTML setelah memasukan kode script Html ke Obfuscatorjavascript klik Obfuscate, dan anda tinggal memilih dalam file Javasript atau HTML. Biasa digunakan dalam mengedit Tamplate Blogger. Disini juga meyediakan Softwarenya silahkan didownload DISINI