Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Tuesday, April 21, 2020

Embed RSS Feed Into Webpage / Embed anything

https://www.michaelhartzell.com/marketing-insights-ezine/how-to-embed-rss-feed-into-website-for-diy-entrepreneurs


Boiled down to this:
http://feed.informer.com/ - trying first... cuz it's free..
NEGATIVE... turned out not to work, plus it was like ANCIENT html code lol

https://feed.mikle.com/ - legit, cheap, and easy - works great, looks like it can be made to be sexy... basic is $9 / year... yeah, we got a winner

And here's how to embed anything else, lol:


https://www.labnol.org/internet/how-to-embed-in-html-webpages/6365/

Tuesday, October 22, 2019

Facebook Events in Kartra

So in the Settings / Embed Facebook Ads Tracking Code, simply put the pixel in first, then paste the event in below it, like so:

<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '2591031754288929');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=2591031754288929&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

<script>
  fbq('track', 'CompleteRegistration', {
    value: 1,
  });
</script>

Note that for "track event on page load", you only need the head script (the yellow above), you don't need the stuff that comes after the <body> tag

Monday, August 19, 2019

Kartra Custom Domain Test

Well, that didn't go so well.

Setting a CNAME for www.howtofixinsomnia.com (testing this with the "fix insomnia" web) was easy enough.  In theory, by tomorrow it'll be linked up with kartra all nice and fancy.

However, redirecting howtofixinsomnia.com to https//www.howtofixinsomnia.com was a fucking disaster with AWS.  Appearently, the way to do this is COMPLEX.  WHY!??

1. Make a static redirect site with an S3 bucket.
2. Configure Cloudfront to work with the S3 bucket.
3. .... WHY THE FUCK CAN I NOT JUST USE ROUTE 53 TO POINT THE MAIN URL @ THE WWW.  JESUS.

Anyways full guide is below... stay away... stay far, far away...

https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/tutorial-redirecting-dns-queries.html#tutorial-redirecting-dns-queries-create-route-53-record

So... for now... I am stuck using my website, with kartra's pages and their little favicon... I could try to route everything using GoDaddy but it'd prob be fucking annoying resetting up my email and shit... not worth it, this was supposed to be a cake walk.  Plus, when I go back to Amazon, I'd have to figure everything out again.  Too much of a pain

Sunday, August 18, 2019

Kartra vs. Wordpress

I am going to switch 100% to Kartra, with only a wordpress blog nestled howtocureinsomnia.com/blog

To try to make Kartra work with all of wordpress' features, it seems like it's going to be a lot of work.  You would practically want to be a web developer or you risk creating unknown variables that could lead to issues.

Since Kartra doesn't have a global header / footer, limit the kartra pages.  The weekly content will be on wordpress.  It will not have all of kartra's features, but it'll link to Kartra pages when it comes to anything I'd want to sell or have kartra pages promoting.  It'll also use Kartra forms and Kartra videos, which will of course have Kartra features.

So someone opts in, gets an email about something new, clicks to the wordpress page (which Kartra email tags them for doing), watches the video (which Kartra tags them for doing), and then buys off the Kartra page, I have basically all the data I would ever want.  I just don't have special kartra features on the blog post itself, other than any kartra forms or videos it contains.

So the majority of content produced will be on the wordpress blog, but that will all nestle inside a Kartra framework.  The minority of the site will be Kartra pages, but those will contain all the powerful sales stuff.

SEE ALL PRIOR CUSTOMER Q'S ANSWERED:
https://www.kartra.com/blog/q-a-tuesdays/

What if I want my page on WordPress?

You'll need a WordPress Plugin called Blank Slate and duct tape. 

Tuesday, July 16, 2019

Choosing a theme

I want to go with a header video over the main title.

That way it starts smooth with all the focus on the video, and the rest of the website starts from there.  This puts the main video as the focus.

Would like to use this one:
http://demo.theme.co/ethos-3/

Alternative:
http://demo.theme.co/icon-10/

So, to do this, it would seem I need the "Pro" version, since that's where all the header and footer features are, plus it has a lot of other handy features like HISTORY :)

Pro upgrade was FREE.  Siick.

It's a whole new theme, uploading to server now, then switch theme, hopefully ethos-3 demo will input as intended, and hopefully I can swap out the background video with an actual vimeo video.  We shall see.

Monday, July 15, 2019

Worpress Reset

So, first thing I come to is updating PHP so I can be compatible with the newest wordpress.  I quickly come to the conclusion that this is something i must do in linux.

https://code.tutsplus.com/tutorials/upgrading-your-linux-server-to-php-7--cms-27583

I start reading and first thing up: "Go ahead and purge all the current PHP"

and I'm like... "ahhh... yeah... about that..."

And now I am creating a copy AMI so if something goes wrong I have a 7/15/19 backup image to run from.  Only took about 2-5 minutes.

This guide is better actually:
https://fizzbuzzer.com/upgrading-php7-amazon-linux-ec2-instance/

And now I realize my server probably hasn't been updated since 2015.  Which is probably a PRETTY BIG DEAL.... ooo boy

step 1
"
Login to your Linux instance and perform the regular system updates first
"

lol... fack


....

Some things to note about SUDO / Service / Linux

1. You're using linux, not unix.  lol
2. service commands like restart for things like httpd and mysqld require SUDO
EX:
$ service mysqld restart
cat: /var/run/mysqld/mysqld.pid: Permission denied
$ sudo service mysqld restart
Stopping mysqld:                                           [  OK  ]
Starting mysqld:                                           [  OK  ]

:)

New FTP User Created

user: press
pass: std23

Seems to work!!

Setting up SSH on AMI Linux

Amazon: FAILED
https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/SSL-on-amazon-linux-2.html

GoDaddy / Linux: FAILED
https://www.godaddy.com/help/manually-install-an-ssl-certificate-on-my-apache-server-centos-5238

GoDaddy / AWS Server: FAILED - DO NOT USE THIS STRAT... Will cost more money and not the legit way to go...
https://www.godaddy.com/help/manually-install-an-ssl-certificate-on-my-aws-server-32075


Well, after going 2.5 hours over the budget it's pretty clear this is going to take more work than I have time for to meet "live" deadline.  Will implement first thing after going live.

Warning  - Security




Wednesday, October 12, 2016

Q4 2016 PTC Day 10

5:15p - 6:45p

515 - 530 -- packet review and 5 min meditation

aaand back to web editing.

There's gotta be some kind of troubleshoot guide for demo's not working.

Oh hey, it worked!

Watched the training on cornerstone today... pretty evident this is all I will ever need.

Honestly the most amazing web editor ever.  X was an amazingly rewarding investment.

Cornerstone Intro:
https://community.theme.co/kb/cornerstone-introduction/

Notable:
@ 34:00 he gets into the page-CSS editor and by highlighting text and pressing command + D (presumably, CTRL + D on a PC) he can select all occurrences of it and edit all at once (multiple cursors).  Super cool.

TEMPLATES -- there's predesigned pages AND ***BLOCKS***
and one blog is perfect for my next objective TIO: "MENU 2: COLUMNS"

So the time it took to watch all this just paid for itself!!!

Monday, September 12, 2016

Q3 PTC Day 65

6p - 7p

HOW TO MAKE HEADER

...AND ANYTHING ELSE...

Simply make them as normal elements on the page below the upper part, as normal in wordpress.

Style the below part to match the top part.

Then copy the HTML and paste it where you want it.

...once the page is published, do all this on a separate page titled workshop.

TODAY

-got a dozen or so sunset bg's to try out.

-added to stylesheet to make a box around the elements on the page so they stand out as separate from bg image.  (note how this page does it with the text... not sure if i can be the same with video but here's to hoping... guess I gotta figure this out and if this kinda bg image will work.  So far it's not working so hot.... http://nasfactor.com/themes/dotsquare/html/html/index.html )

CODE:

CSS:

.box {
  border-top: #ccc 1px solid;
  border-right: #ccc 1px solid;
  border-bottom: #777 1px solid;
  border-left: #777 1px solid;
}

Element:
<whatever class="box"></whatever>

also maybe try this one here:
http://webdesignerwall.com/tutorials/css-the-all-expandable-box

Design Thoughts


It's almost like I need a black bg with a picture stylishly running up the side and around the top or something.  This full bg isnt goin anywhere fast.

Sunday, October 25, 2015

Show/Hide Content


How to SHOW / HIDE text on a page using javascript and CSS.  Taken from here:


See le code by going into edit or source on this blog post... or just goto that link above :).

See more.
Congratulations! You've found the magic hidden text! Clicking the link below will hide this content again.
Hide this content.